디시인사이드 갤러리

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

갤러리 본문 영역

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

프갤러(121.172) 2024.05.13 14:38:32
조회 71 추천 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 - -
2702647 반)도.체! (발`전`시.킬*필*요:없.음; !a(r.m( !쓰;면) . 프갤러(58.232) 05.27 6 0
2702646 이새끼 게시물 올리면 발작버튼인가 ㅇㅇ(223.38) 05.27 14 0
2702645 반(도!체; ;발;전*시(킬*필:요(없%음! (a;r%m` :쓰*면` * 프갤러(175.208) 05.27 6 0
2702644 하( .맥%에`서; (잘%돌:아(가%는(데* :윈;도`우)에%서; `안% 프갤러(221.159) 05.27 6 0
2702643 윈(도%우*쓰%지)마`세%요% 프갤러(175.118) 05.27 5 0
2702642 윈!도;우. ;쓰)는; %틀; ;개)발(자(들:은( .뭐;냐. 프갤러(1.232) 05.27 8 0
2702641 a%r`m; .가:로.막*는) *윈%도(우.는% ;쓰(레`기! 프갤러(58.232) 05.27 6 0
2702640 a(r`m; *가:로*막`는) %윈.도:우.는( :쓰!레%기` 프갤러(175.208) 05.27 5 0
2702639 윈.도*우( *ㅅ.ㅂ: )업;데.이)트*때!문`에! )파%일; `날`림: 프갤러(221.159) 05.27 6 0
2702638 윈:도`우) ;쓰;는. :틀. (개*발%자!들.은( %뭐%냐` 프갤러(175.118) 05.27 7 0
2702637 a(r.m* %가(로!막.는. ;윈)도:우.는. )쓰)레.기! 프갤러(1.232) 05.27 7 0
2702636 윈!도`우; *ㅅ!ㅂ( ;업`데)이*트.때.문;에. ;파;일; ;날:림% 프갤러(58.232) 05.27 5 0
2702635 윈`도)우` .쓰;면` ;안(됨! 프갤러(175.208) 05.27 6 0
2702634 a%r*m` !가*로(막.는* :윈:도:우:는* !쓰)레;기. 프갤러(221.159) 05.27 6 0
2702633 윈!도%우: `쓰!면` :안)됨) 프갤러(1.232) 05.27 6 0
2702632 하! *맥)에!서) %잘;돌.아;가%는;데; :윈%도:우`에`서: !안. 프갤러(175.118) 05.27 7 0
2702631 윈!도(우) `ㅅ%ㅂ* )업%데*이.트`때;문;에` %파;일) .날`림; 프갤러(58.232) 05.27 6 0
2702630 a!r*m) !가)로.막!는` %윈;도!우(는% ;쓰*레%기; 프갤러(221.159) 05.27 4 0
2702629 윈(도`우!쓰%지*마!세*요% 프갤러(175.208) 05.27 5 0
2702628 반%도!체) )발`전)시*킬(필%요!없.음* ;a(r)m` :쓰.면` * 프갤러(175.118) 05.27 6 0
2702627 하! `맥.에;서% ;잘(돌%아!가!는%데. ;윈(도!우;에!서: ;안% 프갤러(1.232) 05.27 5 0
2702626 윈*도)우)쓰(지`마%세*요* 프갤러(58.232) 05.27 4 0
2702625 윈(도)우* :쓰%면% (안:됨; 프갤러(175.208) 05.27 5 0
2702624 윈*도.우( ;ㅅ(ㅂ: ;업;데(이`트)때%문%에: !파(일% ;날;림( 프갤러(221.159) 05.27 5 0
2702623 a`r)m; .가%로`막(는* ;윈)도.우`는: !쓰`레)기% 프갤러(175.118) 05.27 5 0
2702622 a%r`m! `가)로:막!는( `윈.도!우%는! .쓰)레;기! 프갤러(1.232) 05.27 5 0
2702621 하* .맥(에.서) .잘;돌%아:가)는.데( .윈!도`우.에!서) (안( 프갤러(175.208) 05.27 5 0
2702620 매크로야 okky넘어가서도 매크로 돌릴수 있음?? ㅇㅇ(223.38) 05.27 8 0
2702619 윈`도!우: %쓰!는% `틀* (개!발`자`들(은* !뭐!냐) 프갤러(221.159) 05.27 5 0
2702618 쓰;레`기. ;입!니(다: 프갤러(1.232) 05.27 6 0
2702617 반:도(체* .발;전*시!킬(필;요(없.음( `a.r*m; `쓰(면) ) 프갤러(175.118) 05.27 5 0
2702616 하` :맥.에%서! :잘%돌%아*가(는*데: .윈%도!우%에)서( (안` 프갤러(221.159) 05.27 5 0
2702615 반`도;체! (발%전)시;킬.필*요`없:음: ;a`r`m% :쓰:면; * 프갤러(175.208) 05.27 5 0
2702614 a.r;m. )가(로(막:는) %윈)도!우*는* *쓰(레`기: 프갤러(175.118) 05.27 5 0
2702613 윈!도`우% :쓰!는! )틀` )개(발%자%들)은* *뭐;냐` 프갤러(1.232) 05.27 5 0
2702612 윈!도`우. )쓰(면: ;안:됨* 프갤러(221.159) 05.27 6 0
2702611 쓰*레:기* .입(니.다. 프갤러(175.208) 05.27 5 0
2702610 윈!도!우! !쓰(는( :틀: ;개(발%자.들:은; :뭐;냐* 프갤러(175.118) 05.27 5 0
2702609 윈*도`우;쓰%지)마)세:요` 프갤러(1.232) 05.27 5 0
2702608 —————————————절취선——————————- ㅇㅇ(223.38) 05.27 9 0
2702607 윈!도(우; `쓰;는` :틀` `개.발`자:들.은( :뭐%냐* 프갤러(221.159) 05.27 5 0
2702606 하( *맥)에.서( (잘:돌)아;가`는*데( (윈:도*우;에!서. ;안; 프갤러(175.208) 05.27 5 0
2702605 윈*도;우; (쓰%는: *틀! !개(발`자(들*은. `뭐`냐) 프갤러(175.118) 05.27 5 0
2702604 윈!도;우* ;ㅅ;ㅂ% :업(데:이:트.때)문.에( `파(일` !날:림; 프갤러(1.232) 05.27 4 0
2702603 윈)도;우;쓰)지*마)세%요% 프갤러(221.159) 05.27 5 0
2702602 하; )맥*에`서. (잘%돌!아(가:는:데; !윈)도*우.에(서: %안* 프갤러(175.208) 05.27 6 0
2702601 쓰%레:기! )입)니%다( 프갤러(175.118) 05.27 5 0
2702600 윈`도`우! `ㅅ`ㅂ* `업`데;이(트!때*문!에; ;파(일; %날*림: 프갤러(1.232) 05.27 5 0
2702599 a!r!m) .가;로;막;는) ;윈)도)우)는) (쓰*레%기! 프갤러(175.208) 05.27 4 0
2702598 윈)도)우* )ㅅ(ㅂ. %업.데)이;트%때.문.에% *파.일` `날(림) 프갤러(221.159) 05.27 6 0
갤러리 내부 검색
제목+내용게시물 정렬 옵션

오른쪽 컨텐츠 영역

실시간 베스트

1/8

뉴스

디시미디어

디시이슈

1/2