Dog Follow Demo v0.1 開発ログ
Dog Follow Demo v0.1 完了
公開URL
https://taichi-os.org/dog-follow/
概要
スマホでは指、PCではマウスに全身犬が追従する簡易Webデモを実装。
構成
public_html/dog-follow/ ├─ index.html ├─ style.css ├─ script.js └─ dog-transparent.png
実装内容
- requestAnimationFrameによる滑らかな追従
- touchmove / mousemove対応
- 全身犬PNG表示
- CSSによる軽い上下揺れ
- canvasによる数字雨（マトリックス風背景）
- 黒緑マトリックス風デザイン
今後の拡張候補
- 犬サイズ調整
- 指との距離調整
- タップ時ジャンプ
- 尻尾パーツ分離
- 背景テーマ切替
- AI.Doorホームページへの組み込み
所感
HTML・CSS・JavaScriptのみで、インタラクティブなWeb演出の基礎が完成。今後のAI.Doorトップページや水槽UI、AIDA演出へ発展可能な基礎技術として位置付ける。