![]()
Slither.io 클론 게임 패치노트 v0.3새로운 기능 및 개선사항먹이 시스템 개선맵에 존재하는 먹이의 개수를 50개에서 200개로 대폭 증가더 풍부한 게임 경험과 빠른 성장 기회 제공미니맵 추가화면 우측 하단에 미니맵 구현플레이어, 다른 플레이어, 먹이의 위치를 한눈에 파악 가능맵 경계 구현플레이어가 정의된 맵 영역을 벗어나지 못하도록 제한시각적 개선캔버스 크기를 브라우저 창 크기에 맞게 조정플레이어 뱀의 머리와 꼬리 크기 차이 개선코드 변경 사항서버 측 변경 (server.js)// 초기 먹이 생성 개수 증가for (let i = 0; i { if (food.length 클라이언트 측 변경 (game.js)// 전역 변수에 맵 크기 추가const MAP_SIZE = 2000;// 미니맵 그리기..
![]()
Slither.io 클론 게임 패치노트 v0.2새로운 기능 및 변경사항1. 서버 구현 (server.js)const express = require('express');const http = require('http');const path = require('path');const { Server } = require("socket.io");const app = express();const server = http.createServer(app);const io = new Server(server);// ... (서버 코드)const port = process.env.PORT || 3000;server.listen(port, () => { console.log(`Server running on port..
![]()
냅다 개발부터 시작.프로젝트 구조 설정:먼저, 프로젝트 폴더를 만들고 필요한 파일들을 생성.mkdir slither-clonecd slither-clonemkdir client servertouch client/index.html client/style.css client/game.js server/server.jsHTML 구조 생성:client/index.html 파일에 기본 HTML 구조를 작성. 기본 CSS 스타일:client/style.css 파일에 간단한 스타일을 추가.body { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100v..
slither.io 같은 게임이 만들고 싶어졌다. 취준 하던 시절에 종종 하곤 했는데, 그때는 끊김이 많이 발생했어서 하기 불편했다. 내가 만들면 다를까 싶어서 기획 시작해본다.게임 기획: slither.io 클론1. 게임 컨셉플레이어가 뱀 모양 캐릭터를 조종한다.다른 플레이어와 경쟁하며 성장하는 멀티플레이어 게임이다.2. 게임 메커니즘마우스나 키보드로 뱀을 조종한다.작은 발광 구슬을 먹어 크기를 키운다.다른 플레이어를 둘러싸거나 경로를 차단하여 제거할 수 있다.다른 뱀의 몸에 부딪히면 게임 오버된다.3. 게임 요소플레이어 캐릭터 (뱀)먹이 (발광 구슬)게임 맵 (무한 평면)점수 시스템리더보드4. 게임 목표최대한 크게 성장하고 오래 생존한다.리더보드 상위권에 진입한다.5. 시각적 스타일간단하고 깔끔한 2..
