반응형

Side Project#/Snake Game 3

웹 서버 올리기

웹 서버 올리기 게임을 잘 만들었으니 이제 서버에 올려보자.docker로 간단하게 환경을 구성해주기로 했는데, ubuntu에서 apache랑 php 등등을 설치해본적이 없어서 그냥 간단하게 build하고 내부로 attach해서 하나씩 설치해나가기로 했다. 먼저 Dockerfile을 만든 뒤, build한다.$ cat Dockerfile FROM ubuntu:latest RUN apt update RUN useradd -mU web1 WORKDIR /home/web1 ​ $ sudo docker build --tag snake:latest . ...잘 빌드해서 이미지를 생성했다면 이제 container를 생성시켜서 돌린다. 서버의 12361 포트와 연결시켜줄 예정이다.sudo docker run -it -..

Creating Snake Game 2 (in javascript)

Creating Snake Game 2 (in javascript) php랑 mysql을 공부하니 이전에 만들었던 snake game에 rank 시스템을 추가할 수 있을 것 같아, 한 번 만들어보기로 했다. 완성 모습 몇몇 부분이 바뀌었고 새로 추가된 부분도 있다.game.js우선, 게임이 끝나서 점수를 산출해야 하므로, 기존에 끝에 닿으면 다시 처음으로 돌아오는 코드를 없애고 게임이 끝나도록 했으며, 결과 화면을 표시해주는 코드를 추가했다.game() // calculate snake's head location snakeHeadX = snakeBody[snakeLength - 1].x + directionX; snakeHeadY = snakeBody[snakeLength - 1].y + directi..

Creating Snake Game (in javascript)

Creating Snake Game (in javascript) 유튜브 뒤적거리다가 Snake Game Challenge?로 snake game을 몇 분만에 뚝딱뚝딱 코딩하는 영상을 보게 됐다. 코드 길이도 별로 안길고 생각보다 할만할 것 같아서, 웹 프로그래밍 연습 겸 나름대로 한 번 만들어봤다. 근데 아무리해도 나는 몇 분만에는 못 만들겠음... 완성 모습https://ch4rli3kop.github.io/Snake_game/snake.html 에서 즐길 수 있다. firefox에서는 게임 화면을 클릭해야 방향키가 먹힌다. 크롬에선 바로 잘됨. snake.html Snake Game The Snake Game! This browser doesn't support canvas, so connect th..

반응형