使っていなかった個人サイトを、ちゃんと使いたい。最初は、ポートフォリオをつくって、ブログも書けるようにしようと思っていました。
ただ、仕事でつくったものには公開できないものも多い。それなら、自分で試してつくったものを載せていけばいい。
そんなところから始まったのが、この「ST26 SHOWTIME!」です。気づいたら、サイトに5人のキャラが住みついていました。
きれいだけど、普通だった
最初にできたのは、ポートフォリオらしいサイトでした。でも、見ていて「なんかAIっぽいな」と感じる。
フォントなのか、配置なのか。どこが原因かは、うまく言葉にできませんでした。整ってはいるけれど、自分の好きなものがもっと前に出ていてほしい。
そこで、アニメ、ゲーム、謎解き、ダイビング。好きなものを出して、方向を探すことにしました。海底探索、アニメとゲーム、脱出ゲームの3案を見比べたのも、この途中です。
謎解きは、置いただけでは面白くならない。今回は外して、そのぶん動きに振ることにしました。
読む前に、見て楽しいサイトへ
途中で欲しくなったのは、文章を読まなくても楽しめる画面でした。キャラが出てきて、文字が大きく動いて、場面がどんどん切り替わる。アニメのオープニングを見るような感じです。
今のトップページは、7つのカットを42秒で一周する構成になっています。キャラが変わると、色も言葉も構図も変わります。
見ているだけでもいいし、好きなカットに移動してもいい。キャラをタップすると、そのキャラに合わせた短い言葉やリアクションが出ます。一時停止と、最初から再生するボタンもつけました。
5人になった
キャラの絵はAIで生成し、サイトの中で動かしています。ひとりできると、別の雰囲気のキャラも見たくなる。そこからミオ、ナギ、レンに、スイとリクが加わりました。
特にスイは、緑系で、ロングヘアで、静かな雰囲気のキャラがほしくて追加しました。できた絵を見て、かなり好きになってしまった。
元気に場面を引っ張るミオやレンがいて、スイのところでは少し落ち着く。リクになると、また外へ飛び出すような感じになる。同じ画面でも、キャラが変わるだけで印象が変わるのが面白いです。
サイトを、更新できる場所にする
つくって終わりにはしたくないので、ブログも一緒に整えました。前のWordPressで公開していた記事を引き継いで、今はAstroでページをつくり、Cloudflareで公開しています。
記事の本文はMarkdown、変更履歴はGitで管理。変更を確認してからmainブランチへマージすると、サイトに反映される形です。制作の途中で試したことも、こうして記事として残せます。
このサイト自体が、最初に載せられる個人制作になりました。
次は、このキャラたちと遊びたい
つくっている途中で、もうひとつやりたくなったのが、AIのキャラを相手に遊ぶマーダーミステリーです。
人数が集まるのを待たずに始められて、キャラと話しながら事件を追える。シナリオも変わったら、何度も遊べるのでは。そんなことを考えています。
これはまだ構想です。まずはひとつの事件を最後まで遊べる形にして、会話と手がかりがちゃんとつながるか試してみたい。ボイスやBGMも、これから。
とりあえず今は、スイたちが動くサイトを公開できました。次につくったものも、ここに置いていきます。