Navigate Select ESC Close

Claude 3.5 Sonnet Tutorial: Create a Game From Start to Finish in Javascript/React

2024-06-23 Science & Technology
53.9k
1.3k
101
All About AI
All About AI
224.0k subscribers

Unlock all features

FREE: Get instant access to 10 AI summaries, chats, or transcripts per day.

Description

Claude 3.5 Sonnet Tutorial: Create a Game From Start to Finish in Javascript/React 👊 Become a member and get access to GitHub and Code: https://www.youtube.com/c/AllAboutAI/join 🤖 Great AI Engineer Course: https://scrimba.com/learn/aiengineer?ref=allabtai 🔥 Open GitHub Repos: https://github.com/AllAboutAI-YT/easy-local-rag 📧 Join the newsletter: https://www.allabtai.com/newsletter/ 🌐 My website: https://aiswe.tech Today we use Claude 3.5 Sonnet to create a JS / React game with Sprites, Sound effect and Music using the new LLM. We test out artifacts feature and run our game from VS Code Studio. We do some detailed prompting with Claude 3.5 Sonnet. Hope you can learn something 00:00 Claude 3.5 Sonnet Game Intro 00:40 Game Plan 02:06 Create the Physics Engine 06:09 Creating the Game UI 08:34 Move into VS CODE 11:56 Adding Midjourney Sprites 14:47 Adding Music and Sound Effects 17:50 Adding a Background 19:14 Playing the final game 20:11 My Impressions Claude 3.5 Sonnet

Top Comments (10)

@ShpanMan 2024-06-23

It does the work so elegantly. I love how all these AI experts STILL INSIST these models can't do anything useful or new or smart, how lacking in creativity.

73 23 replies
@OumarDicko-c5i 2024-06-23

+10 years of game dev on my CV

68
@kimie126 2024-06-26

I love this content. Ai news are boring. Creating tools and games with AI will be the next wave. 🤩🤩🤩

30
@tubaguy0 2024-06-23

LMAO at the punch timing, made me root for the possibility of Claude doing that as a troll.

14 1 replies
@pixelowl-1 2024-06-27

I automated a little task for my colleagues like getting a file from my work, analysing it and send updates to a telegram chat. Never worked in python but 20 years of experience in other languages. Sonnet 3.5 programmed everything based on my description. Script worked immediately with minor bugs that were fixed by Sonnet. Then I copied everything and said "make it pretty" and it outputted everything in a nice formatting. Got everything checked by Chatgpt. Overall it would have taken me maybe 2 days to get into python and make this. Sonnet did everything in 2 hours.

13 1 replies
@jeffwads 2024-06-23

Used the older version to make a pac-man type game in Python. Amazing tool and it has great comprehension.

10
@elon-69-musk 2024-06-24

awesome job both of you 😄

8 1 replies
@ElvinHoney707 2024-06-23

that was fun! thanx.

6
@jiyuhen 2024-06-23

Never stopped procastinating this fast...😂

3
@NakedSageAstrology 2024-07-11

Very cool! I used it to make a remote desktop app which I can access via any web browser. It works great and even has a file explorer.

1

Unlock the Data Inside
Turn Videos into Knowledge

  • Get FREE 10/day: transcripts, summaries, chats
  • Chat with videos, export text & PDF
  • $1 free API credit for RAG, chatbots & research

Free forever plan • All features unlocked

App screenshot