คอร์สเรียน สร้างเกมบน iOS และ Android ด้วย HTML5

เขียนเกมบน iOS และ Android จากเริ่มต้น ไปสู่ระดับมืออาชีพ ด้วย HTML5 framework, JavaScript, CSS3

3.75 (74 reviews)
Udemy
platform
ภาษาไทย
language
Mobile Apps
category
385
students
14 hours
content
Apr 2016
last update
$24.99
regular price

What you will learn

สามารถเข้าใจถึงหลักการสร้างเกม

สร้างเกมบน Mobile ได้จริง

สร้างรายได้บน Mobile App ได้จริง

เข้าใจถึง ภาษา HTML5, JavaScript, CSS3

สามารถออกแบบ และสร้าง เกมเป็นของตัวเองได้

สามารถติดตั้ง App บนเครื่องของตัวเองได้

สามารถอัพโหลด Mobile App App Store และ Play Store ได้

รู้จักกับการสร้างเกมแบบ Multiplayer เบื้องต้น และ Node.js และ Socket.io

Description

หลักสูตรนี้ เขียนเกมเพียงครั้งเดียว สามารถลงได้ทั้ง iOS และ Android

เคยไหมที่บางทีคุณอยากสร้างเกมหนึ่งเกม แต่ไม่รู้ว่าจะเริ่มต้นตรงไหนดี

บางคนลองทำดูแล้วแต่อาจติดปัญหาต่างๆ และก็ยอมแพ้ไป บางคนทำแล้วไม่มีใครเล่น

บางคนเคยเล่นเกมที่ตัวเองชอบและอยากมีเกมเป็นของตัวเอง บางคนทำงานจนไม่มีเวลา

ปัญหาเหล่านี้จะหมดไปด้วยคอร์สเรียนออนไลน์ สร้างเกม ด้วยภาษาที่ง่ายที่สุด และดีที่สุด

ในขณะนี้ไม่จำเป็นต้องโค๊ดยากๆและนานแบบเมื่อก่อนอีกต่อไป คอร์สนี้จะตอบโจทย์ของคุณ

เทคโนโลยีที่ง่าย และรองรับทุกอุปกรณ์ เขียนเพียงครั้งเดียวก็ใช้งานง่ายๆ ถ่ายทอดประสบการณ์

จากโปรแกรมเมอร์ที่ทำงานอยู่จริงๆ ของ Nooknan Studio ผู้สร้าง Mobile App และ Games มากกว่า 4 ปี ลักษณะการสอนในฉบับเป็นกันเองไม่เน้นหลักการมากมาย เข้าใจไปพร้อมกันทำไปพร้อมกัน

ที่สำคัญคือ สำหรับผู้ที่สนใจอยากสร้างเกมออนไลน์ หรือ Multiplayer เกมในหลักสูตรจะอธิบาย

การสร้างเกมแบบออนไลน์เบื้องต้น ขั้นพื้นฐานเอาไว้ด้วย เพื่อบางคนจะสามารถต่อยอดไปยังการสร้างเกมออนไลน์ ขนาดใหญ่

เนื้อหาในหลักสูตร

  1. เรียนรู้พื้นฐานของ Mobile Game และเทคโนโลยีในการสร้างเกม
  2. รู้จักกับ ตัวช่วยในการสร้างเกมด้วย HTML5
  3. ทำความรู้จักกับ Framework ต่างๆในการสร้างเกม
  4. รู้จักกับการทำงานต่างๆ ไม่ว่าจะเป็น ระบบ Physics Arcade Box2d เป็นต้น
  5. รู้ถึงการสร้าง Animation ใส่เสียงในเกม และสร้าง Game Play ด้วยตัวเอง
  6. เข้าใจถึงหลักการสร้างเกมแบบออนไลน์เบื้องต้น ระหว่าง Sever และ Client

เวลาที่ใช้ในการเรียน

  • ไม่เกิน 24 ชม สรุปในกระชับไม่เสียเวลา

ลักษณะการเรียน

  1. ทำความเข้าใจ - อธิบายถึงหลักการข้างต้นทั้งหมดในวิดีโอให้ผู้เรียนทำตาม
  2. ดูและทำตาม - ดาวน์โหลดไฟล์ Workshop แล้วทำตามในวิดีโอที่สอน

Content

พื้นฐานการสร้างเกมเบื้องต้น Basic Games

Introduction
HTML5 คืออะไร ?
HTML5 เกี่ยวข้องกับ CSS3 และ JavaScript อย่างไร ?
ที่มาของ Game และ กลเกม
ประเภทของเกม และ การออกแบบเกม Game Design
ติดตั้ง Sublime และ Responsive Web Design Tester
ติดตั้ง intel XDK และ Xampp

เขียน HTML ขั้นพื้นฐาน

Hello World HTML5
การใช้งาน CSS ทำงานร่วมกับ HTML
การใช้งาน JavaScript ทำงานร่วมกับ HTML
การใช้งาน HTML5 Canvas โหลดรูปภาพ
การเล่นเสียงด้วย HTML5 audio
การเล่นวิดีโอด้วย HTML5 video

JavaScript เบื้องต้น

