HTML → Godot → GDScript
HTML 개발자를 위한 Godot & GDScript 학습 도구
이 페이지는 HTML, CSS, JavaScript를 알고 있는 사용자가 Godot Engine과 GDScript를 쉽게 이해할 수 있도록 돕습니다. 익숙한 웹 개발 개념과 비교하면서 Scene, Node, Signal, Script, UI, 입력 처리, 캐릭터 이동 같은 게임 개발 핵심 개념을 배울 수 있습니다.
누구를 위한 페이지인가?
HTML, CSS, JavaScript를 공부한 웹 개발자, 워드프레스 사용자, 프로그래밍 입문자, Godot를 처음 접하는 사람을 위한 학습 페이지입니다.
무엇을 배울 수 있나요?
Scene, Node, Script, Signal, UI, 입력 처리, 캐릭터 이동, 저장 시스템 등 실제 게임 개발에 필요한 핵심 개념을 배울 수 있습니다.
왜 쉽게 이해되나요?
Godot를 완전히 새로운 언어처럼 배우지 않고 HTML과 비교하기 때문에 Scene Tree와 Node 구조를 빠르게 이해할 수 있습니다.
핵심 비교 예시
HTML div = Godot Node DOM Tree = Scene Tree JS Event = Signal
☁ 프로그램 사용 방법
- 1 궁금한 Godot 또는 GDScript 주제를 선택합니다.
- 2 HTML과 비교된 설명을 읽으며 Godot 개념을 이해합니다.
- 3 제공되는 GDScript 예제를 확인하고 HTML 또는 JavaScript 예제와 비교합니다.
- 4 Godot 에디터에서 동일한 노드 구조를 직접 생성합니다.
- 5 GDScript 코드를 복사하여 실행하고 결과를 확인합니다.
- 6 여러 주제를 반복 학습하면서 실제 게임 개발 감각을 익힙니다.
▣ HTML과 Godot 개념 비교표
| HTML / 웹 개발 | Godot | 설명 |
|---|---|---|
| div | Node | 게임 오브젝트의 기본 단위 |
| body | Scene | 전체 화면 또는 하나의 게임 구성 |
| DOM Tree | Scene Tree | 객체들의 계층 구조 |
| CSS | Theme / Inspector | 외형과 스타일 설정 |
| JavaScript | GDScript | 동작을 제어하는 스크립트 |
| Event Listener | Signal | 특정 이벤트 발생 시 실행 |