はい、更新履歴ですよー。
てことでもう先週の話ですが、10周年記念インデックス最後の第五弾がやっと出来上がりましたー。
今までこの10年で思い入れのあるアニメだとかゲームだとかで描いてきましたが、やっぱり最後は看板娘の駒井まいさんだよなーと思いましてのチョイスです。
最初は普通の仕上げる予定だったんですが、仕上げれば仕上げるほど微妙になってくような気がしたので、色塗りの段階で「そういえば前回の更新でCSSアニメやるって言ったっけ…」と思い出し、ネタ勝負(?)で描く方向に変更。
ただ前回のアニメーションは今完成してるアレみたいなものを指していったわけじゃなく、もっと絵が移動とか変形とかして、簡単なflashアニメぐらいのことをしたいなーと思って言ったんですよね。てことでひらめきから完成までの間にかなりダウングレードしてます。主にうちの理解力によって。
CSSアニメーション、まだまだ圧倒的マニアックな技術なのでそれをわかりやすく紹介してるサイトがなくやりたいことをやるためのの手段にたどり着けなかったんだ。
──そんな感じで背景色をゆっくりかえて絵が変わってるような雰囲気を作れないかなーというところに着地。
あと早苗さんの同人誌とかでよく見かける星をちりばめたあの背景の作り方が分かったのでそれを試してみたかったのもあり、背景の模様は星に決定。
で、その二つを足し併せてあの背景が出来上がったわけです。赤の星と青の星が、時間が経つと赤い方しか見えなくなり、もう少しするとそれが消えて青い方の星がピンクとか紫っぽくなって浮き出して、背景が暗くなるとまた赤と青の星が見えてくるという感じの流れですかね。まーそんな複雑なことしてないので見間違う人はいないと思うけど、まいも星も一切の静止画です。背景の色が変わってるだけ。うむ、色って面白い。
まいの塗りは宇宙ってことで光源とか色とかをひっくり返してみました。本来の影の部分の方が明るい色使いになってます。光が下から? かというとそうでもなく、むしろハイライトの部分が暗くなってたりも。まぁ宇宙ですしね…!
あと今回の題字は自サイト向けらしく省エネで。うちの十八番というかなんというか。
あと、今回のHTMLのこだわりどころは、リンクにカーソルを乗せたときのアニメーションでしょうかね。こんな簡単なアクションなのにネットのどこにも見本がなくて結構時間をかけて作りました。ほんと解説サイトがない。IEでも実装して早く普及して欲しいなぁ。
こっちも理想と現実がかけ離れていて、自分の理想は文字色はそのままだけど文字周りの背景色を点滅させたかったんですよね。多分これはCSSアニメの話じゃなく、ただa:hoverをclassごとに指定する方法が分かんなかっただけなんだよねぇ。そんなところ多分誰も気にしてないだろうと思って即効で諦めたけどこれはそのうちはっきりさせないとまた同じところで足止めされちゃいそうだなぁ。
まぁそんな感じで10周年特別版インデックスを全編やり終えました。
10年を5人に絞ったので、結構荒削りですがこれがうちとてこまいを取り巻いた10年の一つの表現かと思います。ほんと荒削りですがね。例えばふたご姫が入ってなかったり、デ・ジ・キャラットが入ってなかったり、細かいことを言えばもっと沢山ありますが自分のペースと時間を考えて5つまでに絞った次第です。むしろうちは描きたいときに描きたいキャラを描きますからね。あるとき唐突にふたご姫を描きまくるかもしれないですし。
今回のインデックスのにも載ってますが10周年は7月末のことなので10周年のお祝いを半年弱やってたことに。もう半年したら11周年じゃないですかー! やだー!
いやホント、5つじゃ時間かかるだろうなぁとは思ってたけど、描き始めた時は「木々の葉も色づく季節になってしまいましたが～ぐらいの文章でしめだな」とか思ってたらもう関東ですら山では雪が降ってますからね。東京だって色づくどころか葉っぱ落ちてるし。
多分またやるとしたら20周年の時なんでしょうけどそこまでサイトやってるのかなぁ。ていうかこのサイトが20周年を迎える頃には人生半分以上てんてこまいまいって事だよなぁ。
あ、ちなみに事務的な話ですが、冬コミの前の告知ぐらいのタイミングで従来のインデックスに戻ると思います。なにせ特別版なんでね。それとせっかく出るんだからサイトの雰囲気も告知っぽくしたいしね。