playground elm

|> Playground-Elm

Taman bermain yang saya gunakan untuk bermain dengan teknologi mewah dan menarik. Yang ini untuk Elm.

Tujuan

Tujuan dari taman bermain ini adalah untuk mengeksplorasi, mempelajari, dan menilai bahasa Elm - bahasa yang menyenangkan untuk Webapps yang andal.

Showcases dimaksudkan untuk:

• Sederhana : Cukup sederhana dan dapat dimengerti. Setiap showcase diimplementasikan dalam satu file ELM.
• Eksplorasi :
  • Sorot beberapa aspek bahasa ELM, seperti ketidakmampuan, reaktivitas, kinerja dan interoperabilitas dengan perpustakaan JS lainnya dan kerangka kerja CSS.
  • Jelajahi beberapa pola arsitektur/desain di sekitar spa statis/tanpa server reaktif
• Dapat dimainkan : Sebanyak mungkin, menyediakan konten yang bermanfaat dan menyenangkan.

? Menampilkan

Kunjungi? Situs demo dan mainkan di browser Anda.

Demo ini adalah spa murni (100% aplikasi klien) yang ditulis di ELM.

Daftar Showcases:

• GLSL: Efek listrik WebGL yang dinamis dibuat dengan shader GLSL, menampilkan rotasi 3D interaktif dengan inersia halus.

• Toggle Soundwave: Tombol sakelar gelombang suara sederhana yang diberikan di SVG.

• DAPP: Aplikasi terdesentralisasi langsung (DAPP) yang berinteraksi dengan berbagai dompet, menggunakan EIP-6963.

• Asteroids: Klon sederhana dari asteroid game klasik, diimplementasikan di ELM menggunakan pola entitas komponen (ECS), yang diberikan dengan SVG.

• Istilah: Terminal berbasis web yang mengevaluasi kode JavaScript menggunakan port ELM untuk interaktivitas.

• Fisika: Mesin fisika langsung yang menggunakan algoritma integrasi Verlet, yang diberikan pada kanvas HTML5.

• Labirin: Generator labirin yang dibuat menggunakan algoritma backtracking rekursif.

• Jam Digital: Demo jam digital, diwakili secara visual menggunakan SVG.

• Lissajous: Animasi figur Lissajous, digambarkan dalam SVG.

• Calc: Kalkulator dasar yang dirancang untuk operasi aritmatika sederhana.

? Membangun dan berlari

Elm 0,19

ELM 0.19 menghancurkan saya sebanyak coders lainnya, karena banyak perubahan pada topik yang saya gunakan dalam proyek ini dengan versi sebelumnya:

• file elm.json
• JSON DECODING
• Konversi String / Int / Float
• Aplikasi Browser, Routing
• Manajemen URL
• waktu tanggal ( Posix , Zone )
• Banyak paket yang tidak kompatibel
• ...

Saya akhirnya berhasil bermigrasi ke versi baru ini tetapi ketidakstabilan dapat diperhatikan.

Prasyarat

Pastikan untuk diinstal dengan benar:

• Node.js v18.17 (hidrogen)
• PNPM v8.3

Membangun

Proyek ini sekarang bergantung pada Parceljs, bundler aplikasi web yang menangani ELM dibangun secara gratis.

Pada awalnya, semua paket node yang bergantung pada proyek ini harus diinstal secara lokal. Ini dapat dilakukan dengan perintah berikut:

pnpm install

Bangunan dapat diluncurkan dengan:

pnpm build

Kemudian, buka ./dist/index.html file di browser Anda.

Jika Anda lebih suka, situs dapat dipublikasikan oleh server HTTP lokal. Dalam mode ini, jika ada perubahan yang terdeteksi, pembangunan proyek akan dimulai lagi, dan situs secara otomatis diperbarui di browser; Yang bagus selama fase pengembangan.

Publikasi diluncurkan dengan perintah berikut:

pnpm serve

Situs ini dapat diakses melalui "/ titik akhir.

? Teknologi

• elm : Elm

  Dengan paket (utama dan tidak lengkap) berikut:

  • Chadtech/Elm-Vektor
  • AVH4/ELM-COLOR
  • Cuducos/ELM-Format-Number
  • EXPLORASI ELM/Markdown
  • simonh1000/elm-colorpicker
  • Joakin/Elm-Canvas
  • wsowens/istilah
  • MACCASOURREACH/GRAPHICSVG
  • Harmboschloo/Elm-Ecs
  • Brianhicks/elm-partikel
  • EXPLORASI ELM/WEBGL
  • nphollon/geo3d

• parceljs : Bundler Aplikasi Web

• bulma : Kerangka CSS Modern

Lisensi

MIT © Chris Camel