htmlの整備

[mitsuyoshi-yamazaki]

• 各ページにパン屑リストを入れる
• 説明を強化する
  • 必要なら日本語化する
• シェア機能
  • スクリーンショットと一緒に
  • 色変更など遊べる要素
• デザインを更新する
  • 表示内容
  • タイトル
  • 解説
  • メニュー
  • 状況
    • timestamp
  • バージョン情報
  • 表示の見方のヒント
• メニューを追加する
  • 一時停止/再開/最初から
  • スクリーンショットを保存
  • パラメータを編集（テキストでいいのでは）
  • 現在の状態を保存
  • 保存した状態を読み込み
  • フルスクリーン
  • 展示用に時刻表示してフルスクリーンにできるようにしたら
• OGPの追加
  • https://github.com/mitsuyoshi-yamazaki/ALifeGameJam2019/pull/114
• (optional) 現在の状態を保存して再開できるようにする
• (optional) UIでパラメータを変更できるようにする
• (optional) フルスクリーン化できるようにするう
• (optional) SPA化する

TODO

• [ ] Art in the Science Awardの説明を書く
• [ ] issueのリンクを貼る
• [ ] パラメータの変更機能、説明

MEMO

https://twitter.com/ALifeConf/status/1284633511949983744

ページのデザインに関して参考になりそうなリンク集

• Text & Simulation
  • SwarmChemistry
  • Evolving Simple Organisms
  • Lenia
  • Casey Reas
  • https://carlosd.org/guilloche-gallery/
• Research
  • Neuroevolution in squids
  • https://yamlab-exhibition.firebaseapp.com
  • https://otoro.net/ml/
  • David Ha
• Portfolio
  • MADEBYSASHA

MTML/CSS/JS

• https://developer.mozilla.org/ja/docs/Learn/CSS/CSS_layout/Flexbox
• https://jsprimer.net/basic/string-unicode/
• https://www.typescriptlang.org/ja/tsconfig#lib
• https://photoshopvip.net/123398
• Beautifully simple click-to-copy CSS effects
• https://csslayout.io/patterns/

デザイン案

Windowed

Fullscreen

Fullscreen(UI)