Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

Making Games with Javascript and React

Автор: Mark Makes Stuff

Загружено: 2022-12-18

Просмотров: 93149

Описание:

Making games in React is a blast, and it can help you learn new skills or refine existing ones as you take your modest game project from planning to development and production. Last fall, I gave a pair of talks at local coding meetups about game development in React, and I wanted to share this with you. We'll go over the technical and creative considerations for design, development, testing and deployment. I'll walk through some of my game projects from the past few years to demystify the process and hopefully convince you to make something weird and fun for yourself.

React Games
Noodle Quest: https://noodlequest.ridiculopathy.com/
Source: https://github.com/markarenz/noodle-q...
Text Adventures: https://adventure.ridiculopathy.com/
Source: https://github.com/markarenz/mms-text...
Figure Five Frenzy: https://figurefive.ridiculopathy.com/
Source: https://github.com/markarenz/figure-f...
Mugwomp: https://thing.ridiculopathy.com/02-mu...
Tic-Tac Know Source: https://github.com/markarenz/tic-tac-...
Star Squadron Student Driver: https://store.steampowered.com/app/15...
Video: Making a High Scores API with AWS Serverless, Lambda, API Gateway & DynamoDB:    • Making a Serverless API with the Serverles...  
Video: Reverse Engineering a Game Engine from 1978 in React:    • Are You Retro Enough? Text Adventure Engin...  
Flash Stuff (Play at your own risk): https://github.com/markarenz/rid-flas...
Other stuff: https://www.markmakesstuff.com/


Chapters:
00:00:00 Why make games in React?
00:01:19 Disclaimer
00:02:00 Making games in Flash, iOS, Godot
00:03:08 Making Games in React
00:03:23 Javascript Game Engines
00:03:38 React Concepts for Games
00:04:04 Planning Your Game
00:07:02 Scope: Keep it Simple, Silly
00:08:32 Design Document
00:09:38 Outside-In vs. Inside-Out
00:10:44 The Player Value Proposition
00:11:41 Tic-Tac-Know Project Breakdown
00:15:30 Game-specific Issues Related to State Management
00:16:39 Games and Testing
00:18:59 Text Adventures and Passing Objects
00:21:41 Noodle Quest: Memoization and SVG
00:25:21 Mugwomp: SVG Animations
00:26:25 Untitled RPG: SVG Character Creator
00:27:41 Figure Five Frenzy: AWS Service for High Scores
00:29:28 Deploying to S3
00:30:48 Deploying React Games to Itch.io
00:31:17 Conclusion

Making Games with Javascript and React

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

array(10) { [0]=> object(stdClass)#7985 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "GlmN34slLCg" ["related_video_title"]=> string(42) "Let's make a Trading Sim Game with ReactJS" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(16) "Mark Makes Stuff" } [1]=> object(stdClass)#7958 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "T-pA-wW8yJk" ["related_video_title"]=> string(94) "🚀 РАЗРАБОТКА ИГРЫ с НУЛЯ за 10 часов! [React / TS / Zustand]" ["posted_time"]=> string(28) "11 месяцев назад" ["channelName"]=> string(11) "RED Group +" } [2]=> object(stdClass)#7983 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "I_jox2J7bKs" ["related_video_title"]=> string(45) "Sacrifices for Science! RP-1 ep. 4 #ksp #rp1" ["posted_time"]=> string(26) "24 минуты назад" ["channelName"]=> string(14) "Legion of One " } [3]=> object(stdClass)#7990 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "aMc-GKv5olA" ["related_video_title"]=> string(16) "Make Video Games" ["posted_time"]=> string(21) "3 года назад" ["channelName"]=> string(15) "Pirate Software" } [4]=> object(stdClass)#7969 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "Y92IIy4KpVg" ["related_video_title"]=> string(35) "Simple Browser Game Makes $100+/DAY" ["posted_time"]=> string(21) "2 года назад" ["channelName"]=> string(22) "Millionaire Millennial" } [5]=> object(stdClass)#7987 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "nfgxUhcaaRY" ["related_video_title"]=> string(51) "stop hating on vibe coding and learn to do it well!" ["posted_time"]=> string(21) "7 дней назад" ["channelName"]=> string(12) "Andrew Arrow" } [6]=> object(stdClass)#7982 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "gtfZUnUOgKE" ["related_video_title"]=> string(53) "6 Months of Learning JavaScript Game Dev in 6 Minutes" ["posted_time"]=> string(21) "3 года назад" ["channelName"]=> string(19) "Suboptimal Engineer" } [7]=> object(stdClass)#7992 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "8pDqJVdNa44" ["related_video_title"]=> string(84) "How A Small Team of Developers Created React at Facebook | React.js: The Documentary" ["posted_time"]=> string(21) "2 года назад" ["channelName"]=> string(28) "CultRepo (formerly Honeypot)" } [8]=> object(stdClass)#7968 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "r9I4DuGmJ2Y" ["related_video_title"]=> string(46) "Making a Game in JavaScript with No Experience" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(7) "Goodgis" } [9]=> object(stdClass)#7986 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "ruHZ8X-R1Fg" ["related_video_title"]=> string(33) "How I Made a Game in React Native" ["posted_time"]=> string(27) "6 месяцев назад" ["channelName"]=> string(8) "Ben Awad" } }
Let's make a Trading Sim Game with ReactJS

Let's make a Trading Sim Game with ReactJS

🚀 РАЗРАБОТКА ИГРЫ с НУЛЯ за 10 часов! [React / TS / Zustand]

🚀 РАЗРАБОТКА ИГРЫ с НУЛЯ за 10 часов! [React / TS / Zustand]

Sacrifices for Science!  RP-1 ep. 4 #ksp #rp1

Sacrifices for Science! RP-1 ep. 4 #ksp #rp1

Make Video Games

Make Video Games

Simple Browser Game Makes $100+/DAY

Simple Browser Game Makes $100+/DAY

stop hating on vibe coding and learn to do it well!

stop hating on vibe coding and learn to do it well!

6 Months of Learning JavaScript Game Dev in 6 Minutes

6 Months of Learning JavaScript Game Dev in 6 Minutes

How A Small Team of Developers Created React at Facebook | React.js: The Documentary

How A Small Team of Developers Created React at Facebook | React.js: The Documentary

Making a Game in JavaScript with No Experience

Making a Game in JavaScript with No Experience

How I Made a Game in React Native

How I Made a Game in React Native

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]