.......ヘッドドレス、ローファー、オーバーニー.......じゃなくて.......

これ。
横スクロールでコンテンツを見せるデザイン

+++ SERAPHIM +++

Cielo - NAOTO TENHIRO WEBSITE

......で、手前味噌ながら自サイトの癲狂院。

　各サイトをご覧になればお分かりになると思いますが、共通するのは、横スクロールのデザインが取り入れられているということです。横スクロール....というかサンプルのJavaScriptを使用している....という感じですが。ソースを見ると、みんな元はそのスクリプトなのではないかと思うのですが......。もちろん癲狂院は、そのサンプルのスクリプトを元に、2つのサイトのソースを参考に、見よう見まねで改変したものです。

　このスクリプトがリニューアルする際に全てのアイデアの元になりました。
そしてリンクを貼った2つのサイトももちろん参考になりましたし、SERAPHIMは、その雰囲気がまさしくゴシックそのものであり、Cieloは.......この日記では言うまでもなく、お気に入りのイラストレーターの天広さんのサイト。サイトそのものはゴシックぽいというわけではありませんが、描かれる絵の中にはゴシックが確かに息づいています。

　SERAPHIMを知ったのは....偶然。.....というか必然かもしれません。だって書上（奈朋子）さんのサイトのBBSに書き込まれていたのですから！　たまたま書き込まれていたメッセージにサイトが記載されていたので飛んでみたら.......凄過ぎる......って感じで、即ブックマーク。全く....書上さんのファンはさすが良いセンスしてます。（もちろん自分以外ですが。w）　もしも自分が女だったら、着てるでしょう、絶対。　......で、そのいでたちでサバトへ直行！（黒ミサでもいいけど。）
　もちろん着るわけにはいきませんが、服を眺めていると自分が思い描くゴシックの雰囲気に近いなと思いますし、サイトデザインも素敵過ぎます.....。

　天広さんについては今まで散々感想を述べているので、辟易してしまうかもしれませんが、ポップとゴシックの絶妙なセンスが素晴らしいと思うのです。全ての絵がそうではないしそう読み取る人はいないと思いますが、レンテンローズやワールズエンド、あるいは、シスプリの千影や亞里亞辺りに、ゴシックぽさが確かにあると思います。　

かちっとしたクラシカルな風合い、あるいは、構築されたクラシカルとでも言う様な感じが、すごく素敵に見えます。

それらゴシックと、この横スクロールのスクリプトに、何か関連性があるわけではないですが、偶然にもどちらも大好きなサイトだったということです。....それにこのスクリプトを使ったサイトを他は知らないし.....。

　ともかく、このスクロールするスクリプトは、とにかくダイナミックに演出することができるので、Flashに対抗し得るものだと思います。Flashのことはまだよく分かりませんが、おそらくFlashでもこの演出は可能かもしれませんが、サイズは大きくなりそうだし、何よりテキストもFlashのファイルの一部になってしまうことにより、検索でも引っかからなくなってしまうでしょうから、このJavaScriptで表現するのが適しているはず。Flashでの表現が何でも良いというわけではありませんし。

........断っておきますが、Flashコンテンツに対抗しようと思って、癲狂院を公開したのではありませんしそれを意識して作ったのでもありません。元から、そういう空間的な表現がしたいと思っていただけです。でも.....Flashを制作出来る環境ではなかったからこそ、出来たのだと思っています。

　これがリニューアル予定の第七天、並びに公開した癲狂院の基本デザインになった自作のサンプルページ。
ちょうど去年の今頃に作ったもので、X、Y軸に対応させるのは、JavaScriptを知らない人間には難しかったです.....。
Levitating#1
Levitating#2

......これくらい軽ければ良いのですが。w　なかなかそういうわけにはいかないところがHTMl/JavaScriptですね。ちなみにこの2つのページの違い、お分かりでしょうか？　#1の方は、固定しているテーブルの残像がゴミとなって残ってしまうでしょう？　#2にはそれがありません。　原因を突き止めるのに苦労しました。対処するには、CSSで背景画像を固定してあげれば、何故か直ります。　理由は分かりません。でも直る代わりに、動作が鈍くなってしまいます。......諸刃の刃。
　それもIEに限っての話。このスクリプトではMozzila系は動きません。ここでもまたSafariはおりこうさん。#1/#2のどちらの動きも同等に快適で、しかも#1でもゴミが出ない...........。Win:IEはこの上さらにPNGサポートしてないし........あぅ。orz