Claud Dev로 게임 제작: 코드 필요 없음

Claud Dev는 사용자가 코딩 없이도 손쉽게 게임을 제작할 수 있도록 지원하며, AI 지원을 통해 프로그래밍을 혁신합니다.

### 클라우드 개발자와 함께 1분 안에 테트리스 게임 만들기
* 🎮 이 동영상에서는 AI 기반 코딩 어시스턴트인 Claud Dev를 사용하여 코드를 작성하지 않고 **1분 이내에 테트리스 게임을 만드는 방법**을 보여드립니다.
* 💻 클라우드 데브는 앤트로픽의 최신 대규모 언어 모델인 **클라우드 3.5 소넷**을 활용하는 VS 코드 확장 프로그램으로, 사용자가 로컬 머신에 직접 소스 코드를 저장할 수 있습니다.
* 🔑 시작하려면 VS 코드 확장 탭에서 **Claud Dev를 설치**하고 **console.anthropic.com에서 얻은 Anthropic API 키**를 입력해야 합니다.
* 🛠 점수 시스템과 다채로운 인터페이스를 갖춘 테트리스 게임을 만들도록 Claud Dev에게 지시하여 작업을 **6단계로 세분화**하고 **디스크에 파일을 쓸 수 있는 권한**을 요청합니다.
* 💵 이 특정 요청에 대한 비용은 **$0.034**였으며, 명령을 실행한 후 게임이 성공적으로 생성되어 테스트할 준비가 되었습니다.
* ⚙ 사용자는 **속도를 늦추거나 컨트롤 가이드를 추가하는 등 조정을 요청**하여 게임을 추가로 수정할 수 있으며, 클라우데브는 **기존 파일을 수정**하여 처리합니다.
* 📜 최종 게임에는 **인덱스.html, 스타일.css, 테트리스.js의 세 가지 필수 파일**이 포함되어 있으며, 모두 수동으로 편집하여 추가로 커스터마이징할 수 있습니다.
* 👏 Claud Dev는 **Sa Re가 Anthropic의 "Build with Claud" 해커톤에 제출한 작품**으로, 코딩에서 AI의 인상적인 기능을 선보입니다.

hello, and in this video, I'm going to show you how I created this stous game in less than a minute without writing a single line of code. This is made possible with the help of an AI-powered coding assistant called Claud Dev. It's a VS Code extension, and it uses Anthropic's latest large language model, Claud 3.5 Sonet. Now, what I like about Claud Dev is its ability to write the codes and save the source file on the user's local machine. For example, the game source code is saved on my desktop, and I can modify the source code anytime I want and however I want. This makes it a very, very powerful tool for programmers. In the next couple of minutes, I'm going to walk you through the process of how to set up Claud Dev and how to build web applications such as this Tetris game. Let's get started. So, in order to get started with Claud Dev, the first thing that you need to do is open up VS Code and then go to the extension tab under

the search field search for Claw Dev. Click on the first item that appears on the search results, then click on install. Once Claw Dev is installed, you'll be able to see this button right here that says Claw Dev. Go to settings, and as you can see, you need to input your Anthropic API key. So, in order to get your API key, you need to visit this website console.anthropic.com, and then under the API key tab, you need to generate this API key. It looks something like this. Copy that key and then paste it over here. Once you're done with that, click on done, and that's it. You can now start asking CLA or Cloud Tav whatever applications you have in mind. So, for example, we wanted Claw to create a Tetris game with a scoring system. I would just instruct it to create a Tetris game with a scoring system and life, and then make the user interface colorful. Hit on enter, so the Cloud Dev is going to create, send an API request to IC. This is the

response we got. It says that I'll break down the task into steps and use the available tools to accomplish it. So, it has six steps to create the game where it needs to create some files, and it's actually asking me if I want to allow Claw Dev to write files on my disk. So, I would just approve this, and as you can see, it created this index.html on my desktop folder called Tetris game. And I think it's going to create multiple files. As you can see, the next file created is the style CSS and also the tetris TS, which is the backend. So, I will approve all those files. Okay, so next one. It says, Now that we have created our Tetris game with scoring system, lives, and colorful user interface, let's test it to ensure everything is working correctly. So, it also gave me information on how much it cost for the request to be completed. So, for this specific request, it cost me 0.034 US with, um, I'm not sure how many tokens.

