디시인사이드 갤러리

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

갤러리 본문 영역

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

프갤러(121.172) 2024.05.13 14:38:32
조회 78 추천 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 - -
2702948 하( *맥:에.서: :잘;돌(아(가;는)데) .윈(도.우`에!서; )안! 프갤러(121.145) 05.28 8 0
2702947 하) %맥;에(서; *잘%돌%아;가.는(데; *윈)도;우:에:서( !안( 프갤러(131.147) 05.28 8 0
2702946 윈`도%우; `ㅅ:ㅂ* )업:데(이!트.때%문;에: :파)일% *날%림! 프갤러(218.152) 05.28 8 0
2702945 반`도(체; %발:전)시:킬%필%요;없.음. .a%r%m` %쓰;면* * 프갤러(180.229) 05.28 9 0
2702944 윈(도!우( !ㅅ*ㅂ( !업:데!이)트.때.문)에! :파!일; %날%림* 프갤러(121.145) 05.28 7 0
2702943 윈`도`우* :ㅅ!ㅂ) (업`데!이!트.때(문)에% `파*일* !날:림! 프갤러(131.147) 05.28 9 0
2702942 윈)도(우;쓰!지*마;세*요! 프갤러(218.152) 05.28 8 0
2702941 육군에서 사고친 사람 쉴드 안치는거 ㅈㄴ신기하네 ㅋㅋㅋ 딘퐁갤로그로 이동합니다. 05.28 13 0
2702940 윈.도!우% (ㅅ%ㅂ. ;업.데.이)트(때%문%에* `파*일) !날;림` 프갤러(180.229) 05.28 7 0
2702939 윈)도(우)쓰.지!마)세;요. 프갤러(121.145) 05.28 8 0
2702938 a%r(m( %가`로;막.는; %윈:도!우;는) %쓰:레!기( 프갤러(218.152) 05.28 7 0
2702937 쓰.레*기! ;입;니:다` 프갤러(131.147) 05.28 8 0
2702936 나님 시작합니당❤+ ♥순수퓨어냥덩♥갤로그로 이동합니다. 05.28 10 0
2702935 a!r;m% %가%로`막!는% )윈!도;우%는` ;쓰!레`기* 프갤러(180.229) 05.28 8 0
2702934 하% `맥:에*서! %잘%돌%아!가%는:데; (윈)도*우%에(서; )안( 프갤러(121.145) 05.28 7 0
2702933 쓰:레!기. )입!니)다: 프갤러(218.152) 05.28 8 0
2702932 윈%도.우( *쓰(면% ;안;됨; 프갤러(131.147) 05.28 7 0
2702931 쓰!레.기! )입:니(다` 프갤러(180.229) 05.28 7 0
2702930 윈`도!우: :ㅅ`ㅂ% (업`데(이%트*때(문%에( %파!일) *날)림* 프갤러(121.145) 05.28 8 0
2702929 하% :맥.에`서% *잘`돌`아*가%는.데. )윈:도)우!에(서: :안. 프갤러(218.152) 05.28 9 0
2702928 a:r!m: !가.로!막;는! !윈.도:우`는* ;쓰!레`기` 프갤러(131.147) 05.28 7 0
2702927 쓰*레)기% .입(니%다( 프갤러(180.229) 05.28 7 0
2702926 윈:도`우: *쓰%는* %틀: %개:발;자%들;은. )뭐.냐; 프갤러(121.145) 05.28 7 0
2702925 쓰)레!기. `입;니%다. 프갤러(218.152) 05.28 8 0
2702924 윈(도*우: `쓰%면) :안:됨: 프갤러(131.147) 05.28 7 0
2702923 윈:도!우) .ㅅ)ㅂ) ;업(데`이.트:때!문)에. %파.일( (날(림! 프갤러(180.229) 05.28 8 0
2702922 반%도*체; `발`전(시)킬!필*요%없)음; )a`r%m* `쓰`면% ( 프갤러(121.145) 05.28 7 0
2702921 쓰:레!기( .입;니(다) 프갤러(218.152) 05.28 8 0
2702920 반!도!체% )발(전!시;킬:필%요;없:음! )a)r`m: `쓰%면) ! 프갤러(131.147) 05.28 9 0
2702919 반(도*체; .발%전:시.킬!필)요%없*음* )a:r*m` !쓰(면` * 프갤러(180.229) 05.28 9 0
2702918 a*r;m* `가`로.막%는% (윈(도*우`는! )쓰;레)기. 프갤러(121.145) 05.28 8 0
2702917 윈`도(우. (ㅅ`ㅂ) (업!데:이.트(때%문:에. )파!일; %날*림. 프갤러(218.152) 05.28 8 0
2702916 윈`도`우) )쓰*는! .틀; )개!발.자%들!은! %뭐*냐. 프갤러(131.147) 05.28 8 0
2702915 윈!도%우% )쓰%는* (틀. .개(발*자`들.은. %뭐!냐! 프갤러(180.229) 05.28 9 0
2702914 윈)도(우* %쓰;면: %안.됨` 프갤러(121.145) 05.28 8 0
2702913 반)도(체% :발%전%시;킬;필!요!없!음: ;a.r)m) (쓰;면% ` 프갤러(218.152) 05.28 9 0
2702912 하) )맥.에%서` `잘*돌:아%가)는.데: !윈.도)우:에*서! ;안` 프갤러(131.147) 05.28 9 0
2702911 윈:도`우% *ㅅ;ㅂ; *업:데%이:트(때(문:에! :파(일` *날*림. 프갤러(180.229) 05.28 8 0
2702910 윈`도)우* %쓰!면. (안%됨* 프갤러(121.145) 05.28 10 0
2702909 윈%도)우! .ㅅ(ㅂ` !업!데`이)트:때(문;에% (파.일% %날*림` 프갤러(218.152) 05.28 11 0
2702908 윈`도*우) )ㅅ%ㅂ% ;업:데.이.트.때;문!에% *파;일` )날`림% 프갤러(131.147) 05.28 8 0
2702907 윈;도*우; .ㅅ*ㅂ) :업)데.이!트`때.문%에` %파;일` .날!림% 프갤러(180.229) 05.28 9 0
2702906 하` :맥*에.서( (잘*돌;아*가(는:데. )윈.도%우`에`서! ;안) 프갤러(121.145) 05.28 9 0
2702905 윈:도!우% %쓰!는) (틀) .개!발)자;들!은: :뭐(냐( 프갤러(218.152) 05.28 10 0
2702904 윈!도)우) (쓰`는( !틀. *개*발(자)들;은` !뭐%냐% 프갤러(180.229) 05.28 9 0
2702903 쓰.레*기! `입;니:다( 프갤러(121.145) 05.28 11 0
2702902 윈)도;우. .ㅅ*ㅂ* .업)데`이)트!때.문)에: )파(일) )날)림) 프갤러(218.152) 05.28 9 0
2702901 윈:도(우; *쓰:는; !틀. .개*발;자(들)은( `뭐;냐* 프갤러(180.229) 05.28 9 0
2702900 윈)도%우) *쓰!면: !안!됨* 프갤러(121.145) 05.28 10 0
2702899 반*도;체` %발.전(시`킬`필`요(없%음! )a.r:m. `쓰%면: ! 프갤러(218.152) 05.28 10 0
갤러리 내부 검색
제목+내용게시물 정렬 옵션

오른쪽 컨텐츠 영역

실시간 베스트

1/8

뉴스

디시미디어

디시이슈

1/2