디시인사이드 갤러리

갤러리 이슈박스, 최근방문 갤러리

갤러리 본문 영역

Chat gpt 테트리스 짜달라고 했다.

프갤러(121.172) 2024.05.13 14:38:32
조회 74 추천 1 댓글 0



User

자바스크립트로 테트리스 짜는 코드 짜죠

ChatGPT

테트리스를 자바스크립트로 구현하는 것은 꽤 재미있는 프로젝트일 거예요! 여기 간단한 테트리스 게임의 예시 코드를 제공할게요. 이 코드는 HTML, CSS, JavaScript로 작성되었습니다. 물론, 더욱 복잡하고 기능이 풍부한 테트리스를 만들 수도 있어요.


HTML:


html

Copy code

<!DOCTYPE html>

<html>

<head>

  <title>Tetris</title>

  <link rel="stylesheet" type="text/css" href="styles.css">

</head>

<body>

  <div id="gameBoard"></div>

  <script src="script.js"></script>

</body>

</html>

CSS (styles.css):


css

Copy code

#gameBoard {

  width: 200px;

  height: 400px;

  border: 1px solid black;

}

JavaScript (script.js):


javascript

Copy code

const ROWS = 20;

const COLS = 10;

const EMPTY = 'white';


let board = [];


// Initialize the board

function init() {

  for (let row = 0; row < ROWS; row++) {

    board[row] = [];

    for (let col = 0; col < COLS; col++) {

      board[row][col] = EMPTY;

    }

  }

}


// Draw the board

function drawBoard() {

  let html = '';

  for (let row = 0; row < ROWS; row++) {

    for (let col = 0; col < COLS; col++) {

      html += `<div class="cell" style="background-color:${board[row][col]}"></div>`;

    }

  }

  document.getElementById('gameBoard').innerHTML = html;

}


// Start the game

function startGame() {

  init();

  drawBoard();

}


// Run the game

startGame();

이 코드는 매우 기본적인 테트리스 게임을 보여줍니다. 이 예제를 기반으로 게임을 확장하고 테트리스 블록을 이동시키고 회전시키는 등의 기능을 추가할 수 있어요! 더 발전된 테트리스를 만들기 위해서는 게임 로직, 키보드 입력 처리 및 충돌 감지 등을 구현해야 할 거예요. 이 코드는 시작점으로 활용할 수 있어요.


User

전부 짜죠

ChatGPT

물론입니다! 전체적인 테트리스 게임을 자바스크립트로 구현해 보겠습니다. 이 코드는 간단한 버전이며, 더 많은 기능을 추가할 수 있습니다. 이를 기반으로 확장하고 수정하여 원하는 대로 사용할 수 있습니다.











써보니까,



일단 안 돼.



왜 안 되는지는 살펴봤는데,



안 됐을 때 이 부분을 해결해보라고 하니까 해결은 하지 못한다?



잘못된 걸 학습한 후에는,



이걸 수정할 수 있는 능력은 없는 거 같은데?




조금 아쉽네?



나보다 똑똑하지는 않아도,



내 보조품 정도는 될 수 있을 거 같은데?



추천 비추천

1

고정닉 0

0

댓글 영역

전체 댓글 0
등록순정렬 기준선택
본문 보기

하단 갤러리 리스트 영역

왼쪽 컨텐츠 영역

갤러리 리스트 영역

