令和のうごめも「ざこめも」
クソアプリ2025冬構想
前提
サクッと数日で実装する
フォロワーに遊んでもらう
運用を無料に寄せる
必要最低限
制約って楽しいので(うごめも同様)
作品一覧やPVはコストが重いので、実装スキップ、xに全部流す(ハッシュタグ)
出力するだけ
保存はローカルストレージ
webアプリ
スマホでの操作前提
雑なぱらぱら漫画
レイヤーは後から追加できるようにする？
PixiJsかなぁ
音声欲しいかも。声高くなったり低くなるやつ
なるべくうごめもの初期の操作感で行きたい
SEは絶対欲しい
ケロのパクリ？
出力はGifかmp4か？
mp4出力むずそう
なんか最近webコーデックのライブラリのやつでてた
gifって音入らなくね？
まぁ最悪画面収録で...
案内出せばいいか
音声入れられるんだっけ？
iOSはいけそう？
必須機能
書く
えんぴつ
太さ
色
パターン
色
模様
サイズ
消しゴム
サイズ
再生機能
再生
停止
保存
ローカルストレージ
後から
レイヤー
音声
録音
音の高さ早さ編集
参考アプリ調査
うごめも
うごピク
procreateのアニメーションのやつ
保存形式を考える
ドメイン用語
キャンバス(フレームが入る箱)
レイヤー(3レイヤーまでとかで固定でいいかも)
フレーム横断
フレーム(一枚ごと)
ピクセル
コンフィグ
FPS
キャンバスサイズ(固定値)
高さ
大きさ
サマリー
フレーム枚数
ブラシ
パターンタイプ
色
これは描いたらピクセルに変わる
えんぴつ
これも描いたらピクセルに変わる
サイズ
色
消しゴム
サイズ
保存形式
フレーム配列
ピクセルのwidth x heightの配列
ピクセルはrgpa
コンフィグ
fps
グローバル変数
カレントカラー
カレントフレームナンバー
再生状態
停止
再生中
技術選定
next.js(静的サイト)
pixi.js
状態管理
zustand
reducerが欲しいので
cloud flare pagesでホスティン
保存はuseAsyncStorageでやると楽そう
ローカルストレージかな
フレームの中身だけどうするか悩ましい
愚直にやるならjsonで配列
パフォーマンスでないなら、フレームごとに分けてバイト列にする