I enjoy creating mini-games or implementing interaction designs on the web.
And here is the browser game I've made recently!
Source Code:
https://github.com/danialdezfouli/spacecraft-game
Online Demo:
https://spacecraft.vercel.app/
Feel free to ask questions or share your thoughts with me :)
Top comments (2)
Nice. Looks good and plays well!
A few years back I really got in to making things with canvas, so it was interesting to take a look over the source code to see how you implemented it.
A few questions to kick off a bit of discussion...
I got in to software development because of games, and have loved playing with canvas in recent years. Nice to meet another person having fun with it.
Thanks for sharing.
Hey Douglas,
You can learn the basics of canvas here with Chris like I did it a few years before:
youtube.com/c/ChrisCourses/playlists
Doing basic 2d stuff with canvas is so easy and has a main loop to draw and update that you can do this with a setInterval or for smoother animations with a recursive requestAnimationFrame
I have used canvas for stars, and most elements are implemented via DOM, and if you don't use a library like gsap, it would be hard to implement non-linear effects.
if you want to create a real-world browser game, it would be better to use libraries(engines) like pixijs.com for better performance and also better developer experience; I don't do it because I want to improve my skills and have something challenging for a weekends
And finally, for me, it's interaction design and not just a game which I always follow codrops and awwwards.
tympanus.net/codrops/
awwwards.com/
greensock.com/gsap/
pixijs.com/
Best
Danial