สร้างเกมออนไลน์
เกม
ต่อไปนี้เป็นรายการของโปรแกรมวิดีโอเกม การป้อนเกมแต่ละรายการลิงก์ไปยังตัวแก้ไขออนไลน์เพื่อทำการเปลี่ยนแปลงและทดสอบการเปลี่ยนแปลงรหัสโปรแกรม
งูง่ายๆ
การใช้งานเกมงูแบบคลาสสิกอย่างง่าย คุณสามารถควบคุมงูโดยใช้ปุ่มลูกศรและปุ่ม WASD
- รหัสโปรแกรม: ./games-program-codes/simple-snake
- ตัวแก้ไขออนไลน์: https://elm-editor.com/?workspace-state=https%3a%2F%2fgithub.com%2FonlineGamaker%2FMaking-online-Games%2Ftree%2Fmain%2Fgames-Program-Program-Codes%2Fsimple
Sunny Land - platformer สนามเด็กเล่น webgl
- พื้นที่เก็บข้อมูลหลักโดย Andrea Peltrin: https://github.com/passiomatic/sunny-land
- บรรณาธิการออนไลน์: https://elm-editor.com/?workspace-state=https%3a%2F%2fgithub.com%2fviir%2fsunny-land% 2ftree%2FD7660F6E6EDF099D8D52587224582F235E0F6A4E%2F & ไฟล์ -Path-to-Open = SRC%2FMAIN.ELM
เทมเพลตเกม
โครงการนี้เป็นเทมเพลตสำหรับวิดีโอเกม มันมาพร้อมกับกรอบสำหรับการแสดงผลเป็น HTML (เว็บเบราว์เซอร์) และการประมวลผลอินพุตจากแป้นพิมพ์หรือเมาส์ คุณสามารถใช้สิ่งนี้เป็นจุดเริ่มต้นสำหรับเกมเช่น tic-tac-toe, งู, tetris, breakout หรือ platformers เช่น Super Mario
- รหัสโปรแกรม: ./games-program-codes/game-template
- ตัวแก้ไขออนไลน์: https://elm-editor.com/?workspace-state=https%3a%2F%2fgithub.com%2FonlineGamaker%2FMaking-online-Games%2FTREE%2FMAIN%2FGAMES-Program-Program-Program-Program-Codes
การสาธิตเทคโนโลยี
เล่นไฟล์เสียง
เล่นไฟล์เสียงจากฟังก์ชั่นการอัปเดต ELM โดยไม่ต้องใช้พอร์ต:
- รหัสโปรแกรม: ./implement/demo/play-audio-file
- ตัวแก้ไขออนไลน์: https://elm-editor.com/?workspace-state=https%3a%2F%2fgithub.com%2FonlineGamaker%2FMaking-online-Games%2ftree%2FMain%2Fimplement%2FDEMO%2FPLAY
WebGl หมุนลูกบาศก์
การสาธิตนี้ใช้ฟังก์ชั่น WebGL เพื่อแสดงผลลูกบาศก์หมุน
- รหัสโปรแกรม: ./implement/demo/webgl-rotating-cube
- บรรณาธิการออนไลน์: https://elm-editor.com/?workspace-state=https%3a%2F%2fgithub.com%2FonlineGamaker%2FMaking-online-games%2FTree%2F FD35D23D89A50014097E64D362F1A991A8AF206F%2Fimplement%2FDEMO%2FWEBGL-ROTATING-CUBE & FILE-PATH-OPEN = SRC%2FMAIN.ELM
Elm-3d-playground-exploration
- รหัสโปรแกรม: https://github.com/erkal/elm-3d-playground-exploration/tree/022AE72A427ECBF8C9B7BB0E4C608C5D195C2546
- ตัวแก้ไขออนไลน์: https://elm-editor.com/?workspace-state=https%3a%2F%2fgithub.com%2ferkal%2Felm-3d-playground-exploration%2Ftree%2F022AE72A427ECBF8C9B7BB0E4C608C608C60222222222
Elm ขั้นพื้นฐาน
ตัวอย่างต่อไปนี้ไม่ใช่เกม แต่มีประโยชน์ในการเรียนรู้พื้นฐานของ Elm
ปุ่มเคาน์เตอร์
- รหัสโปรแกรม: https://github.com/onlineGameMaker/making-online-games/tree/b1c8a121e1df6e7e66a42f70de3de8be683f3501/implement/demo/counter-buttons
- บรรณาธิการออนไลน์: https://elm-editor.com/?workspace-state=https%3a%2F%2fgithub.com%2FonlineGamaker%2FMaking-online-games%2ftree%2Fmain%2Fimplement%2FDEMO%2FCOUTION-BUTTONTONTON
นาฬิกาอะนาล็อก
- รหัสโปรแกรม: https://github.com/onlineGameMaker/making-online-games/tree/b1c8a121e1df6e7e66a42f70de3de8be683f3501/mplement/demo/clock-svg-svg
- ตัวแก้ไขออนไลน์: https://elm-editor.com/?workspace-state=https%3a%2F%2fgithub.com%2FonlineGamaker%2Fmaking-online-games%2ftree%2Fmain%2Fimplement%2FDEMO%2FCLOCK-SVG&FILE-TON
