PART 2 - Build an RPG with JavaScript and HTML Canvas (Continued) Drew Conley 2024-09-12 | Watch PART 1 first (Canvas RPG Kit)youtu.be/HmxNrlPx8iY📁 Sprite Assets:drive.google.com/file/d/1bln0g54G7oFmDNNPLvdyyfP-esadX4MN/view?usp=sharing📁 Ending Code:drive.google.com/file/d/1VDH5rRWcLxO7Loz95Zxu7kDrbLpls3UJ/view?usp=sharing⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 Join our Discord community of people making video games:discord.gg/umD2GRyWe'll continue with:00:00:00 Intro00:01:24 The Exit Object00:06:51 Changing Levels00:26:22 Starting Position00:34:26 NPCs00:45:21 Text Boxes with Fonts00:55:50 Text Boxes with Sprites01:13:49 Typewriter Effect01:22:50 Input Actions01:35:07 NPC Portraits01:46:36 Story Flags
Building a 2D Platformer in Godot | Project Tour #1 Drew Conley 2025-02-11 | Dev log time! Let's walk through the Godot project file for my upcoming Mega Man-style platformer game. This WIP project is built with Godot v4.3 and will eventually be available to play online.💬 Join our Discord community:discord.gg/umD2GRy⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff400:00:00 Intro00:01:00 Game Demo00:03:30 Godot Project Walkthrough00:10:31 Enemies00:16:07 Deliveries00:22:47 Boss Room00:24:00 Fire Level00:27:00 Main scene00:29:30 Tile Sets00:30:35 Thank You
Host your Godot game on the web (Tutorial) Drew Conley 2025-01-20 | Let's Export our Godot projects to be playable in the web browser. We'll upload to both Netlify and Vercel (via GitHub). This is a great way to quickly send your game to people.⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 Join our Discord community:discord.gg/umD2GRy00:00:00 Intro00:01:25 Export to Web00:04:05 Preview on localhost00:05:32 Drag and Drop to Netlify00:07:28 Create a repo on GitHub00:09:10 Set up a build on Vercel00:11:57 Update changes through Git pushLinks in the video:github.com for creating your Git repnetlify.comvercel.com
My Gamedev Design and Planning Process Drew Conley 2024-01-04 | Here's a rundown of how I plan out my gamedev projects. We'll talk about idea management, asset generation, and high-level technical planning.⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 DiscordNeed help, have a question, or want to share your game dev project? Join our Discord here: discord.gg/umD2GRy🎨 Get a free RPG Sprite Pack by joining our newsletter:newsletter.gamedevshift.com🔗 Video LinksFigma (the design application): figma.comCiabatta's Revenge puzzle game: drewconley.itch.io/ciabattas-revengeBad Ref soccer game: bluelemming.itch.io/bad-refTwitter:twitter.com/drewconley13Let's connect on LinkedIn:linkedin.com/in/drew-conley-a7865a29
My 2023 was wild! (Dev Log) Drew Conley 2023-12-04 | Here's a breakdown of all the projects I worked on during 2023. I'll also share the story of getting laid off, starting my own business, building a bunch of games, interviewing for jobs, and becoming a dad!⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4Join our Discord community of game developers:discord.gg/umD2GRyCiabatta's Revenge (the demo playable on Itch)drewconley.itch.io/ciabattas-revengeExcalibur JS game engine:excaliburjs.com🎨 Get a free RPG Sprite Pack by joining our newsletter:newsletter.gamedevshift.comLet's be friends on Twitter / X:twitter.com/drewconley13Let's be friends on LinkedIn:linkedin.com/in/drew-conley-a7865a29VIDEOS:--------------Making Ciabatta's Revenge with React:youtu.be/4UiwfGaQGFAMaking Pizza Legends in Godot v4.0+youtu.be/Hv37-ZAt1MkMaking a Mega Man style game in Excalibur JS:youtu.be/kH9v4kMkg7UMaking a multiplayer Zelda game in Exalibus JS:youtu.be/ru1uo9k4v0sMeetup presentation about Excalibur JS:youtu.be/sNk9dkaOkJsMaking "Bad Ref" soccer game for GMTK 2023 Game Jam:youtu.be/j7ZNQy0dF2gBeginning of Canvas RPG Kit series on YouTube:youtu.be/HmxNrlPx8iY
Build a Game with JavaScript and HTML Canvas [RPG Kit series] Drew Conley 2023-09-20 | Let's build a simple Top-Down game system in HTML Canvas and JavaScript!00:00:00 Intro00:01:23 Vite setup (optional)00:02:42 Drawing to a Canvas00:15:50 Sprite Class00:35:49 Game Loop00:44:42 Keyboard Input00:52:05 Grid Movement01:03:16 Walls01:07:50 Animation Tracks01:28:28 Game Objects01:45:39 Event System01:54:36 Hero Camera02:00:00 Item Pickups02:19:41 HUD Inventory02:30:00 Ready method for Game Objects02:33:57 Thank You!PART 2 continues here:youtu.be/yTFIciZKG0M⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 DiscordNeed help, have a question, or want to share your game dev project? Join our Discord. Here's the link: discord.gg/umD2GRy------------------------📁 Sprites & Code Starting download:drive.google.com/file/d/1BLEVGyI5AmMtgz9SG2bI0J3zYi3QjyFh/view?usp=drive_link📁 Code Ending Download:drive.google.com/file/d/1Lqkuc92ydqC6WIYAgq4YTU4K27w-1JIv/view?usp=sharingTwitter / X:twitter.com/drewconley13Be my friend on LinkedIn:linkedin.com/in/drew-conley-a7865a29New to using `npm`? Check out this article:docs.npmjs.com/downloading-and-installing-node-js-and-npm
Build a Web app with Chat-GPT and Next.js Drew Conley 2023-08-25 | Let's use the Chat-GPT API to make an interactive app with Next JS. This is a mid-beginner tutorial.00:00:00 Intro00:01:00 API Key00:02:20 Create Next.js Project00:03:02 Removing unneeded files00:03:36 Creating an endpoint00:08:06 Install OpenAI sdk00:10:00 Using a .env file00:11:45 Sending prompts to Chat-GPT00:15:17 Showing output00:18:30 Sending prompts with a form00:27:41 Styling the interface00:30:10 Next Steps⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 DiscordNeed help, have a question, or want to share your game dev project? Join our Discord. Here's the link: discord.gg/umD2GRy*** Video Links: ****OpenAI API keys: platform.openai.com/account/api-keysNext JS: nextjs.orgInstalling: nextjs.org/docs/getting-started/installationCode from the video: drive.google.com/file/d/1bGqZv4ZaeI6SmAogQ02mSp65ecwjjESw/view?usp=sharing****Twitter / X:twitter.com/drewconley13Be my friend on LinkedIn:linkedin.com/in/drew-conley-a7865a29
Building a Game about being a Bad Referee! GMTK 2023 Drew Conley 2023-07-11 | We participated in the 2023 GMTK Game Jam, where we had 48 hours to make a game under the theme "Roles Reversed". We made a game about being a corrupt soccer referee, where you play as the ref to mess with the soccer players to affect the match's outcome. We used TypeScript and the Excalibur game engine.The game, Bad Ref, on Itch:bluelemming.itch.io/bad-refCode on GitHub:github.com/mattjennings/bad-ref-gmtk23⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 DiscordNeed help, have a question, or want to share your game dev project? Join our Discord. Here's the link: discord.gg/umD2GRyBe my friend on LinkedIn:linkedin.com/in/drew-conley-a7865a29Twitter:Matt: twitter.com/mattjennings44Glenn: twitter.com/GlennLaBarreDrew: twitter.com/drewconley13
Zelda Multiplayer prototype in JavaScript #shorts Drew Conley 2023-07-05 | Quick recap of a Zelda prototype I made in JavaScript recently!📺 Link to full video:youtu.be/ru1uo9k4v0s^^^^^^^^💬 DiscordNeed help, have a question, or want to share your game dev project? Join our Discord. Here's the link: discord.gg/umD2GRy---------------------------------✉️ Join my Email List! Get updated when new videos are ready. You'll get a free RPG Sprite Pack in your inbox, too:us13.list-manage.com/subscribe?u=467755aba42db48795fa86c95&id=b40db07f16---------------------------------⭐️ More tutorial series:Ciabatta's Revenge - Action puzzle game in React JS! https://www.coopmode.dev/series/ciabattas-revengeAction Multiplayer - GBC-style Zelda game, but with multiplayer!https://www.coopmode.dev/series/action-multiplayerPizza Legends in Godot - RPG Overworld in Godot v4!https://www.coopmode.dev/series/pizza-legends-godotCanvas RPG Kit - everything you need to build a quick RPG game engine:https://www.coopmode.dev/series/canvas-rpg-kitFront End Interviewing Bootcamp:https://www.coopmode.dev/series/front-end-interview-bootcamp---------------------------------Twitter / X:twitter.com/drewconley13Be my friend on LinkedIn:linkedin.com/in/drew-conley-a7865a29---------------------------------Excalibur JS game engine for browser games:excaliburjs.comPeer JS (for networking)peerjs.com
Get started with Web Development #shorts Drew Conley 2023-07-03 | These are the steps I recommend for starting Web Development in 2023.💬 Join our Discord community of web and game developers:discord.gg/umD2GRy💻 CodePen website for writing code:codepen.ioⓂ️ MDN guides for learning HTML, CSS, and JS:developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started🧑💻 My full courses:https://courses.drewconley.dev/🕊 Twitter:twitter.com/drewconley13🎵 Thank you to Harris Heller for the music:senpai.tv/streambeats✉️ Join my Email List! Get updated when new videos are ready. You'll get a free RPG Sprite Pack in your inbox, too:us13.list-manage.com/subscribe?u=467755aba42db48795fa86c95&id=b40db07f16
Build JavaScript games with Excalibur JS Drew Conley 2023-06-29 | In this meetup presentation, we'll talk about Excalibur JS as a great library for making browser games. We'll cover some high level features of the library, then see Mega Man and Zelda style demos.⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 DiscordNeed help, have a question, or want to share your game dev project? Join our Discord. Here's the link: discord.gg/umD2GRy⚔️ Check out Excalibur JS here:excaliburjs.comTwitter / X:twitter.com/drewconley13Be my friend on LinkedIn:linkedin.com/in/drew-conley-a7865a29*** DISCLAIMER ***These demos are only prototypes and not officially supported by anybody.Mega Man demo:drive.google.com/file/d/1YJsb1uNvJIlrZe_bPzglIXoyeYhoqOyP/view?usp=sharingZelda demo:drive.google.com/file/d/1ZMJYf1DOBVtYOR1QkxzmJoRXaA0vq1NS/view?usp=sharing
What I learned from using Unity for a week Drew Conley 2023-06-27 | I tried Unity for the first time to quickly create a 3D prototype of my WIP top-down RPG. I spent a week on it and am pretty happy with the result and experience. This video is a Dev Log about the journey!⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 DiscordNeed help, have a question, or want to share your game dev project? Join our Discord. Here's the link: discord.gg/umD2GRy💻 Join the demo list for my new game:legacycodelegends.comTwitter / X:twitter.com/drewconley13Be my friend on LinkedIn:linkedin.com/in/drew-conley-a7865a29---------------------------------Thanks to Harris Heller for the music!senpai.tv/streambeats⭐️ Resources from this video! ⭐️Excellent Unity tutorials by Coding in Flowyoutube.com/watch?v=n0GQL5JgJcY&list=PLrnPJCHvNZuB5ATsJZLKX3AW4V9XaIV9bMortMort Blender tutorialyoutube.com/watch?v=QYZ5p-gGSwsBrandon James Greer Blockbench tutorialyoutube.com/watch?v=GukhptdHlPkUnity Asset Storeassetstore.unity.comMixamo (character models)mixamo.com/#
I Built a Zelda Game... With Multiplayer! Drew Conley 2023-06-17 | Let's use JavaScript (and Excalibur JS) to build a Zelda multiplayer game! This is a recap of an experimental demo project I recently created. We'll wire up some basic single player features and art, then add online multiplayer. This was a fun prototype to work on!⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 DiscordNeed help, have a question, or want to share your game dev project? Join our Discord. Here's the link: discord.gg/umD2GRyTwitter / X:twitter.com/drewconley13Be my friend on LinkedIn:linkedin.com/in/drew-conley-a7865a29---------------------------------Try Excalibur JS:excaliburjs.comDownload the code for this project:drive.google.com/file/d/1ZMJYf1DOBVtYOR1QkxzmJoRXaA0vq1NS/view?usp=sharingDISCLAIMER: This code is "as-is", has edge case bugs, and is not officially supported by anybody.Thanks to Harris Heller for the music!Thanks to @RetroGame.Stream and @TheArcher for Link's Awakening footage.
Lets build Mega Man in JavaScript Drew Conley 2023-06-02 | This is a quick walkthrough of a Mega Man prototype I made with Excalibur JS.We'll cover animation and movement, then warp to more nuanced Mega Man features.⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 DiscordNeed help, have a question, or want to share your game dev project? Join our Discord. Here's the link: discord.gg/umD2GRyTwitter / X:twitter.com/drewconley13Be my friend on LinkedIn:linkedin.com/in/drew-conley-a7865a29---------------------------------Excalibur JS (game engine)excaliburjs.comCode Download:(This is just an early demo. There are bugs. It's unsupported. Have fun!)drive.google.com/file/d/1YJsb1uNvJIlrZe_bPzglIXoyeYhoqOyP/view?usp=sharing
Sound Effects from your Favorite Games (Handy Tools part 3) Drew Conley 2023-05-18 | The Sounds Resourcesounds-resource.comJoin our gamedev Discord community:discord.gg/umD2GRyBuild games with me:https://courses.drewconley.devJoin our email list for early access to full courses:us13.list-manage.com/subscribe?u=467755aba42db48795fa86c95&id=b40db07f16Twitter:twitter.com/drewconley13
Building a Pokémon-style Game in 7 Days with Godot Drew Conley 2023-05-16 | This is an overview of my process when rebuilding Pizza Legends in the Godot engine. It was a blast getting this prototype created quickly.⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 DiscordNeed help, have a question, or want to share your game dev project? Join our Discord. Here's the link: discord.gg/umD2GRyMusic by Harris Heller:senpai.tv/streambeatsTwitter / X:twitter.com/drewconley13Be my friend on LinkedIn:linkedin.com/in/drew-conley-a7865a29
Best Pixel Art app ever (tools for gamedev part 2) Drew Conley 2023-05-11 | Aseprite:aseprite.orgCheck out my full collection of JavaScript gamedev tutorials➡️ https://coopmode.dev💬 DiscordNeed help, have a question, or want to share your game dev project? Join our Discord. Here's the link: discord.gg/umD2GRy✉️ Join my Email List! Get updated when new videos are ready. You'll get a free RPG Sprite Pack in your inbox, too:us13.list-manage.com/subscribe?u=467755aba42db48795fa86c95&id=b40db07f16---------------------------------Twitter / X:twitter.com/drewconley13Be my friend on LinkedIn:linkedin.com/in/drew-conley-a7865a29
Browse sprites from any game (Handy tools part 1) Drew Conley 2023-05-09 | Spriter's Resource:spriters-resource.comJoin our Discord community:discord.gg/umD2GRyBuild games with me:https://courses.drewconley.devJoin our email list for early access to full courses:us13.list-manage.com/subscribe?u=467755aba42db48795fa86c95&id=b40db07f16Twitter:twitter.com/drewconley13
GPT-4 creates Mario jump #shorts Drew Conley 2023-05-03 | Join our Discord community of indie game developers:discord.gg/umD2GRyMake full games with me:https://courses.drewconley.dev/ChatGPT (I used GPT-4)chat.openai.comGodot Enginegodotengine.orgJoin our email list for early access to full courses:us13.list-manage.com/subscribe?u=467755aba42db48795fa86c95&id=b40db07f16Twitter:twitter.com/drewconley13
My gamedev process start to finish #shorts Drew Conley 2023-04-30 | Working on a game? Join our Discord of fellow gamedevs here:discord.gg/umD2GRyMy gamedev course website:https://courses.drewconley.devThis game on Itch.io:drewconley.itch.io/ciabattas-revengeJoin our email list for early access to full courses:us13.list-manage.com/subscribe?u=467755aba42db48795fa86c95&id=b40db07f16Twitter:twitter.com/drewconley13Thanks to Harris Heller for the music
Smooth Camera in JavaScript games Drew Conley 2023-04-28 | Let's take a previous camera demo and smooth out the movement. We'll cover easing functions, lookahead, and camera pinning. Hope these techniques help you when building your games!00:00:00 Intro00:00:43 Easing00:04:39 Lookahead00:06:00 Pin to position⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 Working on a game? Join our Discord community of fellow game developers:discord.gg/umD2GRy--------------Starting code:codepen.io/punkydrewster713/pen/poxwpvb/314385653544779e337ca7729d3a8710Finished code:codepen.io/punkydrewster713/pen/bGmRaGG/341cfd1fadc72aed15a68e18c5e583be--------------Twitter:twitter.com/drewconley13Here is the original video:youtube.com/watch?v=H3Fn33lYuE0
Game Loop Speed in Pizza Legends Drew Conley 2023-04-24 | Let's fix the Game Loop code in Pizza Legends to max out at 60 FPS. This will ensure the game doesn't run too fast on a high refresh rate monitor. #pizzalegends⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4Ending code:drive.google.com/file/d/1u4R9ym5b_dHMJt3NgjtM1My-zXLnWqsc/view?usp=share_linkJoin our Discord community:discord.gg/umD2GRyBuild full games with me here:https://courses.drewconley.dev/This is video 26 in the Pizza Legends series. Full playlist:youtube.com/playlist?list=PLcjhmZ8oLT0r9dSiIK6RB_PuBWlG1KSq_More about Pizza Legends:https://coopmode.dev/series/pizza-legends-rpgTwitter:twitter.com/drewconley13
Building a JavaScript action-puzzle game (React JS) Drew Conley 2023-04-19 | This is a quick walkthrough of a quick game I created with React JS. We cover the general technical approach, level editor utility, and some struggles along the way.00:00:00 Intro00:01:05 Features00:01:51 Technical approach00:06:29 Level editor00:08:13 Ciabatta Battle🎮 Play the game on Itch:drewconley.itch.io/ciabattas-revenge⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 Join our Discord community:discord.gg/umD2GRyCheck out my full collection of JavaScript gamedev tutorials➡️ https://coopmode.devTwitter:twitter.com/drewconley13
Your JavaScript game on Steam (use Electron!) Drew Conley 2023-02-01 | Electron links:github.com/electron/electron-quick-starthttps://www.electron.buildJoin our Discord of game developers:discord.gg/umD2GRy
Content configuration and other NPC updates! Pizza RPG Ep 17 Drew Conley 2022-07-30 | In this video, we refactor our Game Objects to be initialized from static content rather than JavaScript classes. This change enables us to use an Editor program to configure the game's content. We also update wall and NPC behavior to restart after cutscenes.Play the game here:https://000687140.codepen.website/codepen.io/punkydrewster713/project/editor/AaYOMyFAQ about Pizza Legends:gamedevshift.com/pizza-legends================NOTE: Before coding along with this video, please remove the following lines from 'OverworldMap.js'://Reset NPCs to do their idle behavior`Object.values(this.gameObjects).forEach(object (arrow) object.doBehaviorEvent(this));`Starting code download (pre 17):drive.google.com/file/d/16TUf2f-CtHT1miOMTVdFxSiTtLhI3aom/view?usp=sharingEnding code download (17):drive.google.com/file/d/1Y482c6lqNWBxBZuIa8gD9JWG6jkatcKc/view?usp=sharing⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 Join the Game Dev Shift Discord community!discord.gg/umD2GRyTwitter:twitter.com/drewconley13
Im making an RPG about programmers... again... [Dev Log #1] Drew Conley 2022-06-29 | I've been working on a new RPG game! Legacy Code Legends!In this Dev Log, we take a look at the journey and iterations we've been through in creating the game so far. We'll also talk about some planning strategies and tech stacks. 00:00:00 Legacy Code Legends00:02:15 It was supposed to be easy...00:04:15 Action RPG prototype00:05:40 Planning in Figma00:06:50 Tech Stack00:08:20 What's next?🎮 Sign up for the demo here:legacycodelegends.com💬 Join our Discord game development community:discord.gg/umD2GRy⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4Our other games...Danger Crew: store.steampowered.com/app/1064690/Danger_CrewHappy Grumps: store.steampowered.com/app/1109170/Happy_Grumps#devlog #indiegameTwitter / X:twitter.com/drewconley13Be my friend on LinkedIn:linkedin.com/in/drew-conley-a7865a29
End-to-End Testing with Playwright (an Intro) Drew Conley 2022-05-24 | Playwright is a fantastic solution-for-end to end testing web apps and games. You can use it to write scripts that emulate real user behavior.In this video, we walk through installing Playwright to a project, writing some tests, and using the Playwright inspector for debugging. Having tests will help you find bugs and regressions as your project changes.00:00:00 Intro00:00:45 Install Playwright00:02:10 Writing and Running a test00:06:45 Playwright Inspector00:08:12 Failing tests00:09:04 Typing text in inputs00:10:10 Writing better selectorsJoin our Discord server:discord.gg/umD2GRy⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4Playwright site and documentationhttps://playwright.dev/https://playwright.dev/docs/introGame Dev Shiftgamedevshift.com
Build a Multiplayer Game with JavaScript & Firebase Drew Conley 2022-03-02 | In this video, we're going to make a simple online multiplayer game from scratch with HTML, CSS, vanilla JavaScript and Firebase. You can take these concepts and apply them to whatever front end framework you like to use (React, Vue, Angular, etc).We'll also cover some top down movement, sprites, basic collisions, and score upticking. Hope you enjoy working with Firebase!Code download link (You'll need to set up a Firebase app to use it. Please read the notes in the security-rules file!): drive.google.com/file/d/1Acad9Hts1VxDPRev-342Yk2vqNB7UmfY/view?usp=sharingNOTE: Also includes a bug fix for updating local coins ^^⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 DiscordNeed help, have a question, or want to share your game dev project? Join our Discord. Here's the link: discord.gg/umD2GRyCheck out my full collection of JavaScript gamedev tutorials➡️ https://coopmode.dev---Create your first Firebase app here:firebase.google.comThanks to Harris Heller for the music:streambeats.comFirebase docs: firebase.google.com/docs/web/setup
Get feedback on your gamedev project | 4 ways Drew Conley 2022-02-14 | Feedback is a critical part of the iterative design process. Getting outside perspective can help fill in "blind spots" you have and inform you to improve the quality of your game. This video outlines a few specific tactics and strategies for gathering feedback on your gamedev projects. These have really helped me with my games - I hope they help you, too!Looking for tips on finishing your game? I made a video about that, too: youtu.be/IMSCE_Z2dps00:00:00 Intro00:00:53 Have a form inside the game00:02:12 Consider using analytics00:03:26 Actually watch people play00:05:42 Show your game to other devs00:06:24 You remain in creative control💬 DiscordNeed help, have a question, or want to share your game dev project? Join our Discord. Here's the link: discord.gg/umD2GRy⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4Twitter / X:twitter.com/drewconley13Be my friend on LinkedIn:linkedin.com/in/drew-conley-a7865a29Written version of this videohttps://coopmode.dev/articles/get-feedback---------------------------------Danger Crew on Steam:store.steampowered.com/app/1064690/Danger_CrewHappy Grumps on Steam:store.steampowered.com/app/1109170/Happy_GrumpsThanks to Harris Heller for the musicstreambeats.comDestiny UX GDC presentation:youtube.com/watch?v=izZcrG4WqGI&t (~36:00)My friend Colin on Twitch:twitch.tv/colinahscopy_
4 Tips to finally complete your gamedev project Drew Conley 2022-02-04 | Do you have a bunch of unfinished gamedev projects? I struggle with this all the time.In this video, we look at 4 tips and mentalities for sticking with your current game project so it gets finished and sees the light of day. These tips have helped me finish and ship games over the years, I hope they help you too!00:00:00 - Intro00:01:16 - Tip 1: Have an accountability buddy00:03:14 - Tip 2: Vertical slices00:05:22 - Tip 3: Know when to zoom in or zoom out00:07:44 - Tip 4: Capture ideas every day💬 DiscordNeed help, have a question, or want to share your game dev project? Join our Discord. Here's the link: discord.gg/umD2GRy⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4Danger Crew on Steamstore.steampowered.com/app/1064690/Danger_CrewHappy Grumps on Steamstore.steampowered.com/app/1109170/Happy_GrumpsMusic provided by Harris Hellerstreambeats.com
Should you build an Editor for your game? Drew Conley 2022-01-10 | Building an editor for your game is a large time investment but quickly pays off. In this video, we'll talk about how building your own editor (with JavaScript or any language that talks to your game) can enable you to quickly build content, respond to user feedback, and generally make your project easier to work on. These are all critical aspects to finishing your game and supporting it going forward. No matter the language or engine of your game, building your own tools will help your productivity and help you focus on the best player experience.00:00:00 Introduction00:01:10 Content is King00:02:09 Happy Grumps editor00:02:39 Reacting to user feedback00:04:22 Coding for Editor data00:06:12 How nice should your editor be?00:07:58 Danger Crew editor tour00:12:20 Wrapping Up💬 DiscordNeed help, have a question, or want to share your game dev project? Join our Discord. Here's the link: discord.gg/umD2GRy⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4---------------------------------Twitter / X:twitter.com/drewconley13Be my friend on LinkedIn:linkedin.com/in/drew-conley-a7865a29Written version of this video:https://coopmode.dev/articles/should-you-build-an-editorHappy Grumps:store.steampowered.com/app/1109170/Happy_GrumpsDanger Crew:store.steampowered.com/app/1064690/Danger_CrewPizza Legends playlist: youtube.com/playlist?list=PLcjhmZ8oLT0r9dSiIK6RB_PuBWlG1KSq_Music: StreamBeats by Harris Hellerstreambeats.com
Adding a Title Screen! Pizza RPG Ep 16. Drew Conley 2021-12-21 | In this [final for now] Pizza Legends episode, we add a title screen. This gives a nice front door to our game. Thank you so much for following along with the series. This is the last episode for now, but stay tuned for more Pizza Legends in the future.#pizzalegendsStarting Code (15)drive.google.com/file/d/1NqLP-XT7rZmtr-JZTJ58BOpRIrMaJnpy/view?usp=sharingEnding Code (16 / pre-17)drive.google.com/file/d/16TUf2f-CtHT1miOMTVdFxSiTtLhI3aom/view?usp=sharingMore about Pizza Legends:https://coopmode.dev/series/pizza-legends-rpgFull Pizza Legends playlist:youtube.com/playlist?list=PLcjhmZ8oLT0r9dSiIK6RB_PuBWlG1KSq_💬 Join our Discord community:discord.gg/umD2GRy⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4Twitter:twitter.com/drewconley13
Saving game progress - Pizza RPG Ep. 15 Drew Conley 2021-12-17 | In this video, we use browser localstorage to save our game progress. This way, we can close the browser and come back later to continue the same adventure file. We also augment our Overworld Maps in this video to support starting the hero in defined locations and directions.You could use the same concepts here to write the player's progress to a backend database to resume on another computer or device.#pizzalegendsStarting Code (14)drive.google.com/file/d/1wvtbJgOnOEQwJm17t4m7FUPdMwGt0FVa/view?usp=sharingEnding code (15)drive.google.com/file/d/1NqLP-XT7rZmtr-JZTJ58BOpRIrMaJnpy/view?usp=sharingMore about Pizza Legends:https://coopmode.dev/series/pizza-legends-rpg💬 Join our Discord community:discord.gg/umD2GRy⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4Twitter:twitter.com/drewconley13
Creating Pizzas for the Lineup! Pizza RPG Ep. 14 Drew Conley 2021-12-15 | In this video, we add a new Game Object that can be used to create pizzas for our lineup. This pattern can be used to create other types of interactions, too - like cash registers, recovery stations, etc. This system could be expanded to require item quantities for more complex crafting.#pizzalegends⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 Join our Discord community of game developers: discord.gg/umD2GRyStarting Code (13) drive.google.com/file/d/1uarkRF5u4ZLmfzmPNfxMP221yJBje-7M/view?usp=sharingEnding Code (14) drive.google.com/file/d/1wvtbJgOnOEQwJm17t4m7FUPdMwGt0FVa/view?usp=sharingMore about Pizza Legends:https://coopmode.dev/series/pizza-legends-rpgFull Pizza Legends playlist:youtube.com/playlist?list=PLcjhmZ8oLT0r9dSiIK6RB_PuBWlG1KSq_
Story Progress! Pizza RPG Ep. 13 Drew Conley 2021-12-13 | In this video, we make a system for tracking player events. We can use this system to make NPCs say different things at different points in the game. For example, maybe a person says one standard line at the beginning of the game, then later congratulates you when you come back after winning a big boss battle or visiting a certain area.#pizzalegendsStarting Code (12)drive.google.com/file/d/1maKsmbd6Jd06ehvuS2a7jioLSNrnXMei/view?usp=sharingEnding Code (13)drive.google.com/file/d/1uarkRF5u4ZLmfzmPNfxMP221yJBje-7M/view?usp=sharing⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 Join our Discord community:discord.gg/umD2GRyTwitter:twitter.com/drewconley13
Pause Menu - Pizza RPG Ep. 12 Drew Conley 2021-12-11 | In this video, we make a pause screen that you can use to stop the action and edit your Pizza Lineup. We'll temporarily stop running our Game Loop step code and restart it whenever we want the action to continue. You can use this system to add more capabilities to the menu.#pizzalegendsStarting code (11)drive.google.com/file/d/1oSXyxltvt0VZ4Q38-5wvnSSmcIYAPAV7/view?usp=sharingEnding code (12)drive.google.com/file/d/1maKsmbd6Jd06ehvuS2a7jioLSNrnXMei/view?usp=sharing⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 Join our Discord community:discord.gg/umD2GRyMore about Pizza Legends:https://coopmode.dev/series/pizza-legends-rpgTwitter:twitter.com/drewconley13
Adding a HUD to our Overworld - Pizza Legends Ep 11. Drew Conley 2021-12-08 | We're back to the Overworld from our Battle detour! We're going to show the state of pizzas on screen as we navigate around the world. This will help us as we progress from battle to battle.Starting Code (B8)drive.google.com/file/d/12Dp6JRB1AESv8Sg7mMzWyiPNfx30HBfn/view?usp=sharingEnding Code (V11)drive.google.com/file/d/1oSXyxltvt0VZ4Q38-5wvnSSmcIYAPAV7/view?usp=sharing#pizzalegends⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 Join our Discord community of game developers:discord.gg/umD2GRyTwitter:twitter.com/drewconley13
Finishing the Battle! Pizza Battle RPG Pt. 8 Drew Conley 2021-12-02 | In this video, we're going to finish our Battle sequence and tie it back into the Overworld. We'll cover experience points for winning. We'll also start dynamically loading Battle configurations to add variety to the game.#pizzalegendsStarting Code (B7)drive.google.com/file/d/1XwpPFVxHBgM-t_93QleTaiTwYd72bnlb/view?usp=sharingEnding Code (B8)drive.google.com/file/d/12Dp6JRB1AESv8Sg7mMzWyiPNfx30HBfn/view?usp=sharingFull Pizza Legends playlist:youtube.com/playlist?list=PLcjhmZ8oLT0r9dSiIK6RB_PuBWlG1KSq_⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 Join our Discord community of people working on games:discord.gg/umD2GRyTwitter:twitter.com/drewconley13
Pizza Team HUD - RPG Battle pt. 7 Drew Conley 2021-11-29 | In this video, we create a new component that shows the health of the pizzas on a team. You can glance at this component and get a feel for how the battle is going.#pizzalegendsStarting Code:drive.google.com/file/d/1JCI_euhINP7D0_MALtHwgncPGZmiiDtM/view?usp=sharingEnding Code:drive.google.com/file/d/1XwpPFVxHBgM-t_93QleTaiTwYd72bnlb/view?usp=sharing⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 Join our Discord community of fellow game developers:discord.gg/umD2GRy---Full Pizza Legends playlist:youtube.com/playlist?list=PLcjhmZ8oLT0r9dSiIK6RB_PuBWlG1KSq_More about Pizza Legends:https://coopmode.dev/series/pizza-legends-rpgTwitter:twitter.com/drewconley13
Delicious Pizza Lineups - RPG Battles Pt. 6 Drew Conley 2021-11-25 | We continue our RPG Battle series by allowing our chefs to switch out their active pizza with another combatant in the lineup. We'll also cover the case where a pizza dies in battle and must be replaced. This feature can be used to strategize pizza matchups. New Pizza Legends video uploaded every few days until the project is complete!#pizzalegendsStarting Code (B5): drive.google.com/file/d/1L_2vxFeYTSw5ithlF8VXiFwUE_dZ9Kqk/view?usp=sharingEnding Code (B6): drive.google.com/file/d/1JCI_euhINP7D0_MALtHwgncPGZmiiDtM/view?usp=sharingFull Pizza Legends playlist:youtube.com/playlist?list=PLcjhmZ8oLT0r9dSiIK6RB_PuBWlG1KSq_⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 Join our Discord community of fellow game developers:discord.gg/umD2GRyMore about Pizza Legends:https://coopmode.dev/series/pizza-legends-rpgTwitter:twitter.com/drewconley13
Busting out Items in Battle | Pizza RPG Battles Pt. 5 Drew Conley 2021-11-22 | In this video, we'll add the ability to use Items in our pizza battles. Items can be used to recover HP, clear a status, or do any other effect that you configure an Action for. We'll also add an inventory per team so each item can only be used once.Pizza Legends videos are updated every few days until the project is complete!Starting Code (B4): drive.google.com/file/d/1C3PgYbKbYFDikVbJ9Ut8JTUde9iIS3BO/view?usp=sharingEnding Code (B5): drive.google.com/file/d/1L_2vxFeYTSw5ithlF8VXiFwUE_dZ9Kqk/view?usp=sharingFull Pizza Legends playlist:youtube.com/playlist?list=PLcjhmZ8oLT0r9dSiIK6RB_PuBWlG1KSq_⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 Join our Discord community of people making video games:discord.gg/umD2GRyMore about Pizza Legends:https://coopmode.dev/series/pizza-legends-rpgTwitter:twitter.com/drewconley13
Build an Attack Menu! RPG Battles Pt. 4 Drew Conley 2021-11-18 | In this video, we'll add a menu for our player controlled pizzas to use during Battle. We'll set up a quick menu framework so we can reuse the menus in other parts of the game as we go.Starting Code (B3): drive.google.com/file/d/19eaBy4MEF81_tt2RV1FkXjIUpZQw11yG/view?usp=sharingEnding Code (B4): drive.google.com/file/d/1C3PgYbKbYFDikVbJ9Ut8JTUde9iIS3BO/view?usp=sharingFull Pizza Legends playlist:youtube.com/playlist?list=PLcjhmZ8oLT0r9dSiIK6RB_PuBWlG1KSq_⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 Join our Discord community of people making video games:discord.gg/umD2GRyTwitter:twitter.com/drewconley13
Status Effects - Pizza RPG Battles Pt. 3 Drew Conley 2021-11-15 | Statuses are a key battle mechanic in any RPG! In this video, we'll add two statuses to our game: Saucy and Clumsy. Saucy characters will recover a bit of HP after every move. Clumsy characters are at risk of their moves not having any effect at all. You can use these patterns to add your own statuses to the game!Starting Code (B2):drive.google.com/file/d/1jZneIzAcncRqtMvQdPF-y-bMUyDemt9u/view?usp=sharingEnding Code (B3):drive.google.com/file/d/19eaBy4MEF81_tt2RV1FkXjIUpZQw11yG/view?usp=sharingFull Pizza Legends playlist:youtube.com/playlist?list=PLcjhmZ8oLT0r9dSiIK6RB_PuBWlG1KSq_⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 Join our Discord community of people making video games:discord.gg/umD2GRyMore about Pizza Legends:https://coopmode.dev/series/pizza-legends-rpgTwitter:twitter.com/drewconley13
Attacks and Turns - Pizza RPG Battles Pt. 2 Drew Conley 2021-11-11 | Let's add a basic damaging attack to our game. We'll have our pizzas take turns smacking each other in order to demonstrate the core Turn Cycle. You can create more actions in this pattern to add moves to the game!Starting Code (B1):drive.google.com/file/d/1-rym40pZkI1mHhCtfsK2IMNkgZOSBxKt/view?usp=sharingEnding Code (B2):drive.google.com/file/d/1jZneIzAcncRqtMvQdPF-y-bMUyDemt9u/view?usp=sharingFull Pizza Legends playlist:youtube.com/playlist?list=PLcjhmZ8oLT0r9dSiIK6RB_PuBWlG1KSq_⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 Join our Discord community of people making video games:discord.gg/umD2GRyTwitter:twitter.com/drewconley13
Turn Based Battles in JavaScript - Pizza RPG Battle System Part 1 Drew Conley 2021-11-08 | Let's create a Battle System for our Pizza Legends game! In this video, we'll cover the overall setup and design of a turn based battle system. Our pizzas combatants will be set up to have health, stats, teams, and more. We'll also create a few HUD components that can be used throughout the project.#pizzalegendsStarting Code (10):drive.google.com/file/d/1WzArhbByyfr78lRMzHIq8vS5s33B3JFe/view?usp=sharingEnding Code (B1):drive.google.com/file/d/1-rym40pZkI1mHhCtfsK2IMNkgZOSBxKt/view?usp=sharingFull Pizza Legends playlist:youtube.com/playlist?list=PLcjhmZ8oLT0r9dSiIK6RB_PuBWlG1KSq_---⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 Join our Discord community of people making video games:discord.gg/umD2GRyTwitter:twitter.com/drewconley13
Pizza RPG Part 10 - Typewriters & Scene Transitions Drew Conley 2021-11-04 | In this video, we expand on our Text Message and Map Change Overworld events. We'll add a reusable Typewriting effect to our textboxes to make them more conversational. We'll add a nice fade between Maps to make the transitions silky smooth. Both of these additions go a long way in making our game feel more polished.Starting Code (9):drive.google.com/file/d/1UZEqXcPzGsSs1FzMtk4RnCcM5LCV5mUU/view?usp=sharingEnding Code (10):drive.google.com/file/d/1WzArhbByyfr78lRMzHIq8vS5s33B3JFe/view?usp=sharingFull Pizza Legends playlist:youtube.com/playlist?list=PLcjhmZ8oLT0r9dSiIK6RB_PuBWlG1KSq_⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 Join our Discord community of people making video games:discord.gg/umD2GRyTwitter:twitter.com/drewconley13
Pizza RPG Part 9 - Expanded Cutscene behaviors! Drew Conley 2021-11-01 | In this video, we expand on our cutscene system by creating Text events and cutscene Triggers. These events will enable us to create conversational NPCs in our game and connect the Overworld Maps with map changes.IMPORTANT NOTE: Please see the code download links in Video 17 for latest changes to these systems! (There are a few straggling bugs in this episode, but we'll fix them later!)#pizzalegendsStarting Code (08):drive.google.com/file/d/1JFC6md7v_7PH2Ls3-80HL8ImNACHWDrI/view?usp=sharingEnding Code (09):drive.google.com/file/d/1UZEqXcPzGsSs1FzMtk4RnCcM5LCV5mUU/view?usp=sharingNOTE: Please see the code download links in Video 17 for latest changes to these systems.*** Links ***⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4More about Pizza Legends:https://coopmode.dev/series/pizza-legends-rpg💬 Join our Discord community of people making video games:discord.gg/umD2GRyTwitter:twitter.com/drewconley13
Pizza RPG Part 8 - Behaviors & Cutscenes Drew Conley 2021-10-28 | In this video, we create a global cutscene system to puppet our characters around. We can use this system to tell our characters what to do during intentional story sequences and how to behave when nothing else is going on. We start simple with simple WALK and STAND commands for our characters, but we will soon be layering in other types of world events.#pizzalegendsStarting Code (07):drive.google.com/file/d/1pSaqQJb4uZ3gquzwgaNsaWLWLMa-hAGV/view?usp=sharingEnding Code (08):drive.google.com/file/d/1JFC6md7v_7PH2Ls3-80HL8ImNACHWDrI/view?usp=sharing *** Links ***⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 Join our Discord community of people making video games:discord.gg/umD2GRyMore about Pizza Legends:https://coopmode.dev/series/pizza-legends-rpgTwitter:twitter.com/drewconley13
Pizza RPG Part 7 - Walls & Collisions Drew Conley 2021-10-25 | In this video, we add "wall" grid positions to the map that cannot be occupied by Person objects. We'll also dynamically add and remove solid positions where Person are so we don't get overlapping people.#pizzalegendsStarting Code (06): drive.google.com/file/d/1ndMr4469i0eYeDgF5zo14bRqis6JO3JC/view?usp=sharingEnding Code (07):drive.google.com/file/d/1pSaqQJb4uZ3gquzwgaNsaWLWLMa-hAGV/view?usp=sharingFull Pizza Legends playlist:youtube.com/playlist?list=PLcjhmZ8oLT0r9dSiIK6RB_PuBWlG1KSq_More about Pizza Legends:https://coopmode.dev/series/pizza-legends-rpg*** Links ***⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 Join our Discord community of people making video games:discord.gg/umD2GRyTwitter:twitter.com/drewconley13
Pizza RPG Part 6 - Camera #pizzalegends Drew Conley 2021-10-21 | In this video, we adjust our drawing code to follow the hero around the center of the map. This effect adds an extra "exploring" aspect to the game. We also show the camera person changing to follow somebody else. This can come in handy for temporarily switching focus to another character.Starting Code (05):drive.google.com/file/d/1KdGTmgqZ22DvCQbfKvljMnavx9s3jeMO/view?usp=sharingEnding Code (06):drive.google.com/file/d/1ndMr4469i0eYeDgF5zo14bRqis6JO3JC/view?usp=sharing*** Links ***⭐️ Get early access to my full JS Game Dev course:drew-conley-courses.kit.com/66eb6d3ff4💬 Join our Discord community of people making video games:discord.gg/umD2GRyTwitter:twitter.com/drewconley13
