온라인 게임 만들기
계략
다음은 비디오 게임 프로그램 목록입니다. 각 게임 항목은 온라인 편집자로 연결하여 프로그램 코드를 변경하고 테스트합니다.
간단한 뱀

클래식 뱀 게임의 간단한 구현. 화살표 키와 Wasd 키를 사용하여 뱀을 제어 할 수 있습니다.
- 프로그램 코드 : ./games-program-codes/simple-snake
- 온라인 편집자 : https://elm-editor.com/?workspace-state=https%3a%2f%2fgithub.com%2fonlinegamemaker%2fmaking-online-games%2ftre%2fmain%2fgames-program-codes%2fsimple-smake-path-pathe-path-path-path-to-open=srcongrc.elm
Sunny Land - Webgl Playground 플랫 포머

- Andrea Peltrin의 주요 저장소 : https://github.com/passiomatic/sunny-land
- 온라인 편집자 : https://elm-editor.com/?workspace-state=https%3a%2f%2fgithub.com%2fviir%2fsunny-land% 2FTREE%2FD7660F6E6EDF099D8D8D52587224582F235E0F6A4E%2F & 파일-폴라--오펜 = SRC%2FMAIN.ELM
게임 템플릿

이 프로젝트는 비디오 게임 템플릿입니다. HTML (웹 브라우저)로 렌더링하고 키보드 또는 마우스의 처리 입력을위한 프레임 워크가 제공됩니다. Tic-Tac-Toe, Snake, Tetris, Breakout 또는 Super Mario와 같은 플랫 포머와 같은 게임의 출발점으로 사용할 수 있습니다.
- 프로그램 코드 : ./games-program-codes/game-template
- 온라인 편집자 : https://elm-editor.com/?workspace-state=https%3a%2f%2fgithub.com%2fonlinegamemaker%2fmaking-online-games%2ftreal%2fmain%2fgames-program-codes%2fgame-template&file-path-to-open=src rcan.2fmain.lem
기술 데모
오디오 파일을 재생하십시오
포트를 사용하지 않고 Elm 업데이트 기능에서 오디오 파일을 재생합니다.
- 프로그램 코드 : ./implement/demo/play-audio-file
- 온라인 편집자 : https://elm-editor.com/?workspace-state=https%3a%2f%2fgithub.com%2fonlinegamemaker%2fmaking-online-games%2ftreal%2fmain%2fimplement%2fdemo%2fplay-audio-file/fath-path-path-path-patho-open=srcman.elm
Webgl 회전 큐브
이 데모는 WebGL 기능을 사용하여 회전 큐브를 렌더링합니다.
- 프로그램 코드 : ./implement/demo/webgl-rotating-cube
- 온라인 편집자 : https://elm-editor.com/?workspace-state=https%3a%2f%2fgithub.com%2fonlinegamemaker%2fmaking-online-games%2ftree%2f FD35D23D89A50014097E64D362F1A991A8AF206F%2FIMPLEMENT%2FDEMO%2FWEBGL- 회전식 큐브 및 파일-폴라-오펜 = SRC%2FMAIN.ELM
ELM-3D-PLAYGROURE-NEXPLARION
- 프로그램 코드 : https://github.com/erkal/elm-3d-playground-exploration/022ae72a427ecbf8c9b7bb0e4c60c5d195c2546
- 온라인 편집자 : https://elm-editor.com/?workspace-state=https%3a%2f%2fgithub.com%2ferkal%2Felm-3D- 플레이 그라운드 -exploration%2Ftree%2F02A72A427ECBF8C9B7BBBB0E4C608C5D195C2546%2
기본 엘름
다음 예제는 게임이 아니지만 Elm의 기본 사항을 배우는 데 유용합니다.
카운터 버튼
- 프로그램 코드 : https://github.com/onlinegamemaker/making-online-games/b1c8a121e1df6e7e66a42f70de3de8be683f3501/implement/demo/counter-buttons
- 온라인 편집자 : https://elm-editor.com/?workspace-state=https%3a%2f%2fgithub.com%2fonlinegamemaker%2fmaking-online-games%2ftre%2fmain%2fimplement%2fdemo%2fcounter-buttons&file-path-to-open=src%2fcounter buttonscrancent
아날로그 시계
- 프로그램 코드 : https://github.com/onlinegamemaker/making-online-games/tree/b1c8a121e1df6e7e66a42f70de3de8be683f3501/implement/demo/clock-svg
- 온라인 편집자 : https://elm-editor.com/?workspace-state=https%3a%2f%2fgithub.com%2fonlinegamemaker%2fmaking-online-games%2ftre%2fmain%2fimplement%2fdemo%2fclock-svg&file-path-path-path-path-to-open=src ren.2fmain.pmain.2fmain