Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

👀 I used OpenAI's Code Interpreter to make Flappy Bird 🐦in 7 minutes: Code Interpreter/GPT-4 for code generation. Pre-existing or AI-generated assets for graphics. --- Here's how to make the game in only 6 steps: (1): Enter the following prompt: "write p5.js code for Flappy Bird where you control... a yellow bird continuously flying between a series of green pipes. The bird flaps every time you left click the mouse. If the bird falls to the ground or hits a pipe, you lose. This game goes on infinitely until you lose and you get points the further you go". (2): Use generative AI or existing game assets and spirits. I searched "flappy bird assets" on Google and used the first link, a GitHub repo with pngs from the original Flappy Bird. (3): Use this prompt to link assets to the code: "Please generate the entire file again based on the fact I'm using a unique background, spirits for the bird, and pipes. Here is the list of assets I'm using: [list of file names]." Code Interpreter should modify the code accordingly to include the list of file names. (4) Make an account OpenProcessing -> create a sketch -> paste in the code generated by Code Interpreter -> upload in-game assets from step (2). (5) (Optional) Ask ChatGPT to make changes to improve the in-game experience e.g., adding a high score, restarting the game when the bird dies, etc. Copy the new code into your OpenProcessing sketch and reload the game. (6) If something doesn't work, ask GPT4 to fix it. Copy and paste the error message and ask it to regenerate the code. --- Bonus Tips: - Iteratively test code. Each time you make a change using Code Interpreter, test the updated code by playing the game so you catch new bugs early. - Learn programming by asking questions: "Act as a senior programmer very good at explaining concepts to a beginner. Tell me how gravity works in this game and how you used code to make this happen."Code Interpreter/GPT4 for code generation. Download Pre-existing assets or generate new images for graphics. Excited to see what you make!show more

Alex Ker 🔭

11,960 subscribers

739,874 Aufrufe • vor 3 Jahren •via X (Twitter)

Gaming Bildung Wissenschaft & Technologie

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von Alex Ker 🔭

Alex Ker 🔭vor 3 Jahren

Observations: - I created platformers and similar games back when I took intro to computer science. Teachers may have to reimagine final projects now. - This won't replace game studios, but will make game development so much easier, at least in the prototyping phase and getting a MVP:) h/t: @icreatelife for the inspiration of creating games with code interpreter.

Profilbild von Alex Ker 🔭

Alex Ker 🔭vor 3 Jahren

I’ll be sharing useful examples in applied AI everyday. If that sounds interesting, consider following me @thealexker and let’s learn together. No fluff only high signal tweets.

Profilbild von Hadi Partovi

Hadi Partovivor 3 Jahren

Or, you could code your own Flappy Bird game using drag & drop coding using @codeorg at Over 50 million children have learned beginner coding this way. 🤓

Profilbild von Alex Ker 🔭

Alex Ker 🔭vor 3 Jahren

@codeorg Hadi! Thank you for the comment. I've been a big fan of since learning how to code back in middle school. Scratch is awesome thanks for sharing the tutorial:)

Profilbild von Claire

Clairevor 3 Jahren

So what you're saying is now the app store is going to stuffed to the brim with 8 billion Flappy Bird clone

Profilbild von FlokiOdinson

FlokiOdinsonvor 3 Jahren

Done took about 30 minutes pretty cool thanks

Profilbild von Alex Ker 🔭

Alex Ker 🔭vor 3 Jahren

@DKHandsomeJack Looks clean Jack! Nice work a lot more proportional than mine:)

Profilbild von José Vásconez

José Vásconezvor 3 Jahren

@NickADobos I made a reskinned flappy bird game weeks ago with gpt4. (May not work on mobile, adding new functionality)

Profilbild von Alex Ker 🔭

Alex Ker 🔭vor 3 Jahren

@NickADobos Awesome! Did you have to fix code or did it hallucinate anything--curious to see this compared to Code Interpreter.

Profilbild von Aaron Heine

Aaron Heinevor 3 Jahren

But could you have made that if you didn’t use the term Flappy Bird in your prompt

Profilbild von Alex Ker 🔭

Alex Ker 🔭vor 3 Jahren

ooo that would be an interesting experiment. The code is pretty generic imo (could be used for a lot of platform games), so my guess is yes.

Ähnliche Videos

