制作在线游戏
游戏
以下是视频游戏程序的列表。每个游戏条目链接到在线编辑器，以制作和测试程序代码的更改。
简单的蛇
经典蛇游戏的简单实现。您可以使用箭头键和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
- Online editor: https://elm-editor.com/?workspace-state=https%3A%2F%2Fgithub.com%2Fonlinegamemaker%2Fmaking-online-games%2Ftree%2Fmain%2Fgames-program-codes%2Fgame-template&file-path-to-open=src%2FMain.elm
技术演示
播放音频文件
从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；
