Develog
로그인

Unity WebGL로 구글 크롬 공룡 게임 만들어보기

디에이치
디에이치
∙2026년 7월 21일∙조회 28
WebGL크롬 공룡런게임Unity
Unity WebGL로 구글 크롬 공룡 게임 만들어보기
본문 로딩 중...
3
디에이치

어디를 가고 싶든, 우리가 함께라면 어디든 갈 수 있어

댓글 2

https://rocket-launcher.kiweb.or.kr/play/N8QRItCUHEY

 

안녕하세요.

게임을 공부하다 보면 한 번쯤은 만들어보고 싶은 프로젝트가 있습니다. 바로 인터넷 연결이 없을 때 크롬 브라우저에서 즐길 수 있는 런게임입니다.

단순한 조작과 쉬운 규칙을 가지고 있지만, 게임 개발에서는 캐릭터 이동, 점프, 충돌 판정, 장애물 생성, 무한 스크롤, 점수 시스템 등 다양한 핵심 기능을 경험할 수 있는 좋은 예제이기도 합니다.

이번에는 이 게임을 Unity WebGL 환경에서 새롭게 제작해 보았습니다.


공룡 대신 새로운 캐릭터

이번 프로젝트에서는 기존 공룡 대신 디벨로켓의 로키 캐릭터를 적용했습니다.

캐릭터가 자연스럽게 달리고 점프할 수 있도록 애니메이션을 구성하고, 장애물 역시 우주 콘셉트에 맞춰 새롭게 제작할 예정입니다.

단순히 이미지를 교체하는 것이 아니라, 게임의 분위기까지 새롭게 구성하는 것이 목표입니다.


Unity에서 배우는 게임 개발의 핵심

런게임은 구조가 단순해 보이지만 실제로는 게임 개발의 핵심 요소가 대부분 들어갑니다.

  • 캐릭터 이동
  • 점프 및 물리 처리
  • 장애물 랜덤 생성
  • 충돌 판정
  • 무한 배경 스크롤
  • 점수 시스템
  • 난이도 증가
  • UI 구성
  • WebGL 빌드

이러한 기능들은 Unity를 처음 배우는 분들도 프로젝트를 진행하며 자연스럽게 익힐 수 있는 내용들입니다.


WebGL로 어디서나 플레이

이번 프로젝트는 WebGL로 제작하여 별도의 설치 없이 웹브라우저에서 바로 실행할 수 있도록 개발하고 있습니다.

완성 후에는 PC뿐 아니라 모바일 브라우저에서도 간편하게 플레이할 수 있도록 최적화할 예정입니다.


게임을 만드는 경험이 경쟁력이 됩니다

게임 개발은 단순히 코드를 작성하는 것을 넘어, 하나의 서비스를 완성하는 과정입니다.

직접 캐릭터를 움직이고, 게임 시스템을 설계하고, WebGL로 배포하는 경험은 포트폴리오에서도 큰 강점이 됩니다.

이러한 경험은 실제 게임 개발 직무를 준비하는 과정에서도 많은 도움이 됩니다.


디벨로켓에서는

디벨로켓은 단순히 문법을 배우는 교육이 아니라, 실제 게임을 직접 만들어보는 프로젝트 중심 교육을 지향합니다.

Unity를 활용한 2D·3D 게임 제작부터 AI를 활용한 개발, 포트폴리오 제작, 팀 프로젝트까지 실무와 가까운 환경에서 다양한 경험을 쌓을 수 있도록 커리큘럼을 운영하고 있습니다.

프로젝트를 하나씩 완성해 나가는 과정이 결국 취업 경쟁력을 만드는 가장 확실한 방법이라고 생각합니다.

 

게임 개발이 궁금하거나 Unity를 배우고 있다면, 앞으로의 제작기도 함께 지켜봐 주세요.

새 글이 올라오면 Develog 알림으로 알려드려요

댓글 2

댓글을 작성하려면 로그인이 필요합니다.

곽인구
곽인구2026년 7월 21일

너무 재미있는거 만드셨는데요..?ㅠㅠ

디에이치
디에이치2026년 7월 21일

헉.. 부끄럽습니다... 좋게 봐주셔서 감사합니다 :)

관련 글

[Unity] 제네릭의 컴파일

[Unity] 제네릭의 컴파일

ㅇㅇ

10월 7일42
[Unity] 제네릭과 가변성(variance)

[Unity] 제네릭과 가변성(variance)

제네릭과 가변성

10월 6일821
[Unity] IEnumerator 개요

[Unity] IEnumerator 개요

코루틴에이저포에버

10월 6일4
[Unity] 제네릭의 컴파일
Unity

NEW[Unity] 제네릭의 컴파일

ㅇㅇ

KYO
KYO
420
KYO
KYO
∙10월 7일
420
[Unity] 제네릭과 가변성(variance)
Unity

[Unity] 제네릭과 가변성(variance)

제네릭과 가변성

KYO
KYO
821
KYO
KYO
∙10월 6일
821
[Unity] IEnumerator 개요
Unity

[Unity] IEnumerator 개요

코루틴에이저포에버

KYO
KYO
400
KYO
KYO
∙10월 6일
400