prompting tip: How to write hybrid english & code prompts while building custom GPTs -Turn on code interpreter -"write code to ..." -Regenerate a few times until you get one you like -Copy paste it back into your prompt -tweak it to improve Now your ai can write consistent code Plus, you can add & combine with all sorts of english rules on top. Essentially adding english code logic "If the user asks for ..., then run this code" "If the user needs help with ..., use this code snippet and ask the user for all required information" Guess what thats a working if statement in english! if userAsksFor { // run this code } Prompts are code! English is a coding language Prompt-gramming is abstract coding

prompting tip: How to write hybrid english & code prompts while building custom GPTs -Turn on code interpreter -"write code to ..." -Regenerate a few times until you get one you like -Copy paste it back into your prompt -tweak it to improve Now your ai can write consistent code Plus, you can add & combine with all sorts of english rules on top. Essentially adding english code logic "If the user asks for ..., then run this code" "If the user needs help with ..., use this code snippet and ask the user for all required information" Guess what thats a working if statement in english! if userAsksFor { // run this code } Prompts are code! English is a coding language Prompt-gramming is abstract coding

Nick Dobos

117,072 Aufrufe • vor 2 Jahren

GPT-6 ASTRA just changed game development forever 🎮 I built a full 3D fantasy action game using ONLY AI - Environment, characters, animations, AND the code. Zero manual modeling. Zero hand-coded logic. GPT-6 Astra handled the code while @Tripo AI handled the assets! This is what the future of game dev looks like. Make 3D Assets: New users get 500 free credits with code R8OM8Q! (Use code TRIPOCREW for 60% OFF your first month!) Link in bio to get started 🔗 #chatgpt #TripoAI #vibecoding #aitools #3dmodeling

GPT-6 ASTRA just changed game development forever 🎮 I built a full 3D fantasy action game using ONLY AI - Environment, characters, animations, AND the code. Zero manual modeling. Zero hand-coded logic. GPT-6 Astra handled the code while @Tripo AI handled the assets! This is what the future of game dev looks like. Make 3D Assets: New users get 500 free credits with code R8OM8Q! (Use code TRIPOCREW for 60% OFF your first month!) Link in bio to get started 🔗 #chatgpt #TripoAI #vibecoding #aitools #3dmodeling

OnlyRJ | Digital Artist

77,400 Aufrufe • vor 2 Monaten

Go to ChatGPT account's Settings → Beta Features → Code Interpreter. Once you have done this, click on GPT-4 and enable Code Interpreter. You will see a small plus (+) sign in the chat bar. This will help you upload a dataset.

Go to ChatGPT account's Settings → Beta Features → Code Interpreter. Once you have done this, click on GPT-4 and enable Code Interpreter. You will see a small plus (+) sign in the chat bar. This will help you upload a dataset.

Mushtaq Bilal, PhD

134,725 Aufrufe • vor 3 Jahren

Tutorial: How to make a video game with Adobe Firefly + ChatGPT I used Adobe Firefly for game assets as it's out of beta today! No more watermarks and available for commercial purposes. For the code I used ChatGPT + OpenProcessing.

Tutorial: How to make a video game with Adobe Firefly + ChatGPT I used Adobe Firefly for game assets as it's out of beta today! No more watermarks and available for commercial purposes. For the code I used ChatGPT + OpenProcessing.

Kris Kashtanova

123,062 Aufrufe • vor 3 Jahren

You have to check out the new ChatGPT “Code Interpreter”… Game-changing for data analysis 🤯

You have to check out the new ChatGPT “Code Interpreter”… Game-changing for data analysis 🤯

Justin Fineberg

298,391 Aufrufe • vor 3 Jahren

Reviewing AI-generated code is the new bottleneck. Writing code was slow before. Now, in a few minutes, you can generate virtually unlimited lines of code using AI. But developers are now spending 70% of their time checking that code. That's the new bottleneck. I've been using Cline, and they have a feature that actually helps with this: You can click a button and have Cline generate an inline explanation for every single line of AI-generated code. Take a look at the attached video. What it does: 1. You can read the code and the explanation together 2. You don't lose context while reviewing code 3. You understand the "why" behind each change And here is the best part: It works on any git diff. You can use it to review PRs, understand commits from other people, or catch up on a codebase you haven't touched in a while.

Reviewing AI-generated code is the new bottleneck. Writing code was slow before. Now, in a few minutes, you can generate virtually unlimited lines of code using AI. But developers are now spending 70% of their time checking that code. That's the new bottleneck. I've been using Cline, and they have a feature that actually helps with this: You can click a button and have Cline generate an inline explanation for every single line of AI-generated code. Take a look at the attached video. What it does: 1. You can read the code and the explanation together 2. You don't lose context while reviewing code 3. You understand the "why" behind each change And here is the best part: It works on any git diff. You can use it to review PRs, understand commits from other people, or catch up on a codebase you haven't touched in a while.

Santiago

64,477 Aufrufe • vor 11 Monaten

The ChatGPT Mac app is the ultimate screenshot-to-code tool. Screenshot anything, paste it in the ChatGPT shortcut, and just tell GPT-4o to code it for you. Here's me taking a snapshot of Snake Game and getting fully working code in 90 seconds. Video is on 3x speed.

The ChatGPT Mac app is the ultimate screenshot-to-code tool. Screenshot anything, paste it in the ChatGPT shortcut, and just tell GPT-4o to code it for you. Here's me taking a snapshot of Snake Game and getting fully working code in 90 seconds. Video is on 3x speed.

Rowan Cheung

860,853 Aufrufe • vor 2 Jahren

Skills allow you to extend Claude Code in new ways using pre-packaged instructions and code. For example, add the docx skill to let Claude Code create word documents. I think skills make Claude Code even better as a general purpose agent, I'm excited to see how you use them!

Skills allow you to extend Claude Code in new ways using pre-packaged instructions and code. For example, add the docx skill to let Claude Code create word documents. I think skills make Claude Code even better as a general purpose agent, I'm excited to see how you use them!

Thariq

127,999 Aufrufe • vor 1 Jahr

Lets use Grok to create a Mario like video game, except we're going to design the characters WITH Grok Without writing a single line of code! We're going to use Grok to generate the code for the game and the images images for the: 1. main character 2. enemy characters 3. and the coins, we will make of course, DogeCoins We're going to do this in 10 minutes using Grok and @windsurf and we will deploy it on Vercel (Deployment took 1 singular prompt) 00:00 Introduction to the Game Project and Windsurf 01:25 Generating and Running the Initial Game Code 02:18 Enhancing the Game with New Features 03:39 Adding Characters and Enemies w/ GROK 08:47 Deploying the Game On VERCEL

Lets use Grok to create a Mario like video game, except we're going to design the characters WITH Grok Without writing a single line of code! We're going to use Grok to generate the code for the game and the images images for the: 1. main character 2. enemy characters 3. and the coins, we will make of course, DogeCoins We're going to do this in 10 minutes using Grok and @windsurf and we will deploy it on Vercel (Deployment took 1 singular prompt) 00:00 Introduction to the Game Project and Windsurf 01:25 Generating and Running the Initial Game Code 02:18 Enhancing the Game with New Features 03:39 Adding Characters and Enemies w/ GROK 08:47 Deploying the Game On VERCEL

Riley Brown

41,170 Aufrufe • vor 1 Jahr

Nobody is writing 90% of their code using AI. Here's the uncomfortable truth: The real productivity gain from using AI to write code is closer to 10%, nowhere near the 90% people claim. Sundar Pichai said in 2024 that 30% of the new code at Google was AI-generated. However, he went on to admit, during Lex Friedman's podcast, that engineering velocity had only increased by about 10%. AI-generated code isn't free code. It still has to be reviewed, tested, and made production-ready. Optimizing a single step (code generation) doesn't boost output if bottlenecks shift elsewhere (code reviews). It doesn't matter how much code you generate if you can't keep up the review process. The solution: Automate as much as you can the review and verification of your code. I'm working with Sonar, who is sponsoring this post, and they will take care of the code quality and security analysis of your code: • They review over 300B lines of code every single day • They cover reliability, security, and maintainability for your code • You can integrate them into your CI/CD pipeline • You can install them in your IDE (I use their VSCode extension) • Support for more than 30 languages Here is a link so you can check them out:

Nobody is writing 90% of their code using AI. Here's the uncomfortable truth: The real productivity gain from using AI to write code is closer to 10%, nowhere near the 90% people claim. Sundar Pichai said in 2024 that 30% of the new code at Google was AI-generated. However, he went on to admit, during Lex Friedman's podcast, that engineering velocity had only increased by about 10%. AI-generated code isn't free code. It still has to be reviewed, tested, and made production-ready. Optimizing a single step (code generation) doesn't boost output if bottlenecks shift elsewhere (code reviews). It doesn't matter how much code you generate if you can't keep up the review process. The solution: Automate as much as you can the review and verification of your code. I'm working with Sonar, who is sponsoring this post, and they will take care of the code quality and security analysis of your code: • They review over 300B lines of code every single day • They cover reliability, security, and maintainability for your code • You can integrate them into your CI/CD pipeline • You can install them in your IDE (I use their VSCode extension) • Support for more than 30 languages Here is a link so you can check them out:

Santiago

296,928 Aufrufe • vor 1 Jahr

For those of you tired of yet another AI-based IDE: Check out Traycer. It's a Visual Studio Code extension (free forever for anyone working on open-source repositories), and it does something different from everyone else. You write a high-level prompt outlining the changes you want to make to your codebase, and the extension generates a plan for you before you touch the code. (It reminds me of GitHub Copilot Workspaces.) You can review the plan, understand exactly the changes the extension will make to your code, and make any modifications. When you are ready, you execute the plan, and Traycer stages all of the changes so you have a new opportunity to review everything. Only then does Traycer apply the changes. This is ideal for large codebases where you'd rather study the changes the AI plans to make before they make it into your code. Look at the video I recorded to see how it works. Thanks to the Traycer team for collaborating with me on this post!

For those of you tired of yet another AI-based IDE: Check out Traycer. It's a Visual Studio Code extension (free forever for anyone working on open-source repositories), and it does something different from everyone else. You write a high-level prompt outlining the changes you want to make to your codebase, and the extension generates a plan for you before you touch the code. (It reminds me of GitHub Copilot Workspaces.) You can review the plan, understand exactly the changes the extension will make to your code, and make any modifications. When you are ready, you execute the plan, and Traycer stages all of the changes so you have a new opportunity to review everything. Only then does Traycer apply the changes. This is ideal for large codebases where you'd rather study the changes the AI plans to make before they make it into your code. Look at the video I recorded to see how it works. Thanks to the Traycer team for collaborating with me on this post!

Santiago

84,565 Aufrufe • vor 1 Jahr

How it works: 1. Install the Universal Modder repo. 2. Point Claude at any video game installed on your computer. 3. Let it read and reverse engineer the entire code base. 4. Claude learns how the game plays on its own. 5. It implements new skills, tools, and items into the game for you. Universal Modder is a repo that lets Claude reverse engineer video games you already own and start modding them without you writing the code yourself. If you have been searching for how to reverse engineer video games, how to mod a game with Claude, or want an AI coding agent that can read an entire game code base and add new items and abilities, this is the workflow to try. It is built for people who use Claude for real projects and want to see what an AI agent can do with a full game code base. #claude #universalmodder #gamemodding #reversengineering #aicoding #claudecode #modding #videogames #aitools #gamedev #codingagents #aiagents

How it works: 1. Install the Universal Modder repo. 2. Point Claude at any video game installed on your computer. 3. Let it read and reverse engineer the entire code base. 4. Claude learns how the game plays on its own. 5. It implements new skills, tools, and items into the game for you. Universal Modder is a repo that lets Claude reverse engineer video games you already own and start modding them without you writing the code yourself. If you have been searching for how to reverse engineer video games, how to mod a game with Claude, or want an AI coding agent that can read an entire game code base and add new items and abilities, this is the workflow to try. It is built for people who use Claude for real projects and want to see what an AI agent can do with a full game code base. #claude #universalmodder #gamemodding #reversengineering #aicoding #claudecode #modding #videogames #aitools #gamedev #codingagents #aiagents

kevbuildsapps

33,000 Aufrufe • vor 1 Monat

The easiest way to build an MCP Server using Google DeepMind Gemini 2.5 Pro and get started! 1. Use Gitingest to get all the code and docs from the FastMCP repo 2. Download the code into a txt file 3. Go to AI Studio, upload the file, define what kind of MCP Server you want to build 4. Gemini 2.5 Pro builds it for you.

The easiest way to build an MCP Server using Google DeepMind Gemini 2.5 Pro and get started! 1. Use Gitingest to get all the code and docs from the FastMCP repo 2. Download the code into a txt file 3. Go to AI Studio, upload the file, define what kind of MCP Server you want to build 4. Gemini 2.5 Pro builds it for you.

Philipp Schmid

76,010 Aufrufe • vor 1 Jahr

The new Screenshot to Code from Vercel v0 is insane. I just took a screenshot of a pricing table and it was converted into code using AI in seconds! It even outputs the code and allows you to modify any specific parts.

The new Screenshot to Code from Vercel v0 is insane. I just took a screenshot of a pricing table and it was converted into code using AI in seconds! It even outputs the code and allows you to modify any specific parts.

Alvaro Cintas

378,083 Aufrufe • vor 2 Jahren

Skills shopping cart for Claude Code In this video I show how I add Railway Skills to a “shopping cart”. After selecting the Skills I need, I copy a single command and they’re added directly to my project. I built to make the composition of Claude Code components as flexible as possible. You can install settings, hooks, subagents, and anything new that gets added to Claude Code will appear on the site. It’s fully open source and community-maintained. If you want to contribute, you’re welcome to fix or update components, download and use the existing ones, or simply support the project by leaving a star on GitHub. Repo:

Skills shopping cart for Claude Code In this video I show how I add Railway Skills to a “shopping cart”. After selecting the Skills I need, I copy a single command and they’re added directly to my project. I built to make the composition of Claude Code components as flexible as possible. You can install settings, hooks, subagents, and anything new that gets added to Claude Code will appear on the site. It’s fully open source and community-maintained. If you want to contribute, you’re welcome to fix or update components, download and use the existing ones, or simply support the project by leaving a star on GitHub. Repo:

Daniel San

20,460 Aufrufe • vor 10 Monaten

AI is changing the software engineering craft. Anders Hejlsberg (Anders Hejlsberg) - creator of C#, TypeScript and industry legend - on why code review needs to get more enjoyable in response: #1 - AI is shifting the craft from writing code, to reviewing code: "In a sense, we're all turning into project managers. We can have an army of junior programmers, called agents, that will just spit out reams of code but someone's got to have the big picture and review all of that. And so, increasingly, our craft is going from one of writing the code, to one of reviewing the code and building the architecture of the code and overseeing the work. It's a different kind of craft. It's a different kind of enjoyment. I've always liked writing the code. To me that was the fulfilling part, seeing it work. In a way, AI robs a little bit of that, because I am less interested in reviewing code." #2 - The code review experience should be improved: "I think we could also make the process of reviewing code much more interesting than it is today. I mean, today, you see a list of diffs in alphabetical order and now it's up to you to make heads or tails of it. There are more pedagogical ways of presenting that. And you could have commentary generated by the AI that tells you what the changes are and whatever, and then tries to guide you along. So that symbiotic relationship, I think we need to work on that more and to keep the enjoyment in there."

AI is changing the software engineering craft. Anders Hejlsberg (Anders Hejlsberg) - creator of C#, TypeScript and industry legend - on why code review needs to get more enjoyable in response: #1 - AI is shifting the craft from writing code, to reviewing code: "In a sense, we're all turning into project managers. We can have an army of junior programmers, called agents, that will just spit out reams of code but someone's got to have the big picture and review all of that. And so, increasingly, our craft is going from one of writing the code, to one of reviewing the code and building the architecture of the code and overseeing the work. It's a different kind of craft. It's a different kind of enjoyment. I've always liked writing the code. To me that was the fulfilling part, seeing it work. In a way, AI robs a little bit of that, because I am less interested in reviewing code." #2 - The code review experience should be improved: "I think we could also make the process of reviewing code much more interesting than it is today. I mean, today, you see a list of diffs in alphabetical order and now it's up to you to make heads or tails of it. There are more pedagogical ways of presenting that. And you could have commentary generated by the AI that tells you what the changes are and whatever, and then tries to guide you along. So that symbiotic relationship, I think we need to work on that more and to keep the enjoyment in there."

The Pragmatic Engineer

39,073 Aufrufe • vor 5 Monaten

Over the weekend I made more progress on the Unreal game that I have been vibe coding. More enemies and a final boss with a roguelike progression system. I did not have to open Unreal Editor at all to make this game. Here's how you can set up in a way that you can build an Unreal game without having to use the Editor: Just mention these rules to the agent: - Write everything in C++, and build maps and assets with code instead of the editor. - Build and run the game from the command line. - After each change, run the game yourself with an automated test, check the screenshots, and tell me what you saw. - Close Unreal when you're done. - Create a .bat file for me to run the game.

Over the weekend I made more progress on the Unreal game that I have been vibe coding. More enemies and a final boss with a roguelike progression system. I did not have to open Unreal Editor at all to make this game. Here's how you can set up in a way that you can build an Unreal game without having to use the Editor: Just mention these rules to the agent: - Write everything in C++, and build maps and assets with code instead of the editor. - Build and run the game from the command line. - After each change, run the game yourself with an automated test, check the screenshots, and tell me what you saw. - Close Unreal when you're done. - Create a .bat file for me to run the game.

Danny Limanseta

28,757 Aufrufe • vor 11 Tagen

I built an AI data visualization Agent. The AI Agent can automatically generate the code and visualize the data using code interpreter sandbox. 100% Opensource Code with step-by-step tutorial.

I built an AI data visualization Agent. The AI Agent can automatically generate the code and visualize the data using code interpreter sandbox. 100% Opensource Code with step-by-step tutorial.

Shubham Saboo

68,488 Aufrufe • vor 1 Jahr