むっちゃカメレオンのデザインキャンバス。画面を React で書いて大きなキャンバスに並べ、Figma のように動かして見る(braille-daisy-poc/design と同じ作り)。
npm install
npm run devsrc/main.jsx… キャンバス。screensに画面と置く位置、linksに画面どうしを結ぶ線(押す要素と開く要素をセレクターで指定)。線は画面の下にくぐらせ、画面と画面の間だけに見せるsrc/tokens.css… 色・枠・影・余白・フォントの基本の値src/screens/b.jsx… B案のタイトル、ルール、パーツ表src/screens/b-find.jsx… B案の見つける(ページ選択、選んだページ、スタート前、まだ誰も隠れていないとき、プレイ中、終了)。ページ選択は隠すでも使うsrc/screens/b-hide.jsx… B案の隠す(編集、色塗り・ポーズのダイアログ、遊び方、隠れた、タイムアップ)。体型は編集の帯で選ぶsrc/screens/b-common.jsx… B案の共通部品(背景、ステッカーのボタン、テープで留めた紙、ゲームの帯、人型、照準など)src/screens/icon.jsx… 本体と同じ線画のアイコンpublic/sites/… 遊ぶ Webページの画像。kamereon のserver/sites/のページをヘッドレス Chrome で撮ったもの