製作在線遊戲
遊戲
以下是視頻遊戲程序的列表。每個遊戲條目鏈接到在線編輯器，以製作和測試程序代碼的更改。
簡單的蛇
經典蛇遊戲的簡單實現。您可以使用箭頭鍵和WASD鍵控制蛇。
- 程序代碼：./games-program-codes/simple-snake
- 在線編輯器：https：//elm-editor.com/?workspace-state=https%3A%2F%2F%2f%2f%2Fgithub.com2fonlinegamemaker%2fmaking-online-online-games%2ftree%2ftree%2ftree%2ftree%2fmain%2fgmain%2fgames-program-codes;
陽光大地 - WebGL遊樂場平台遊戲
- Andrea Peltrin的主要存儲庫：https：//github.com/passiomatic/sunny-land
- 在線編輯： https://elm-editor.com/?workspace-state=https%3A%2F%2f%2fgithub.com%2fviir%2fsunny-land% 2FTREE％2FD7660F6EDF099D8D525587224582F235E0F6A4E％2F＆file-path-to-open = src％2fmain.elm
遊戲模板
該項目是視頻遊戲的模板。它帶有一個框架，用於渲染HTML（Web瀏覽器）和從鍵盤或鼠標處理輸入。您可以將其用作TIC-TAC-TOE，SNAKE，TETRIS，BEAKUTS或SUPER MARIO等平台遊戲等遊戲的起點。
- 程序代碼：./games-program-codes/game-template
- 在線編輯器：https：//elm-editor.com/?workspace-state=https%3A%2F%2F%2f%2FGITHUB.COM%2FONLINEGAMEMAKER%2FMAKIND-ONLINE-ONLINE-GAME--ONLINE gAMES%2FTREE；
技術演示
播放音頻文件
從ELM更新功能播放音頻文件而不使用端口：
- 程序代碼：./implement/demo/play-audio-file
- 在線編輯器：https：//elm-editor.com/?workspace-state=https%3A%2F%2F%2F%2F%2Fgithub.com2fonlinegamemaker%2fmaking-online-online-mokaking-online-games%2ftree%2ftree%2ftree%2fmain%2fmain%2fmain％
webgl旋轉立方體
該演示使用WebGL功能渲染旋轉立方體。
- 程序代碼：./implement/demo/webgl-rotating-cube
- 在線編輯： https://elm-editor.com/?workSpace-State=https%3A%2F%2f%2fgithub.com%2fonlinegamemaker%2fmaking-online-online-games games%2ftree%2F FD35D23D89A50014097E64D362F1A991A8AF206F％2fimplement％2fdemo％2fwebgl-Rottating-Rotating Cube＆file-path to-open to-open = src％2fmain.elm.elm
ELM-3D-Playground探索
- 程序代碼：https：//github.com/erkal/elm-3d-playground-ecploration/tree/022ae72a427ecbf8c9b7bbb0e4bb0e4c608c5d195c2546
- 在線編輯器：https：//elm-editor.com/?workspace-state=https%3A%2F%2f%2F%2FGITHUB.COM%2FERKAL%2FELM-3D-PLAYGORT--eCPLOTORM-ECPLOTORM-ECPLOTARIOM%2FTREE；
基本榆樹
以下示例不是遊戲，而是學習榆樹的基礎知識。
計數按鈕
- 程序代碼：https：//github.com/onlinegamemaker/making-online-games/tree/b1c8a121e1df6e7e66a42f70de3de3de3de3de8be683f3501/implement/implement/demo/counter-counter/counter-buttons-counter-buttons
- 在線編輯： https://elm-editor.com/?workSpace-State=https%3A%2F%2F%2F%2FGITHUB.COM%2FONLINEGAMEMAKER%2FMAKING-ONLINE-GAMESGAMES%2FTREE%2FTREE；
模擬時鐘
- 程序代碼：https：//github.com/onlinegamemaker/making-online-games/tree/b1c8a121e1df6e7e66a42f70de3de3de3de3de8be683f3501/implement/implement/demo/clock-svg
- 在線編輯器：https：//elm-editor.com/?workspace-state=https%3A%2F%2F%2F%2F%2FGITHUB.COM2FONLINEGAMEMAKER%2FMAKINE-ONLINE-ONLINE-GAMES%2FTREE；
