Phaser Editor v4 Script Nodes Crash Course – Modular Game Development

#gamedev #phaser #phasereditor Welcome back, everyone! In today’s tutorial, we're diving into one of the most powerful features of Phaser Editor v4—Script Nodes. This tool opens up a whole new way to manage custom code, making game development faster and more flexible. Here’s what we’ll be covering: The basics of script nodes Creating and chaining them for advanced functionality Building a reusable script node library And much more! If you’re new to Phaser Editor, no worries! While we won’t cover all the basics here, I’ve got a complete crash course linked in the description and on the screen for those looking to start from scratch. Let’s dive in and start exploring how script nodes can simplify our game development! Support me on Ko-fi: https://ko-fi.com/scottwestover 🔗 Starting code for this project https://github.com/devshareacademy/phaser-editor-script-nodes-tutorial/releases/tag/starting_project_template https://github.com/devshareacademy/phaser-editor-script-nodes-tutorial/archive/refs/tags/starting_project_template.zip 🔗 Playable demo of the project that we build https://scottwestover.dev/games/phaser-editor-script-nodes/index.html 🔗 Completed code for this project https://github.com/devshareacademy/phaser-editor-script-nodes-tutorial 🔗 Links to assets used during the video https://ansimuz.itch.io/sunny-land-pixel-game-art Phaser Editor Installations Instructions 🔗 https://phaser.io/editor/docs/first-steps/download-and-install Phaser Editor Docs 🔗 https://phaser.io/editor/docs/scene-editor/script-node https://phaser.io/editor/docs/scene-editor/script-node-libraries Phaser Editor Script Node Libraries 🔗 https://github.com/phaserjs/editor-scripts-quick Phaser Editor Sunnyland Template 🔗 https://github.com/phaserjs/editor-example-sunny-land Video Chapters 0:00 - Intro 0:55 - What we will be building 2:15 - Review title scene storyboard 4:10 - Script node overview 7:02 - Example of using script nodes 8:55 - Project code 9:15 - Project setup 9:54 - Review script node class 12:49 - Button example 13:50 - Create script node 17:15 - Prefab properties 19:36 - Script node chaining 23:55 - Pointer event script 27:05 - Update button texture 29:57 - What we have done so far 32:45 - Start of title scene example 39:29 - On awake script node 41:06 - Animate tilesprite 43:47 - Custom script node base class 47:36 - Tween animation 53:33 - Set visible script 56:42 - Timer events 59:26 - Blink action script 01:00:46 - Update click event script 01:04:07 - Trigger fade out 01:05:03 - Script node library 01:07:16 - Wrap up Interested in more great content? Check out my videos on Phaser 3 here on YouTube: https://www.youtube.com/playlist?list=PLmcXe0-sfoSjvK7-_4SNcp2V8kncg-Wpt Check out my videos on Phaser Editor here on YouTube: https://www.youtube.com/playlist?list=PLmcXe0-sfoShBVVcab8kB0A_2KGf30ClP Check out my free courses here on YouTube: Build a Space Shooter Game With Phaser 3: https://www.youtube.com/playlist?list=PLmcXe0-sfoShHpVWLDW2gqsyH1UFRni_2 Monster Tamer - Pokemon like RPG Tutorial with Phaser 3: https://www.youtube.com/playlist?list=PLmcXe0-sfoSgq-pyXrFx0GZjHbvoVUW8t Build a Solitaire Game With Phaser 3: https://youtube.com/playlist?list=PLmcXe0-sfoSh1o3fm-_2JOod-wRUxnqb_&si=zu5TKZ-0ciTtekA0 Introduction To GitHub Actions Course: https://www.youtube.com/playlist?list=PLmcXe0-sfoSig2tvPV6FOLFb9O5ruP_mG JavaScript Course: https://www.youtube.com/playlist?list=PLmcXe0-sfoSgHQRKVWeJuIldauc9dL4rR Follow Me: https://www.linkedin.com/in/scott-westover-77393a97/ https://github.com/scottwestover https://x.com/_scottwestover https://bsky.app/profile/scottwestover.dev Blog: https://scottwestover.dev/