I Made a Game Run in 2D, React, and 3D

The power of ECS and Dependency Injection can take writing modular, configurable, and testable code to the next level.
💬 Join us on Discord: / discord
🐤 Follow us on Twitter: / ourcadehq
😎 Subscribe to this channel!
Source code: github.com/ourcade/ecs-depend...
Brandi: brandi.js.org/
Game Architecture (Unite 2017): • Unite Austin 2017 - Ga...
Dependency Injection (JSConf 2015): • Dependency Injection f...
👾👾👾
Want to learn more about using TypeScript with #gamedev? We have a free book that teaches you how to create an Infinite Runner with TypeScript and Phaser 3.50+. Get it here: ourcade.co/books/infinite-run...
Ourcade is a playful #gamedev community for open-minded and optimistic learners and developers. 🎮🕹👾🤗 ourcade.co
#ecs #dependencyinjection

[@supertommy]

If anyone decides to extend this project for another framework (gaming or not) then I'd love to hear about it! Source code: github.com/ourcade/ecs-dependency-injection Game Architecture (Unite 2017): kzbin.info/www/bejne/qJK0ZJx-naqSgc0 Dependency Injection (JSConf 2015): kzbin.info/www/bejne/Zpy3ompti850m80 💬 Join us on Discord: discord.gg/p3vfese 🐤 Follow us on Twitter: twitter.com/OurcadeHQ 😎 Subscribe to this channel!

[@terry-]

I like your humor, lol. Thanks for the info, this is something I will definetelly look up when I free up some time from projects. Cheers!

[@eaquex]

That's awesome. Great Job !!! It's very usefull

[@supertommy]

Thanks! Glad to hear it!

[@goodpie7424]

I have been always curious about DI and ECS. And I tried to understand it, but always failed because it was too obscure to me. But I wanna give it a one more try watching this video, because you are so confident about them. I like the way you think about game programing. Thanks for sharing your thought.

[@supertommy]

You are welcome! Glad the video inspires you to give ECS and DI one more try!

[@DejaimeNeto]

This is one of those extremelly useless things that programmers like to do just for the sake of it, and I love it! I mean... 3D and React were just Flex

[@supertommy]

lol, yes, basically a stunt for a video 🤣

[@lucasstott2192]

I was looking for something to run on my personal portfolio that is lightweight and can interact with DOM elements. I know three.js exist but for 2D using canvas what js engines would you recommend with overdoing it?

[@boot-strapper]

Will be using phaser + bitECS + Brandi for my indie game project. I have 2 years of runway. Wish me luck!

[@supertommy]

Good luck!

[@ha5anmukhlis]

I'm halfway through my phaser game and then I see this 😭

[@supertommy]

lol, everything or game we make/work on is practice for the next one! This is also not the only or “right” way

[@RezaAkbar]

thanks for sharing, at least I'm bit know about DI, ECS and another framework like vitejs, or outside regular framework I used it

[@supertommy]

You are welcome! I think it’s good to know about what’s out there even if we don’t personally use it Keeps the brain supple!

[@horhorou-8819]

Wow! I didn't know this concept at all, I'm going to research it, thanks again for your video it was great!

[@supertommy]

Thanks! Glad it introduced you to a new concept!

[@Daniel_WR_Hart]

Almost every tutorial that I've seen about DI used overly-complicated examples that made me think that DI was some kind of fancy design pattern that I didn't have enough experience to understand, but little did I know I've been doing it ever since I learned how to compose objects from other objects in Java...

[@hevex]

good stuff

[@supertommy]

Thanks!

[@raaaahman618]

This is a nice example of "defensive programming", the fact you used this approach when developing browser games make the video quite unique. But the question is: should we? At the moment, you are mainly composing the update pipeline with the rendering functions of the engines. But games are more than just rendering assets. What would happen when you try to create scenes, UIs, animations, tilemaps, controls, sounds effects, particles, etc.? Should we use the modules provided with the game engines, and so build each of those several times? Or should we only rely on external librairies for everything?

[@supertommy]

Thank you! And that’s a good question. I don’t actually think building a game to run on more than 1 framework is necessary but that’s kinda like the extreme use for DI. It would be more helpful to use it for services within a game that is itself tightly tied to the framework It makes sense to use what the framework already provides for things like tilemaps, animations, etc One place where separating the logic from the rendering that is more common in games would be server authoritative multiplayer games where both server and client run the same simulation and can share the logic code if structured this way Thanks for this discussion!

[@raaaahman618]

@@supertommy Indeed, the authoritative multiplayer game server example makes sense. You'd only need the ECS and Physics system on the server side then, so no duplication of the other modules. But the other use for DI would be to allow to move easily from a game engine to another. It could make sense to program a game this way if you want, for example, to move from Phaser 3 to Phaser 4 whenever it is available for production... not sure about this one though. Anyway, your videos are opening perspectives, keep up the good job!

[@Mickey-pt7yi]

I like your video so much, I hope you can update more, I like these novel things very much, I hope there will be more explanations

[@supertommy]

Thanks! Definitely plan on sharing the experience and findings from building OSZG

[@kyalocharles]

thank you superTommy

[@supertommy]

You are welcome!

[@BruceOnder]

Two words: GOL DURN! 🤩🤩🤩

[@supertommy]

Thanks! 🤗🤗

[@Evan842Complex]

So ECS?

[@supertommy]

I think that ECS is definitely necessary but also dependency injection.

[@actionscript3661]

better use Dart and Flutter

[@supertommy]

I like Flutter

[@humbledream2]

@@supertommy but?