Online -Spiele machen
Spiele
Im Folgenden finden Sie eine Liste von Videospielprogrammen. Jeder Spieleintrag verlinkt zu einem Online -Editor, um Änderungen am Programmcode vorzunehmen und zu testen.
Einfache Schlange

Eine einfache Implementierung des klassischen Schlangenspiels. Sie können die Schlange mit Pfeiltasten und WASD -Tasten steuern.
- Programmcode: ./Games-Program-codes/Simple-Snake
- Online-Editor: https://elm-editor.com/?workspace-state=https%3a%2f%2fgithub.com%2FonlineGamemaker%2FMaking-online%2Ftree%2Fmain%2Fgames-program-codes%2FMple-Snake&file&filepilepilepilepathe-pathe-pathe-pathe-patho-
Sunny Land - ein WebGL Playground -Plattformer

- Hauptrepository von Andrea Peltrin: https://github.com/passiomatic/sunny-land
- Online -Editor: https://elm-editor.com/?Workspace-state=https%3A%2F%2Fgithub.com%2FVIIR%2FSUNNY-land%% 2Ftree%2FD7660F6E6EDF099D8D52587224582F235E0F6A4E%2F & Datei-Path-zu-Open = Src%2FMain.elm
Spielvorlage

Dieses Projekt ist eine Vorlage für Videospiele. Es wird mit einem Framework zum Rendern von HTML (Webbrowsern) und zur Bearbeitung von Eingaben von der Tastatur oder der Maus geliefert. Sie können dies als Ausgangspunkt für Spiele wie Tic-Tac-Toe, Schlangen, Tetris, Breakout oder Plattformer wie Super Mario verwenden.
- Programmcode: ./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
Tech -Demos
Audiodatei abspielen
Spielen Sie eine Audiodatei aus der ELM -Update -Funktion ohne Verwendung von Ports:
- Programmcode: ./Implement/demo/play-audio-file
- Online-Editor: https://elm-editor.com/?workspace-state=https%3a%2f%2fgithub.com%2FonLineGamemaker%2FMaking-online-Games%2Ftree%2Fmain%2Fimplement%2FDemo%2FPlay-abpatio-file-file-file-file-file-file-file
Webgl rotierender Würfel
Diese Demo verwendet WebGL -Funktionen, um einen rotierenden Würfel zu rendern.
- Programmcode: ./Implement/demo/Webgl-Rotating-Cube
- Online -Editor: https://elm-editor.com/?workspace-state=https%3A%2F%2Fgithub.com%2FonLineGamemaker%2Fmaking-online--Games%2Ftree%2F FD35D23D89A50014097E64D362F1A991A8AF206F%2Fimplement%2FDEMO%2FWEBGL-Rotating-Cube & File-Path-Open = Src%2Fmain.elm
ELM-3D-Playground-Erkundung
- Programmcode: https://github.com/erkal/elm-3d-playground-exploration/tree/022ae72a427ecbf8c9b7bb0e4c608c5d195c2546
- Online-Editor: https://elm-editor.com/?workspace-state=https%3a%2f%2fgithub.com%2FERKAL%2FELM-3D-Playground-Exploration%2Ftree%2F022AE72A427ECBF8C9B7BB0E4C608C5D195481FS
Basis der Elm
Die folgenden Beispiele sind keine Spiele, sondern nützlich, um die Grundlagen von ELM zu lernen.
Gegenknöpfe
- Programmcode: https://github.com/onlinegamemaker/making-online-names/tree/b1c8a121e1df6e7e66a42f70de3de8be683f3501/implement/demo/counter-buttons
- Online -Editor: https://elm-editor.com/?workspace-state=https%3a%2f%2fgithub.com%2FonLineGamemaker%2Fmaking-- online-Games%2Ftree%2FMain%2Fimplement%2FDEMO%2FCOUNTONS&filepatonpatonpatonpatons-Patha-Patha-Patha-Patha-Patha-Patha-Patha-pat-to-pathe-pathe-pathe-path-patha-
Analoguhr
- Programmcode: https://github.com/onlinegamemaker/making-online-names/tree/b1c8a121e1df6e7e66a42f70de3de8be683f3501/implement/demo/clock-svg
- Online-Editor: https://elm-editor.com/?workspace-state=https%3a%2f%2fgithub.com%2FonLineGamemaker%2Fmaking-online-Games%2Ftree%2Fmain%2Fimplement%2FDEMO%2FcLOCK-SVGEGELMINGE