Hacer juegos en línea
Juegos
El siguiente es una lista de programas de videojuegos. Cada entrada de juego vincula a un editor en línea para realizar y probar cambios en el código del programa.
Serpiente simple
Una simple implementación del clásico juego de serpientes. Puede controlar la serpiente con teclas de flecha y teclas WASD.
- Código de programa: ./games-program-codes/simple-snake
- Editor en línea: https://elm-editor.com/?workspace-state=https%3A%2F%2Fgithub.com%2FonlineGamEmaker%2Fmaking-online-Games%2Ftree%2FMain%2FGames-Codes%2FSimple-Snake&file-Path-Open=SRC%2FMain.elm
Sunny Land - Un juego de plataformas de juegos webgl
- Repositorio principal de Andrea Peltrin: https://github.com/passiomatic/sunny-land
- Editor en línea: https://elm-editor.com/?workspace-state=https%3A%2F%2Fgithub.com%2FVIIR%2FSUNNY-LAND%. 2ftree%2FD7660F6E6EDF099D8D52587224582F235E0F6A4E%2F & FILE-PATH-TO-OPEN = SRC%2FMAIN.ELM
Plantilla de juego
Este proyecto es una plantilla para los videojuegos. Viene con un marco para representar a HTML (navegadores web) y procesar entradas desde el teclado o el mouse. Puedes usar esto como punto de partida para juegos como Tic-Tac-Toe, Snake, Tetris, Breakout o Plattorers como Super Mario.
- Código de programa: ./games-program-codes/game-template
- Editor en línea: https://elm-editor.com/?workspace-state=https%3A%2F%2Fgithub.com%2FonlineGamEmaker%2Fmaking-online-Games%2Ftree%2FMain%2FGames-Codes%2Fgame-Teplate&file-Path-Path-Open=sRc%2FMain.elm
Demostraciones tecnológicas
Reproducir el archivo de audio
Reproducir un archivo de audio desde la función de actualización de Elm sin usar puertos:
- Código de programa: ./implement/demo/play-audio-file
- Editor en línea: https://elm-editor.com/?workspace-state=https%3A%2F%2Fgithub.com%2FonlinegamEmaker%2Fmaking-online-Games%2Ftree%2FMain%2Fimplement%2FDemo%2FPlay-Audio-File &file-Path-to-open=s%2fMain.elmmin.elm
Cubo giratorio de WebGL
Esta demostración utiliza funciones de WebGL para representar un cubo giratorio.
- Código de programa: ./implement/demo/webgl-rotating-cube
- Editor en línea: https://elm-editor.com/?workspace-state=https%3A%2F%2Fgithub.com%2FonlineGamemaker%2Fmaking-Online-Games%2Ftree%2F FD35D23D89A50014097E64D362F1A991A8AF206F%2Fimplement%2FDemO%2FWEBGL-ROTATING-CUBE & FILE-TO-OPEN = SRC%2FMAIN.ELM
ELM-3D-plagroground-exploración
- Código de programa: https://github.com/erkal/elm-3d-playground-exploration/tree/022ae72a427ecbf8c9b7bb0e4c608c5d195c2546
- Editor en línea: https://elm-editor.com/?workspace-state=https%3A%2F%2Fgithub.com%2Ferkal%2Felm-3d-playground-exploration%2Ftree%2F0222ae72a427ecbf8c9b7bb0e4c608c5d195c2546%2f%2fund
Olmo básico
Los siguientes ejemplos no son juegos, sino útiles para aprender los conceptos básicos de ELM.
Botones de mostrador
- Código de programa: https://github.com/onlinegamemaker/making-online-games/tree/b1c8a121e1df6e7e66a42f70de3de8be683f3501/implement/demo/counter-buttons
- Editor en línea: https://elm-editor.com/?workspace-state=https%3A%2F%2Fgithub.com%2Fonlinegamemaker%2Fmaking-online-Games%2Ftree%2FMain%2Fimplement%2FDemo%2FCounter-Buttons&file-Path-Open=src%2FCeNTERTERSEN
Reloj analógico
- Código de programa: https://github.com/onlinegamemaker/making-online-games/tree/b1c8a121e1df6e7e66a42f70de3de8be683f3501/implement/demo/clock-svg
- Editor en línea: https://elm-editor.com/?workspace-state=https%3A%2F%2Fgithub.com%2FonlineGamemaker%2Fmaking-online-Games%2Ftree%2FMain%2Fimplement%2FDemo%2FClock-Svg&file-Path-to-open=SRC%2FMain.elm
