มาสร้างเกม 2D Breakout ในตำนานด้วย JavaScript กันเถอะ 👨‍💻💯

Channel:
Thailand MilerDev
Subscribers:
168,000
Published on ● Video Link: https://www.youtube.com/watch?v=AuTN1yG1S0w


Duration: 1:23:53
1,240 views
48

สมัครเป็นสมาชิกของช่องนี้เพื่อเป็นกำลังใจให้ผมผลิตเนื้อหาความรู้ดีๆ
https://www.youtube.com/channel/UCeKE6wQHTt5JpS9_RsH4hrg/join

Contacts
🕶 FB (Fanpage) : https://www.facebook.com/patiphannn/
📧 Business : misterpatipan@gmail.com

Host Atom จดโดเมน-เช่าโฮสต์ ราคาประหยัด
🔗 https://support.hostatom.com/aff.php?aff=948

Website คอร์สเรียนออนไลน์
🔗 https://milerdevpro.com/

Donate & Supporting me
🙏🏻 KBANK กสิกร : 009-3-555-821 ปฏิภาณ เพ็งเภา
🙏🏻 Paypal : misterpatipan@gmail.com
☕️ By me a coffee : https://www.buymeacoffee.com/milerdev

#PatiphanPhengpao #MilerDev #PatiPhan

Timestamps:
0:00 Intro
1:57 Create the canvas and draw on it
11:48 Move the ball
18:00 Bounce off the walls
27:34 Create paddle and keyboard controls
42:32 Game over
47:49 Build the brick field
59:12 Collision detection
1:06:11 Track the score and win
1:10:31 Mouse controls
1:13:35 Giving the player some lives
1:17:53 Improving rendering with requestAnimationFrame()
1:19:54 Add some features
1:22:43 Outro



Other Videos By MilerDev


2023-06-08Regular Expression ใช้ยังไงในการเขียนโปรแกรม ดูจบบรรลุ! 👨‍💻💯
2023-06-08เขียน PHP แบบชีวิตง่ายขึ้นด้วยเครื่องมือสุดเทพ | PHP + Five Server 👨‍💻💯
2023-06-06เรียนรู้การแก้ปัญหาในระบบ เขียนโค้ดเช็คข้อมูล User ในภาษา PHP 👨‍💻💯
2023-06-05เราสามารถใช้ ChatGPT ได้แล้วใน IOS โหลดเลยมันเยี่ยมมาก!! 👏🏻💯
2023-06-02พาเล่นกับ REST API ใน ReactJS และสิ่งสำคัญที่ควรรู้ 👨‍💻💯
2023-06-01สอนใช้ React DevTools เครื่องมือสุดเทพที่ ReactJS Dev ควรใช้ 👨‍💻💯
2023-05-31สอนการทำ Loading State ให้กับ ReactJS Application เพื่อ User Experience ที่ดี 👨‍💻💯
2023-05-30DaisyUI ปลั๊กอินสุดเทพที่จะทำให้การเขียน TailwindCSS ง่ายขึ้นและสบายขึ้นมากๆ 👨‍💻💯
2023-05-29รู้จักกับ Password Hashing สิ่งสำคัญที่ขาดไม่ได้ในการพัฒนา PHP Application l Web Security 👨‍💻💯
2023-05-28แนะนำแนวทางโปรเจค Front-End สำหรับฝึกฝน และเทคโนโลยีที่ใช้ 👨‍💻💯
2023-05-27มาสร้างเกม 2D Breakout ในตำนานด้วย JavaScript กันเถอะ 👨‍💻💯
2023-05-27[🔴 Just Talking ] คุยกันวันเสาร์ ศูนย์บรรเทาทุกข์ Dev 💯
2023-05-26มาลองใช้ Bard AI จาก Google บอกเลยว่าเร็วมากๆ 👨‍💻💯
2023-05-25สิ่งที่ควรระวังเมื่อใช้ AI ช่วยเขียนโปรแกรม 👨‍💻💯
2023-05-24ทัศนคติแย่ๆ ที่จะทำให้เราไม่พัฒนาในการเขียนโปรแกรม
2023-05-23วิธีการใช้ AI ( ChatGPT ) ช่วยในการเขียนโปรแกรมระบบ Login & Register ดูจบบรรลุ! 👨‍💻💯
2023-05-22วิธีสร้าง Navbar แล้วเอาไปใช้ให้กับทุกหน้า ดูจบบรรลุ! 👨‍💻💯
2023-05-21[🔴 Just Talking ] มาเรียน NextJS + ฝึกภาษาไปด้วยกัน 💯
2023-05-21มาลองทำเว็บ Portfolio แบบพี่นู๋เนย จะรอดไม่รอดมาดูกัน 👨‍💻💯
2023-05-20ทักษะพื้นฐานสำหรับ ReactJS Developer ที่ควรมี พร้อมยกตัวอย่างให้ดูชัดๆ ดูจบบรรลุ! 👨‍💻💯
2023-05-19ฝึกเขียนโค้ด 100 วันกับจารย์โอม | Tab Headers [ 5-100 ] 👨‍💻💯


Tags:
patiphan phengpao
programming
web development