Тёмный

Building a JavaScript action-puzzle game (React JS) 

Drew Conley
Подписаться 24 тыс.
Просмотров 15 тыс.
50% 1

Опубликовано:

 

28 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 40   
@benixmaximus
@benixmaximus Год назад
Very excited for this course! I'm relatively new to Dev. It would be great if you made a 'learn to code in react by making a game' type series. Maybe a space shooter would be fun.
@elcringe3030
@elcringe3030 Год назад
happy to see you posting again
@joaosaraiva9495
@joaosaraiva9495 Год назад
Awesome game! Love everything about it. It's well thought out and fun. The music is an added bonus, as it makes me want to play even more - it's so addictive
@DrewConley
@DrewConley Год назад
Haha thanks! The music was fun to work on. Glad you noticed and enjoyed it
@techjunky9863
@techjunky9863 5 месяцев назад
A tutorial for a round based pokemon or old school final fantasy like game with react and canvas would be awesome!
@ActionKbob
@ActionKbob 8 месяцев назад
How is no one commenting about the fact that you've essentially made Chip's Challenge in React?! ...Maybe I'm just old
@DrewConley
@DrewConley 8 месяцев назад
It surprised me how few people know Chip's Challenge. I played so many hours of that game back in the day.
@tomnewton3191
@tomnewton3191 Год назад
So how long did this end up taking, after scope creep kicked in? 😂Awesome project. Great work! Tom
@DrewConley
@DrewConley Год назад
It was a couple months. About December til now (April). It was only supposed to take a weekend haha!
@Syeno
@Syeno Год назад
Did you make your sounds? I really love the retro feel, would love to know more about your music and sounds
@DrewConley
@DrewConley Год назад
I made all the music and most of the SFX. I'll keep this in mind! Audio goes a long way.
@PattycakesGaming
@PattycakesGaming Год назад
Ciabatta looks pretty tough, gonna have to take him down
@AngelHdzMultimedia
@AngelHdzMultimedia Год назад
Hi! Do you plan working with Vue 3 and TypeScript? Wish you all the best
@DrewConley
@DrewConley Год назад
I haven't done much with Vue, but I really like its approach to scoped styles. TypeScript is great, too, but I tend to only reach for it on big team projects. The new-ish built in JSDoc syntax to JavaScript is really nice.
@bv-9157
@bv-9157 Год назад
do you recommend me to use canvas api with react to build games
@DrewConley
@DrewConley Год назад
It depends on the exactness of what you're doing, but yes, canvas can work great. You can often get by with just other DOM nodes, too, but it depends on what you're doing.
@MadnessLabs
@MadnessLabs Год назад
Glad you are back! Love the game, gives me Mad, Bomberman vibes. Happy coding! 🥼
@luisnantes3864
@luisnantes3864 Год назад
Exelent
@JordanICM
@JordanICM Год назад
These are fluid animations for just using CSS transforms. Do you think its just as good as canvas in terms of performance and lag?
@DrewConley
@DrewConley Год назад
There's a lot of nuance to consider...with such a simplistic style, I didn't run into any major performance issues. In testing, we saw the most consistent (and good) performance with CSS transforms across mobile and tablet devices. Again though, very simple game with few graphical effects
@JordanICM
@JordanICM Год назад
@@DrewConley very cool! Im interested to bump it up a notch with something like a 2d rpg/hack and slash. Hopefully it can stay smooth.
@RobertoRenovato
@RobertoRenovato Год назад
Wow, you're very welcome back!
@khaledsanny4817
@khaledsanny4817 Год назад
Oh great, you're back ! Honestly I thought you quited youtube or were dead :( (yeah, am little bit hardcore)
@DrewConley
@DrewConley Год назад
Hah, yeah, not dead! Just was too busy for awhile to spend any time on it. I'm back now.
@chinmayanand896
@chinmayanand896 Год назад
Could you please make the whole series like RPG using reactjs and typescript? I just commented on the latest video about it kindly check: Thank you so much
@SilentProg
@SilentProg 10 месяцев назад
Thanks ❤
@DevlogBill
@DevlogBill 7 месяцев назад
just started learning React. Had no idea you could make games with React? Do you have to import a library for making games with React? Or are you only using React?
@worldbest3097
@worldbest3097 Год назад
wow!! where have you been lately! waited so long
@DrewConley
@DrewConley Год назад
I needed a bit of a reset toward the end of last year. But I am back!
@wailboug-o3s
@wailboug-o3s Год назад
did u really made all of this with react, I can't believe 😳 as a junior react devoloper this is just insane !
@Crealick
@Crealick Год назад
Glad to see you're back! I've been trying to get into game development using React and almost thought it was not the right tool for games, this video gave me hope. Game object approach seems really smart, do you use Zustand or similar library for game states? I'm trying to build a simple clicker game like Clicker Heroes where you click on enemies to deal damage and move to next stage etc.. But I ended up in useEffect hell that reacts to state changes with bunch of setTimeouts that messes up CSS sprite animations. It somehow works but I don't think its scalable, would you recommend using something like requestAnimationFrame to act as a "game loop" for a simple clicker game? I'm very new to game dev concepts as a web dev and your videos helped a lot, thanks
@DrewConley
@DrewConley Год назад
I ended up putting everything through a requestAnimationFrame loop (even key listeners, like "is this key newly pressed this frame" instead of doing effects right in the actual handler) I tried to mix CSS Animations in with the RAF loop at first, but of course ran into the same hurdles you mentioned. Never tried Zustand, but I'll check it out!
@firstname-lastname
@firstname-lastname Год назад
How come this is not super slow? React is not the fastest library
@DrewConley
@DrewConley Год назад
React is plenty fast enough for this kind of project. Remember that many variables go into performance beyond just React. You can really get in its way by trying to pre optimize too much, too
@guilherme6974
@guilherme6974 Год назад
Are the 45 videos teaching how to create the game, the builder or just showing the process of how you created it? I didn't understand if it would be a tutorial to create exactly this game step by step and complete
@DrewConley
@DrewConley Год назад
Great question - the tutorials cover creating all of the game mechanics from scratch, but not the builder so far. That said, the builder isn't a big lift on top of the other features. All topics are covered here: courses.drewconley.dev/series/ciabattas-revenge
@guilherme6974
@guilherme6974 Год назад
@@DrewConley Perfect, thanks for the answer I'll sign the member at the beginning of next month, taking advantage of the builder you think of adding how did you build it? and are these 45 lessons the final version or are you going to add more content? thanks
@smexiking8620
@smexiking8620 Год назад
Can you make a video on how do earn money as a react developer? I'm just curious.
@DrewConley
@DrewConley Год назад
Hey, do you mean beyond a full-time developer job? Being proficient with React is already a great skill to get an awesome job!
@KronosGodwisen
@KronosGodwisen Год назад
Put these in bakeries and make pockets full of quarters!
Далее
6 Months of Learning JavaScript Game Dev in 6 Minutes
6:35
I Paid Fiverr Game Developers to Make the Same Game
10:25
React VS Svelte...10 Examples
8:35
Просмотров 563 тыс.
How I Would Design a Pokémon Game | Devlog
10:44
Просмотров 2,3 тыс.
Making a Game with Java with No Experience
8:41
Просмотров 373 тыс.
The HARDEST part of game development | Devlog
6:16
Просмотров 77 тыс.
The Absurdity Of Celeste Speedrunning
19:53
Просмотров 784 тыс.
Can AI Code Minecraft? Watch ChatGPT Try
8:06
Просмотров 1,3 млн