갤러리 리스트
번호 제목 글쓴이 작성일 조회 추천
설문 시세차익 부러워 부동산 보는 눈 배우고 싶은 스타는? 운영자 24/05/27 - -
2702731 비디오 게임 할 때 자기 성별과 다른 성별의 아바타를 고르는 이유 발명도둑잡기갤로그로 이동합니다. 01:10 42 0
2702730 보안 전공해도 네카라쿠배 취업 가능? [2] 프갤러(218.153) 01:03 52 1
2702729 국비 vs 온라인강의 머가나음? [1] ㅇㅇ(118.235) 00:57 36 0
2702728 Jira gets fired by ClickUp - Exit Interv 발명도둑잡기갤로그로 이동합니다. 00:57 14 0
2702727 작업환경 세팅하는것도 일인듯 이거 세팅하는데만 하루 다 걸림 프갤러(14.39) 00:48 28 0
2702726 백준 티어 어디부터 ㅈㅌㅊ임? [6] 프갤러(223.131) 00:48 79 0
2702725 잇섭이 그런말을 했더라 [9] 헬마스터갤로그로 이동합니다. 00:45 101 0
2702724 나 일본 가게 되엇어 [6] 떼껄룩갤로그로 이동합니다. 00:42 68 1
2702723 잠들기 아쉬워 [4] 멍청한유라ㅋ갤로그로 이동합니다. 00:40 50 0
2702722 inZOI(인조이) 인게임 영상 [KRAFTON G-STAR 2023] 발명도둑잡기갤로그로 이동합니다. 00:37 19 0
2702720 미래의 어느 역사학자들의 대화라는데 (요약편) [1] 프갤러(211.241) 00:19 26 0
2702719 전자공->컴공 편입 2년 칼졸업 가능함? 편입생있으면 제발 도와주ㅓ ㅇㅇ(59.17) 00:17 20 0
2702718 미래학자 저 씨@련 진짜 [1] 프갤러(121.170) 00:15 38 0
2702717 미래의 어느 역사학자들의 대화라는데 프갤러(211.241) 00:12 36 0
2702716 늬들은 내가 한심하냐 ㅇㅅㅇ? [6] 포항의봄갤로그로 이동합니다. 00:07 50 0
2702715 파이참에서 디장고 설치하고 aws 연결하는 법 아시는분? [8] 프갤러(180.233) 00:00 51 0
2702714 해외 취업이 최고임 ㅇㅅㅇ [4] AppHiki갤로그로 이동합니다. 05.27 78 0
2702713 후임 진짜 언제 오냐 ㅇㅅㅇ [1] 포항의봄갤로그로 이동합니다. 05.27 32 0
2702712 갤창 분석기 어케 만듬? [1] 프갤러(121.170) 05.27 30 0
2702711 저는 윈도우로 ios앱 개발해요 ❤+ [3] AppHiki갤로그로 이동합니다. 05.27 80 0
2702710 윈도우 ❤+❤+❤+❤+ AppHiki갤로그로 이동합니다. 05.27 43 0
2702709 쿠버네티스 왜캐 알아야할게많냐 ㅇㅇ(118.235) 05.27 42 0
2702708 이직 후기 [8] 미쿠쟝마지스키갤로그로 이동합니다. 05.27 97 0
2702706 저는 윈도우써요♥ [4] 헬마스터갤로그로 이동합니다. 05.27 52 0
2702705 하: (맥:에:서% :잘.돌`아!가*는:데* )윈:도(우`에`서% )안. 프갤러(175.208) 05.27 15 0
2702704 윈:도(우. (쓰:는% `틀) .개!발)자%들.은) %뭐!냐% 프갤러(1.232) 05.27 11 0
2702703 반)도(체! ;발`전)시%킬;필;요(없(음! %a!r!m` :쓰.면` ( 프갤러(175.118) 05.27 13 0
2702702 a`r`m. `가(로*막(는% .윈.도.우!는) )쓰!레:기) 프갤러(221.159) 05.27 12 0
2702701 a(r.m( :가:로(막%는) )윈%도%우%는; .쓰`레;기% 프갤러(58.232) 05.27 13 0
2702700 윈*도`우(쓰*지`마!세.요: 프갤러(175.208) 05.27 11 0
2702699 윈.도)우! %쓰)는( `틀* *개)발.자.들:은) `뭐*냐% 프갤러(1.232) 05.27 10 0
2702698 a:r!m! %가:로;막(는( )윈:도)우!는; (쓰)레*기: 프갤러(175.118) 05.27 11 0
2702697 윈*도:우`쓰:지`마!세`요* 프갤러(221.159) 05.27 9 0
2702696 a:r*m: )가(로!막:는) (윈;도:우(는: )쓰%레(기! 프갤러(58.232) 05.27 8 0
2702695 하% :맥%에.서` :잘%돌:아%가;는!데* ;윈!도!우`에(서; (안! 프갤러(175.208) 05.27 9 0
2702694 a*r`m! ;가!로!막)는* !윈(도.우*는: :쓰;레.기% 프갤러(175.118) 05.27 7 0
2702693 반(도:체` .발;전;시%킬.필:요)없(음: !a(r.m. %쓰.면! ! 프갤러(1.232) 05.27 8 0
2702692 윈*도%우;쓰.지%마%세(요` 프갤러(221.159) 05.27 10 0
2702691 윈(도!우`쓰;지!마;세!요( 프갤러(58.232) 05.27 9 0
2702689 윈(도`우) .ㅅ`ㅂ. ;업)데:이!트(때)문:에% *파:일% :날(림* 프갤러(175.208) 05.27 11 0
2702688 윈)도.우; (쓰(는) (틀; %개)발`자(들(은: )뭐;냐! 프갤러(1.232) 05.27 9 0
2702687 윈.도`우! .ㅅ(ㅂ) :업:데;이(트:때*문*에` ;파`일; ;날`림( 프갤러(175.118) 05.27 8 0
2702686 쓰%레%기. *입*니*다% 프갤러(221.159) 05.27 8 0
2702685 반(도(체( %발)전(시:킬;필.요(없)음) %a*r)m` (쓰!면) ( 프갤러(58.232) 05.27 9 0
2702684 a%r(m) (가%로(막:는! :윈%도(우)는% %쓰(레*기: 프갤러(175.208) 05.27 8 0
2702683 윈`도!우` %쓰!면% .안!됨* 프갤러(1.232) 05.27 8 0
2702682 하; `맥(에%서! :잘!돌;아%가`는;데: )윈!도;우%에.서( ;안* 프갤러(175.118) 05.27 9 0
2702681 윈.도)우*쓰;지;마:세`요; 프갤러(221.159) 05.27 9 0
2702680 반(도(체` :발%전(시`킬.필(요.없*음; )a:r)m* `쓰!면; ) 프갤러(58.232) 05.27 8 0
2702679 a`r(m: )가;로`막;는* ;윈`도`우.는; %쓰)레(기! 프갤러(175.208) 05.27 8 0
갤러리 내부 검색
제목+내용게시물 정렬 옵션

오른쪽 컨텐츠 영역

실시간 베스트

1/8

뉴스

디시미디어

디시이슈

1/2