Practical Tailwind CSS for Game UI

Channel:
Subscribers:
8,390
Published on ● Video Link: https://www.youtube.com/watch?v=Mf8kcNtjHLs



Category:
Tutorial
Duration: 17:30
561 views
21


Download the full code for free: https://ko-fi.com/s/abe25c5e70
Give the game a try ๐Ÿ‘‰ https://meteor-dash.vercel.app/
Github repo: https://github.com/KoushikJit/meteor-dash.git
Google AI Edge: https://ai.google.dev/edge

Welcome back to our series on building a gesture-controlled game using Googleโ€™s MediaPipe.js on Next.js! ๐ŸŽฎ๐Ÿ–๏ธ In this fifth video, we first create a overlay screen to show game information like play/pause state, count miles, game over etc. Next we build the game logic that gives the player 5 tries and makes the game over when it runs out.

Here is the link to the complete tutorial ๐Ÿ‘‰ https://www.youtube.com/playlist?list=PLhiuRfXhpqSbEApUrmq04ATAuwlxdWwSl

Donโ€™t forget to like, and subscribe to stay updated with the latest videos in this series.

Check out other cool Next.js + AI projects I have built ๐Ÿ‘‰ https://youtube.com/playlist?list=PLhiuRfXhpqSbwM0rCuv7-mrCUSiIVyzAz&si=RinnIxuHdvQLnpzD

Connect with Me:
- [LinkedIn](https://www.linkedin.com/in/koushik-sarkar-iimc/)
- [GitHub](https://github.com/KoushikJit)

Enjoy the video, and happy coding! ๐ŸŽ‰







Tags:
next js
nextjs
next.js
ai projects
react typescript
getting started next js
nextjs with tailwind
create next app
how to become js developer
mediapipe
mediapipe tutorial
mediapipe hand gesture recognition
hand gesture recognition project
gesture control game
how to make games
nextjs project
computer vision project
how to make a game
next js tutorial for beginners
nextjs game
tailwind css
next js tutorial
google ai
google ai edge
ai edge computing