Dive into game development with this beginner-friendly 22-minute tutorial that teaches how to create a fun interactive game called "Meep" using Grok, an AI-powered tool by xAI, and the innovative "vibe coding" method. No prior coding experience needed as the step-by-step guide walks through building a game featuring a bird chasing balls using free tools like p5.js. Learn how to access Grok, prime it with your ideas, implement touch screen controls, add physics, incorporate sound assets, implement scoring, and fix errors along the way. The tutorial demonstrates the flexibility of "vibe coding" which allows for non-linear programming and quick iterations of creative ideas. By the end, discover how to share and test your app, explore other game development ideas, and even create assets using Google tools. Perfect for aspiring game developers and creatives interested in exploring AI-assisted coding.
Overview
Syllabus
0:00 Start
0:21 Quickstart overview
1:54 Full Tutorial start
2:27 P5js web editor
4:24 Accessing Grok and "priming the pump"
5:25 Great for seat of your pants developing
7:12 As much or as little breakdown as you want
8:16 The freedom of "vibe coding"
8:26 vibe coding informs
8:29 copy code
9:21 Originally done in iPad
9:51 Paste your sketch and deal with errors
11:30 Fill the screen of your device
11:54 Adding touch screen details
12:02 Changing some physics
12:33 Wait for the code
13:25 Adding a new ball that grows
14:10 Adding sound asset description
14:40 Adding screenshot so Grok can see
15:20 Making bigger balls tougher
15:35 Fixing errors
16:04 Adding scoring points
16:17 Non-linear programming
16:29 Drawing your app screen
17:00 Ask Grok questions about it or the process
17:52 Playing...
18:44 Sharing to test app
19:33 Other ideas
20:29 Creating assets with Google
Taught by
Ming Effect
