|> Playground-Elm私が派手でエキサイティングなテクノロジーで遊ぶのに使用している私の遊び場。これはエルムのためです。
この遊び場の目的は、ELM言語を探索、研究、評価することです。これは、信頼できるWebAppsの楽しい言語です。

ショーケースは次のことを目的としています。
訪問しますか?デモサイトとブラウザで再生します。
デモは、ELMで書かれた純粋なスパ(100%クライアントサイドアプリケーション)です。
ショーケースのリスト:
GLSL:GLSLシェーダーで作成された動的なWebgl電気効果は、滑らかな慣性を備えたインタラクティブな3D回転を特徴としています。
SoundWaveトグル:SVGでレンダリングされたシンプルなサウンドウェーブトグルボタン。
DAPP:EIP-6963を利用して、さまざまな財布とインターフェイスする簡単な分散アプリケーション(DAPP)。
小惑星:SVGでレンダリングされたエンティティコンポーネントシステム(ECS)パターンを使用してELMに実装された、古典的なゲーム小惑星の単純なクローン。
用語:インタラクティブのためにELMポートを使用してJavaScriptコードを評価するWebベースの端末。
物理学:HTML5キャンバスでレンダリングされたVerlet Integration Algorithmを利用する簡単な物理学エンジン。
迷路:再帰的バックトラッキングアルゴリズムを使用して作られた迷路ジェネレーター。
デジタルクロック:SVGを使用して視覚的に表現されるデジタルクロックデモ。
lissajous:svgに描かれているlissajous figuresのアニメーション。
CALC:単純な算術操作用に設計された基本的な計算機。
ELM 0.19は、以前のバージョンでこのプロジェクトで使用したトピックの多くの変更のために、他の多くのコーダーと同じように私を壊しました。
elm.jsonファイルPosix 、 Zone )私はついにこの新しいバージョンに移行することができましたが、不安定性に気付くことができます。
必ず次のものを適切にインストールしてください。
v18.17 (水素)v8.3このプロジェクトは現在、Elm Buildが無料で構築するWebアプリケーションバンドラーであるParcelJSに依存しています。
最初は、このプロジェクトが依存するすべてのノードパッケージはローカルにインストールする必要があります。これは、次のコマンドで実行できます。
pnpm installビルドは以下で起動できます。
pnpm build次に、ブラウザで./dist/index.htmlファイルを開きます。
必要に応じて、サイトはローカルHTTPサーバーによって公開できます。このモードでは、変更が検出された場合、プロジェクトのビルドが再び開始され、サイトはブラウザで自動的に更新されます。これは、開発段階で素晴らしいです。
出版物は次のコマンドで起動されます。
pnpm serveサイトは"/エンドポイントからアクセスできます。
elm :エルム
次の(メインおよび非徹底的な)パッケージを使用してください。
parceljs :Webアプリケーションバンドラー
bulma :最新のCSSフレームワーク
MIT©Chris Camel