It took for this request to be completed, so I'm going to click on the Run command, and boom, there you have it. But uh, it's quite fast. So for example, I wanted to be a bit slower. Okay, so let me ask CL canel then can. Can you make the game a bit uh slower? And also, I wanted the game to have this uh guide on the left side of the screen so the users would know which keys they would have to press to play the game. Also um, create a guide on the left side to inform the user which keys. No no, inform the user how to play the game. Okay, so now uh, it's making requests again, and it's trying to modify the files that are already existing in my desktop folder. So I'm just going to prove the modifications and let's see what else it tries to make. Okay, so it took a couple of minutes for thei to complete the request, and it actually took a couple of requests to the server and made a couple of changes.

on the files, so now we have this one. Let's click on the Run command and see. Okay, so awesome. It's now a bit slower compared to the previous version. I actually like it. And as you can see on the left side, we also have the guide that I just requested. So you can use the arrow keys to move the blocks left and right, drop faster Q2, rotate W2, rotate clockwise, and you have three lives. Game overs. Game is over when you can't play the new piece. Awesome. So as you can see, there are three files that were created, one for the HTML, the Styling CSS, and the back end, which is Javascript. I can open these files also, and if I want to do manual modifications on the source code, I can do that as well. So this is awesome. Okay, one small piece of information. Claud Dev was actually created by this guy, sa re one. I'm not sure if I'm saying that correctly, but kudos to sa for creating this impressive tool. And one fun fact is this CLA Dev is

actually a submission to anthropics build with Claud hackathon which happened last month, June 202. For so there you have it. I hope you learned something from this video, and if you did, don't forget to subscribe and let me know what you think about CLA Dev in the comments below. I'll see you on the next video.

Build games with zero code using Claude Dev in VS Code

Generative AI

클라우드 개발자와 함께 VS 코드에서 게임 제작하기

이 동영상은 AI 기반 코딩 어시스턴트인 Claud Dev와 VS Code 확장 프로그램을 사용하여 1분 이내에 테트리스 게임을 만드는 방법을 보여줍니다.

Claud Dev는 소스 코드를 사용자의 로컬 컴퓨터에 저장하므로 쉽게 수정할 수 있습니다.

설정 과정은 Claud Dev를 설치하고, Anthropic API 키를 입력한 다음, 어시스턴트를 사용하여 게임 코드를 생성하는 것으로 이루어집니다.

테트리스 게임을 만드는 과정은 6단계로 이루어지며, Claw Dev 도구는 디스크에 파일을 쓸 수 있는 권한을 요청합니다.

ts를 포함한 여러 파일이 데스크톱 폴더에 생성됩니다.

채점 시스템과 사용자 인터페이스로 게임을 설정한 후, 사용자는 게임 속도를 늦추고 키 누름에 대한 가이드를 추가하기 위해 수정을 요청합니다.

이제 게임이 사용자가 선호하는 느리게 실행되며 왼쪽에 컨트롤 가이드가 표시됩니다.

프로젝트를 위해 세 개의 파일이 생성되었습니다: HTML, CSS, JavaScript의 세 가지 파일이 생성되어 수동으로 코드를 수정할 수 있습니다.

이 도구는 Claud Dev라는 사람이 만들었는데, 이 도구는 뛰어난 작업으로 유명한 sa re라는 사람이 만들었습니다.

클라우드로 인류학 빌드 해커톤에 제출하기

이 동영상은 2023년 6월에 열린 '클라우드로 인류학 만들기' 해커톤에 제출된 작품에 대해 설명합니다.

제작자는 시청자에게 구독을 권유하고 댓글로 CLA Dev에 대한 생각을 공유할 것을 권장합니다.

제작자는 시청자가 이 영상을 통해 무언가를 배웠기를 바라며 다음 영상을 기대한다고 말합니다.