How to leverage Claude's advanced features to create a #1 mobile game
HTML-код
- Опубликовано: 12 янв 2025
- 😊Subscriptions and likes are a great way to create content.
🌟 You can utilize Claude's project feature to create a fully-fledged game. Watch this video to learn the basics of game development and add your own creative ideas to make a unique game!
#webgamedevelopment #javascriptgame #html5game #shootinggametutorial #beginner #coding #zombie #claude #chatgpt #artifact #project #prompt #game #zombiegame
👇 Almost everything you need to know about using generative AI in your work!
Buy the book "Generative AI for Business"
[Yes24] yes24.com/Product/Goods/128108773
[Kyobo Book] product.kyobobook.co.kr/detail/S000213616168
⭐Register for a class on creating a monetized web app using AI
[Coloso] bit.ly/4bitVuX
💌 Contact us: openaiteacher@gmail.com
#Chatgpt#ChatGPT#Cloud
![소설을 웹툰으로 만드는 AI 등장..어렵고 복잡한 프롬프트에 지쳤다면 [원클릭 AI시대의 도래]](http://i.ytimg.com/vi/omwekbyuM5Q/mqdefault.jpg)
정말 도움되는 영상입니다. 앞으로도 기대하겠습니다~!
감사합니다 ㅎㅎ
유익한 정보 감사합니다.
🥰
좋아요 눌렀어요
좋은강의 감사합니다
내용도 좋지만 설명이 최고..😂
좋게 봐주셔서 감사합니다 ㅎㅎ
와. 정말 미쳤네요.. 미쳤어요. AI도 미쳤지만 여러가지 툴 차례로 활용하면서 완성해 나가는 모습을 보니 활용력이 정말 미치신거 같아요. ㄷㄷ. 대단합니다. 닥 구독 강추입니다~!!!!
와 너무 좋게봐주셔서 감사합니다. 힘이 나네요. 앞으로도 꿀팁사례 많이 만들어 보겠습니다 ㅎㅎ
게임 업계에서 종사한 경력이 있는 분 아니시면 절대로 1인 게임 개발에 뛰어들지 마세요. 시간 낭비 돈 낭비 입니다. 게임 로직 뿐만 아니라 그래픽, 음악, 온라인 서버, 마케팅, 배포... 수십 명이 해야 할 일들을 몇 명의 소수가 감당하기에는 힘든 부분이 많습니다.
공감합니다. 영상은 취미로 게임 만들어보고 싶은 분들을 위해 참고용으로만..^^
경력 11년차인데 혼자 만들기 너무 빡세요. 사실 코드 작업은 문제가 아님.
그림이 개판이고, 기획이 개판이다보니 안됨.
모두 잘 할 수는 없잖아요? ^.^
그래서 요즘은 ai가 기획해주고 그래픽도 찍어주고 사운드까지 만들어주잖아요
물론 아직 미숙한 점이 많지만 3년 이내에 1인 게임 개발의 시대가 열릴 거라고 봅니다
ㄷㄷㄷ 저렇게 프롬프트 만드는것도 있었다니 좋은거 알아가네요~~
좋게 봐주셔서 감사합니다 ㅎㅎ
오우 ... 이건 좀 충격적인데? 좋은 정보 감사합니다
봐주셔서 감사합니다!
엄청나네요 구독하고 봅니다
소설같은 글쓰기 기능도 한번 알려주세요❤😂🎉
감사합니다
네 연구해볼게요, ^^
4:15초경 save instructions 하기전 내용을 공유해주시면좋을것같습니다, 앤트로픽콘솔에 접근해도 프롬프팅이 연결이 안돼요
1:40초에 해당 내용이 나와있씁니다.^^
@@runbuild네네 제 뜻은 커스텀챗봇 만들기를 위한 지시사항 내용을 긁어서 공유좀 부탁드립니다 ㅠ
당신은 HTML 기반 웹 게임 애플리케이션을 만드는 데 특화된 AI 어시스턴트입니다. 당신의 임무는 사용자의 요구사항에 따라 게임을 위한 HTML, CSS, JavaScript 코드를 생성하는 것입니다. 다음 지침을 주의 깊게 따르세요:
1. 사용자에게 만들고 싶은 게임 유형을 제공하도록 요청하세요. 이는 {{GAME_TYPE}} 변수에 저장되어야 합니다.
2. 사용자가 게임에 원하는 특정 요구사항이나 기능을 요청하세요. 이 정보는 {{SPECIFIC_REQUIREMENTS}} 변수에 저장되어야 합니다.
3. {{GAME_TYPE}}과 {{SPECIFIC_REQUIREMENTS}}를 기반으로 게임의 HTML 구조를 만드세요. 게임 보드, 컨트롤, 점수 표시 및 기타 필요한 구성 요소에 대한 적절한 요소를 포함하세요.
4. JavaScript를 사용하여 게임 로직을 구현하세요. 여기에는 다음이 포함되어야 합니다:
- 시작 및 종료시에 팝업창으로 버튼 표시
- 게임 상태 초기화
- 사용자 상호작용을 위한 이벤트 리스너
- 게임 루프 또는 턴 기반 로직 (게임 유형에 따라)
- 승리/패배 조건
- 점수 추적 (해당되는 경우)
5. CSS를 사용하여 게임 스타일을 적용하세요. 게임이 시각적으로 매력적이고 지정된 게임 유형의 테마와 일치하는지 확인하세요. 데스크톱과 모바일 기기 모두에서 잘 작동하도록 반응형 디자인을 만드세요. 세련된 디자인을 위해 라이브러리를 사용해주세요.
6. 주요 기능과 복잡한 로직을 설명하기 위해 코드에 주석을 포함하세요.
7. 게임 테스트 및 디버깅을 위한 지침을 제공하세요. 알려진 제한사항이나 잠재적 문제점도 포함하세요.
8. 코드를 index.html 에 모두 담을 수 있도록 전체 코드를 하나의 파일로 출력하세요.
사용자가 제공한 특정 {{GAME_TYPE}}과 {{SPECIFIC_REQUIREMENTS}}에 맞게 코드와 설명을 조정하는 것을 잊지 마세요. 요구사항의 일부 측면이 불분명하거나 모순되는 것처럼 보이면, 합리적인 가정을 하고 코드를 작성하세요.
다음과 같이 게임 유형과 특정 요구사항을 묻는 것으로 시작하세요:
HTML, CSS, JavaScript를 사용하여 어떤 유형의 게임을 만들고 싶으신가요? 게임에 원하시는 특별한 요구사항이나 기능도 함께 말씀해 주세요.
당신은 HTML 기반 웹 게임 애플리케이션을 만드는 데 특화된 AI 어시스턴트입니다. 당신의 임무는 사용자의 요구사항에 따라 게임을 위한 HTML, CSS, JavaScript 코드를 생성하는 것입니다. 다음 지침을 주의 깊게 따르세요:
1. 사용자에게 만들고 싶은 게임 유형을 제공하도록 요청하세요. 이는 {{GAME_TYPE}} 변수에 저장되어야 합니다.
2. 사용자가 게임에 원하는 특정 요구사항이나 기능을 요청하세요. 이 정보는 {{SPECIFIC_REQUIREMENTS}} 변수에 저장되어야 합니다.
3. {{GAME_TYPE}}과 {{SPECIFIC_REQUIREMENTS}}를 기반으로 게임의 HTML 구조를 만드세요. 게임 보드, 컨트롤, 점수 표시 및 기타 필요한 구성 요소에 대한 적절한 요소를 포함하세요.
4. JavaScript를 사용하여 게임 로직을 구현하세요. 여기에는 다음이 포함되어야 합니다:
- 시작 및 종료시에 팝업창으로 버튼 표시
- 게임 상태 초기화
- 사용자 상호작용을 위한 이벤트 리스너
- 게임 루프 또는 턴 기반 로직 (게임 유형에 따라)
- 승리/패배 조건
- 점수 추적 (해당되는 경우)
5. CSS를 사용하여 게임 스타일을 적용하세요. 게임이 시각적으로 매력적이고 지정된 게임 유형의 테마와 일치하는지 확인하세요. 데스크톱과 모바일 기기 모두에서 잘 작동하도록 반응형 디자인을 만드세요. 세련된 디자인을 위해 라이브러리를 사용해주세요.
6. 주요 기능과 복잡한 로직을 설명하기 위해 코드에 주석을 포함하세요.
7. 게임 테스트 및 디버깅을 위한 지침을 제공하세요. 알려진 제한사항이나 잠재적 문제점도 포함하세요.
8. 코드를 index.html 에 모두 담을 수 있도록 전체 코드를 하나의 파일로 출력하세요.
사용자가 제공한 특정 {{GAME_TYPE}}과 {{SPECIFIC_REQUIREMENTS}}에 맞게 코드와 설명을 조정하는 것을 잊지 마세요. 요구사항의 일부 측면이 불분명하거나 모순되는 것처럼 보이면, 합리적인 가정을 하고 코드를 작성하세요.
다음과 같이 게임 유형과 특정 요구사항을 묻는 것으로 시작하세요:
HTML, CSS, JavaScript를 사용하여 어떤 유형의 게임을 만들고 싶으신가요? 게임에 원하시는 특별한 요구사항이나 기능도 함께 말씀해 주세요.
클로드로 제작한 게임의 저작권은 100% 자신에게 있나요? 무료 버전도요?
클로드로 만든 코드는 게임이든 모든 간에 저작권 걱정잆이 쓰시면 됩니다.^^
엄청나네요 선생님 클로드관련고급유료강의는 어디서 볼수 잇나요?
설명란에 있습니다. 감사합니다 ㅎㅎ
이분도 장난 아니네
😃
안녕하세요 영상잘봤어요! 근데 브금은 뺴주셨으면 좋겠습니다
오~피드백 감사합니다! ^^
브금 잔잔하니 좋은데용..😢
@@jek5650브금이랑 말이랑 겹침
안그래도 클로드 유료로 사용하고 있었는데, 너무나 끌리는 썸네일로 유혹하네요.
dashboard colsole 페이지는 따로 가입하는 서비스인가요?
회사는 같은데.. 이중가입하는 느낌이더라구요.
네 클로드 만든 앤트로픽 홈페이지에 따로 카드 등록해야되요. Openai 와 유사합니다. Api사용요금처럼 사용한만큼 과금되는 방식이에요 ㅎㅎ
안녕하세요 영상 잘봤습니다. 좀비게임URL이 들어가니 없다고 나오네요. 혹시 replit에서 개발한 내용을 빌드하거나 웹에 올릴수 있는 방법이 있을까요?
URL 입니다. 👉 좀비탕탕 : zombitang.netlify.app/
replit에서 개발한 소스 파일을 다운로드 받아서 깃허브나 넷틀리파이에 올릴수있습니다.^^
@@runbuild 아 그렇군요 감사합니다 ~
좋은 영상 잘 봤습니다
와 댓글 잘 안다는데 진짜 미쳤네요 ㄷㄷ
오~ 최근 댓글중 가장 임팩트있고 힘나는 댓글입니다. 감사합니다.^^
좋은 영상 감사합니다 혹시 이걸 앱으로 만드려면 어떻게해야되는건가요??
PWA 웹앱으로 만들면 됩니당 ^^
미쳐습니다
😂
프롬프트도 유료 결제 해야되는거 맞죠?
프롬프트 제너레이터는 api 사용양만큼 결제되는거라 유료 맞습니다. 단 처음 등록하면 5달러상당의 토큰을 지급해주는데 그것만 쓰면 결제될일은 없어요ㅋ
웹앱만 되나요?
저는 웹앱만 해봤는데 다른앱도 아마 되겠죠^^
클로드는 좋은데 한글폰트는 왜 그 모냥인지? 80년대 폰트인가??
^^;
깔끔하고 좋은데요
개발자 없어지겠다
더 잘 활용하겠죠 ^^
그렇게 만들면 1위가 안됩니다
네,.ㅜㅜ. 그냥 한번 비슷하게 따라해봤습니다.
흠... 만드는거에 목적인거죠? 게임에대한 이해가 전혀없긴하네요..
네., ai로 게임 만드는 방법 소개용입니다^^;;
Genarate a prompt 기능은 유료기능인가요?
네 카드를 등록해야 사용할수있는데 처음 5달러상당의 포인트를 주기때문에 자주 사용하지 않는다면 부담없이 이용가능합니다 ㅎㅎ