การสร้าง Variable (ตัวแปร)
ตัวแปรแบบ Array
ตัวแปรดำเนินการ JavaScriptOperators
สร้างเงื่อนไข ด้วย if else
การใช้คำสั่ง Switch
การสร้าง Function
การทำงานซ้ำ Loop
การ import External File

การพัฒนาเกมด้วย HTML5 framework

ขั้นตอนการติดตั้ง framework เพื่อสร้างเกม Hello Game
Create Screen and Asset
Install Completions ให้ Sublime Text
Load Image
การสร้าง image Click ตอนที่ 1
การสร้าง image Click ตอนที่ 2
การเคลื่อนย้ายภาพ แบบ Move image
การเคลื่อนย้ายภาพตามวัตถุ image follow input
การโหลดภาพเคลื่อนไหว Load Animation json sprite ตอนที่ 1
การโหลดภาพเคลื่อนไหว Load Animaition json sprite ตอนที่ 2
การใส่ข้อความ Render Text

Debug Game

การ Debug Camera
การ Debug Display And Input
การ Debug Physics
การ Debug SpriteSheet

Audio Game

การใส่เสียงในเกม Add Audio
การสร้าง Loop Sound
การ Pause Resume Sound

Input Game

การกั้นขอบ BoundRect
การกั้นขอบแบบ BoundSprite
Bring A Child To Top
Drag
Follow Mouse

Physics Game

Arcade Physics Body Enable
Bounce
Bounce Knock
Bounce With Gravity
Bounding Box
Direct Body Movement
Gravity
Gravity and Drag
Box2d BASIC MOVEMENT
Box2d Basic Setting
Box2d LoadPolygon ตอนที่ 1
Box2d LoadPolygon ตอนที่ 2
Box2d Joint
Box2d Restitution

ตัวอย่างการสร้างเกมเบื้องต้น

สร้างเกมแนว Flappybird ตอนที่ 1
สร้างเกมแนว Flappybird ตอนที่ 2
สร้างเกมแนว Flappybird ตอนที่ 3.1
สร้างเกมแนว Flappybird ตอนที่ 3.2
สร้างเกมแนว Flappybird ตอนที่ 4.1
สร้างเกมแนว Flappybird ตอนที่ 4.2
สร้างเกมแนว Flappybird ตอนที่ 5.1
สร้างเกมแนว Flappybird ตอนที่ 5.2

การสร้าง Multiplayer Game หรือ เกมออนไลน์เบื้องต้น

ติดตั้ง nodejs
ติดตั้ง package ฝั่ง Server
สร้าง Resource File ฝั่ง Server และ Client
import Class to Project
สร้างเกมฝั่ง Client ตอนที่ 1
Preload image & json
สร้างเกมฝั่ง Client ตอนที่ 2
สร้างเกมฝั่ง Client ตอนที่ 3
สร้างเกมฝั่ง Client ตอนที่ 4
สร้างเกมฝั่ง Server ตอนที่ 1
สร้างเกมฝั่ง Server ตอนที่ 2
สร้างเกมฝั่ง Server ตอนที่ 3
สร้างเกมฝั่ง Server ตอนที่ 4
สร้างเกมฝั่ง Server ตอนที่ 5

นำชิ้นงานลง iOS และ Android Publish Your Mobile App

การ Publish ชิ้นงาน บน iOS และ Android
ติดตั้ง admob เพื่อสร้างรายได้จาก App

Screenshots

คอร์สเรียน สร้างเกมบน iOS และ Android ด้วย HTML5 - Screenshot_01คอร์สเรียน สร้างเกมบน iOS และ Android ด้วย HTML5 - Screenshot_02คอร์สเรียน สร้างเกมบน iOS และ Android ด้วย HTML5 - Screenshot_03คอร์สเรียน สร้างเกมบน iOS และ Android ด้วย HTML5 - Screenshot_04

Reviews

Surasak
March 17, 2016
เนื้อหามีตั้งแต่พื้นฐานจนถึงขั้นสูง โดยเฉพาะหัวข้อการใช้ physic ในเกมและ การทำ multiplayer กำลังสนใจเรื่องนี้อยู่พอดี ช่วยผมได้เยอะเลยครับ ผมดูแล้วทำตาม ทำให้เข้าใจการทำงานของโค้ดในแต่ละขั้นตอน ทำเสร็จแต่ละ lecture ผมนิถึงบางอ้อเลยคับ มันเป็นแบบนี้เอง เนื้อหาเยอะมาก!! แต่เสียงอัดเหมือนจะมีนอยซ์รบกวนนิดหน่อยคับ แต่ไม่เป็นปัญหาสำหรับผมคับ ใครที่กำลังสนใจทำเกมหรือศึกษาความรู้เกี่ยวกับการทำเกม ผมแนะนำเลยคับคอร์สนี้ช่วยให้คุณเข้าใจหลายๆอย่างเดียวกับการเขียนเกมมากขึ้นคับ

Charts

Price

คอร์สเรียน สร้างเกมบน iOS และ Android ด้วย HTML5 - Price chart

Rating

คอร์สเรียน สร้างเกมบน iOS และ Android ด้วย HTML5 - Ratings chart

Enrollment distribution

คอร์สเรียน สร้างเกมบน iOS และ Android ด้วย HTML5 - Distribution chart
759412
udemy ID
2/11/2016
course created date
10/29/2019
course indexed date
Bot
course submited by