狐の窓 ガイド

創作キャラクターをブラウザの向こう側に住まわせる。
時間帯や季節で変わる会話を、そっと覗いてみませんか。

伺か(SSP)をご存知の方へ — 狐の窓は、デスクトップマスコットの「ゴースト」のランダムトークをブラウザ上で実現しようという試みです。トリガー・シェルといった概念に馴染みがあれば、すぐにピンと来るはずです。
01

狐の窓とは

コンセプトと、このツールでできること。

02

はじめかた

フォークして公開するまでの手順。

03

キャラを住まわせる

PNG素材の用意から、表情差分の設定まで。

04

トークを書く

簡易トーク記法で、会話シーンを作る。

05

世界観を設定する

背景・トリガー・PWA設定で自分だけの窓を仕上げる。

06

サイトに埋め込む

既存のWebサイトに窓を設置する方法。

07

応用(実験的機能)

Live2D・VRMなど、PNG以外の表示方式について。

リポジトリ: naoki-wjm/kitsune-window — フォークして始められます。