playground elm

|> ملعب Elm

ملعب الخاص بي الذي أستخدمه للعب مع التقنيات الفاخرة والمثيرة. هذا واحد من أجل الدردار.

غاية

الغرض من هذا الملعب هو استكشاف ودراسة وتقييم لغة ELM - وهي لغة مبهجة لـ WebApps الموثوقة.

تهدف المعارض إلى أن تكون:

• بسيطة : بسيطة إلى حد ما ومفهومة. يتم تنفيذ كل عرض في ملف ELM واحد.
• الاستكشاف :
  • قم بتمييز بعض جوانب لغة ELM ، مثل التثبيت ، والتفاعل ، والأداء ، والتشغيل البيني مع مكتبات JS الأخرى وأطر CSS.
  • استكشف بعض الأنماط المعمارية/التصميم حول سبا ثابتة/عديمة الخادم التفاعلية
• قابلة للعب : قدر الإمكان ، يوفر محتوى مفيدًا وممتعًا.

؟ تعرض

زيارة؟ الموقع التجريبي واللعب في متصفحك.

العرض التوضيحي هو منتجع صحي نقي (100 ٪ من تطبيقات العملاء) مكتوبة في ELM.

قائمة العروض:

• GLSL: تأثير كهرباء ديناميكي على شبكة الإنترنت تم إنشاؤه مع تظليل GLSL ، يتميز بالتناوب ثلاثي الأبعاد التفاعلي مع القصور الذاتي السلس.

• SoundWave Toggle: زر تبديل موجة الصوت البسيطة المقدمة في SVG.

• DAPP: تطبيق لامركزي مباشر (DAPP) يتفاعل مع محافظ مختلفة ، باستخدام EIP-6963.

• الكويكبات: استنساخ بسيط من الكويكبات الكلاسيكية للعبة ، يتم تنفيذه في ELM باستخدام نمط نظام المكون (ECS) ، المقدم باستخدام SVG.

• المصطلح: محطة قائمة على الويب تقوم بتقييم رمز JavaScript باستخدام منافذ ELM للتفاعل.

• الفيزياء: محرك فيزياء مباشر يستخدم خوارزمية تكامل Verlet ، المقدمة على قماش HTML5.

• المتاهة: مولد متاهة مصنوع باستخدام خوارزمية التراجع المتكررة.

• الساعة الرقمية: عرض رقمي على مدار الساعة ، ويمثل بصريًا باستخدام SVG.

• Lissajous: الرسوم المتحركة من شخصيات Lissajous ، موضحة في SVG.

• حساب: آلة حاسبة أساسية مصممة للعمليات الحسابية البسيطة.

؟ بناء وتشغيل

الدردار 0.19

لقد كسرني Elm 0.19 أكبر عدد من المبرمجين الآخرين ، بسبب الكثير من التغييرات حول الموضوعات التي استخدمتها في هذا المشروع مع الإصدار السابق:

• ملف elm.json
• فك تشفير JSON
• تحويلات السلسلة / int / تعويم
• تطبيق المتصفح ، التوجيه
• إدارة URL
• وقت التاريخ ( Posix ، Zone )
• الكثير من الحزم غير المتوافقة
• ...

تمكنت أخيرًا من الترحيل إلى هذا الإصدار الجديد ولكن يمكن ملاحظة عدم الاستقرار.

المتطلبات الأساسية

تأكد من تثبيت ما يلي بشكل صحيح:

• node.js v18.17 (الهيدروجين)
• PNPM v8.3

يبني

يعتمد المشروع الآن على ParcelJS ، وهو حزمة تطبيق ويب يتولى ELM يبني مجانًا.

في البداية ، يجب تثبيت جميع حزم العقدة التي يعتمد عليها هذا المشروع محليًا. يمكن القيام بذلك مع الأمر التالي:

pnpm install

يمكن إطلاق البناء مع:

pnpm build

ثم ، افتح ./dist/index.html ملف في متصفحك.

إذا كنت تفضل ، يمكن نشر الموقع بواسطة خادم HTTP محلي. في هذا الوضع ، إذا تم اكتشاف أي تغيير ، فسيتم بدء بناء المشروع مرة أخرى ، ويتم تحديث الموقع تلقائيًا في المتصفح ؛ وهو لطيف خلال مراحل التطوير.

تم إطلاق المنشور مع الأمر التالي:

pnpm serve

يمكن الوصول إلى الموقع من خلال "/ نقطة النهاية.

؟ التقنيات

• elm : الدردار

  مع الحزم التالية (الرئيسية وغير الشاملة):

  • Chadtech/Elm-Vector
  • AVH4/elm-color
  • cuducos/elm-format-number
  • elm-explorations/markdown
  • Simonh1000/Elm-Colorpicker
  • Joakin/Elm-Canvas
  • WSOWENS/مصطلح
  • maccasoutreach/graphicsvg
  • Harmboschloo/elm-ECS
  • Brianhicks/elm-sicle
  • elm-explorations/webgl
  • نفولون/geo3d

• parceljs : Bundler تطبيق الويب

• bulma : إطار عمل CSS الحديث

رخصة

معهد ماساتشوستس للتكنولوجيا © كريس كاميل