狐の窓 ガイド
創作キャラクターをブラウザの向こう側に住まわせる。
時間帯や季節で変わる会話を、そっと覗いてみませんか。
伺か(SSP)をご存知の方へ — 狐の窓は、デスクトップマスコットの「ゴースト」のランダムトークをブラウザ上で実現しようという試みです。トリガー・シェルといった概念に馴染みがあれば、すぐにピンと来るはずです。
01
狐の窓とは
コンセプトと、このツールでできること。
02はじめかた
フォークして公開するまでの手順。
03キャラを住まわせる
PNG素材の用意から、表情差分の設定まで。
04トークを書く
簡易トーク記法で、会話シーンを作る。
05世界観を設定する
背景・トリガー・PWA設定で自分だけの窓を仕上げる。
06サイトに埋め込む
既存のWebサイトに窓を設置する方法。
07応用(実験的機能)
Live2D・VRMなど、PNG以外の表示方式について。
リポジトリ:
naoki-wjm/kitsune-window
— フォークして始められます。