html5 게임 소스 목록

html5 게임 소스 목록

HTML5 게임 소스는 웹 기술의 발전과 함께 누구나 쉽게 접근할 수 있는 게임 개발의 중요한 자원입니다. 

 

HTML5, CSS, JavaScript를 활용하여 별도의 설치 없이 브라우저에서 바로 실행 가능한 게임을 만들 수 있어 교육용, 취미용, 상업용 등 다양한 목적으로 활용되고 있습니다. 

 

공개된 HTML5 게임 소스는 학습 자료로도 훌륭하며, 기존 게임을 분석하거나 수정하여 자신만의 게임을 제작하는 데 큰 도움이 됩니다. 

 

 

특히 최신 오픈소스 게임 소스는 다양한 장르와 난이도로 구성되어 개발자와 디자이너 모두에게 실질적인 경험을 제공합니다.

 

인기 있는 HTML5 게임 소스와 프로젝트를 소개하고, 각 소스의 특징과 활용 방법을 상세히 다루겠습니다.

 

게임 소스 사이트들

HTML5 게임 소스는 웹 기반 게임 개발에 입문하거나 실력을 향상시키고자 하는 분들에게 매우 유용한 자료입니다. 

 

phaser 프레임워크 등을 활용한 html5 게임 소스 예제와 데모사이트가 있습니다. 간단한 게임이라도 기본적인 게임 구조등을 파악할 수 있어서 도움이 됩니다.

html5-game

https://github.com/topics/html5-game

GitHub · Build and ship software on a single, collaborative platform

 

TomMalbran : 기본 벽돌깨기

https://github.com/TomMalbran/games

GitHub - TomMalbran/games: A collection of HTML5 Game

 

awesome open source games

https://github.com/michelpereira/awesome-open-source-games

GitHub - michelpereira/awesome-open-source-games: Collection of Games that have the source code available on GitHub

 

HexGL : 레이싱
https://github.com/BKcore/HexGL

GitHub - BKcore/HexGL: Source code of HexGL, a futuristic HTML5 racing game

 

BrowserQuest

https://github.com/mozilla/BrowserQuest

GitHub - mozilla/BrowserQuest: DEPRECATED - A HTML5/JavaScript multiplayer game experiment

 

PacMan

https://github.com/daleharvey/pacman

GitHub - daleharvey/pacman: HTML5 Pacman

 

디펜스 게임류

https://github.com/frandyjayr/Tower-Defense-Game

GitHub - frandyjayr/Tower-Defense-Game: Tower Defense Game created via HTML5, JavaScript, and MelonJS

 

 

https://github.com/RednasN/Tower-Defense

GitHub - RednasN/Tower-Defense: A classic Tower Defense game build which runs in your browser

 

https://github.com/Casmo/tower-defense

GitHub - Casmo/tower-defense: 3D Tower Defense build with Three.js in HTML5!

 

https://github.com/jesseakt/PixelDefense

GitHub - jesseakt/PixelDefense: HTML5 Tower Defense game

 

HTML5 횡스크롤 RUNNER 게임

https://github.com/straker/endless-runner-html5-game

GitHub - straker/endless-runner-html5-game: An Endless Runner Style HTML5 Canvas Game. Hosts all the files for the two part tuto

 

 

https://github.com/RNtaate/Endless-Runner

GitHub - RNtaate/Endless-Runner: In this project, I built an endless-runner platform game using the Phaser 3 library. It is a si

 

 

https://github.com/pbarnabic/EndlessRunnerGame

GitHub - pbarnabic/EndlessRunnerGame: An endless runner game with an objective similar to that of Cube Runner.

 

게임 개발 프레임 워크 

게임 개발을 할 때 이미 많이 알려진 프레임 워크를 사용을 하면 관련 커뮤니티 등이나 예제들이 많이 있어서 개발하는데 수월합니다.

 

 

https://phaser.io/

Phaser - A fast, fun and free open source HTML5 game framework

Slither.io-clone

 

인기 많았던 잡아먹고 커지는 지렁이 게임 입니다.

 

https://github.com/knagaitsev/slither.io-clone

GitHub - knagaitsev/slither.io-clone: Learn how to make Slither.io with JavaScript and Phaser! This game clones all the core fea

 

 

 

다양한 오픈소스 프로젝트를 참고하고 직접 활용해보면, 게임 제작의 전반적인 흐름과 기술을 효과적으로 익힐 수 있습니다. 

앞으로도 꾸준히 새로운 소스와 기술을 탐색하며 자신만의 창의적인 게임을 만들어 나가시길 바랍니다. 이 글이 여러분의 개발 여정에 도움이 되길 바랍니다.