C.I.A.

静寂と狂気が漂う忘れ去られた空間へようこそ

御案内

はじめにお読み下さい

 癲狂院へお越し頂きありがとうございます。
 ここではSEVENTH†HEAVEN内の個人的なコンテンツを扱っていますので、制作者自身が言うのも変ですが、見る価値はほとんど無いと思います。本来ならば、大本であるSEVENTH†HEAVENにメインのコンテンツを持たせる事によって、初めて癲狂院の位置付けが正しく均衡を保つ事が出来ると考えているので、現時点ではかなり怪しいサイトになっていると...思います。

 また、タイトル名である「癲狂院」の持つ意味をそのまま受け取られてしまう事も心配です。以前にも日記で書いたのですが、『過去に葬り去られた様にゆっくりと時が流れるような、静寂と狂気が漂う空間』....そういう雰囲気です。またここでいう狂気とは執着、執心...のような意味合いです。

 ...つまり、管理人の好きな物事に対する気持ちを封じ込めた(隔離させた)空間です。従って、悪意は全く無い事をどうかご理解下さる様お願いしたいと思います。また、医療関連のコンテンツでもありませんので誤解の無い様お願いいたします。

コンテンツの紹介

Amnesia

 主にCG制作の資料目的で撮った写真を掲載しています。ですから「アート」な写真ではありません。3DCGのテクスチャ/モデリング、CG制作の際の素材などとして活用しています。ご覧下さる方にとっても何か参考になれば幸いです。なお写真内容は今のところ近代建築が多いです。

Paranoia

 リンク集です。予定としては、SEVENTH†HEAVENではゴシック関係、創作(音楽/CGなど)サイト、美術関連など、MATERIALER'S HAMMERでは、Web関連(HTML/CSS/Java/フォントなど)、PANDEMONIUMでは、ラストバイブル関係を紹介しようと思っています。癲狂院では、それらの範疇に入らない内容のサイトを紹介します。

Diary of a Madman

 癲狂院に先がけて公開していたのでご覧になっている方もいらっしゃるかもしれませんが、以前公開していた日記CGIによる「Notebook」を、「Movable Type」によるブログに改変したものです。内容は価値の全くない駄文ですし取り上げている事柄も正確性に欠けます。記事に対する感想、指摘、意見は歓迎いたしますが、何より超個人的な倒錯した記事ですので、それをご了承の上、ご覧下さい。

Persona

 説明不要ですが、管理人のプロフィールを紹介しています。以前の「Profile」とほぼ同内容です。

閲覧環境

 動作確認は、Win: IE、Mozilla(Netscape),Opera、Mac: IE、Mozilla(Netscape,Firefox)、Safari、Opera、以上の最新バージョンで確認しています。一部表示が崩れたりする箇所があるかと思いますが、一応どれも閲覧可能な状態になっていると思います。シェアの都合上、Win: IEでの動作を基準にしていますのでWinユーザの方はIEで閲覧されることをお勧めします。またFirefoxでの動作も良好ですので、そちらをお使いになられても大丈夫です(ただしスクロール速度が遅い)。Macでは、Win :IEに合わせて作ったためにMac版IEでは不都合が出てしまうので一部表示方法を変えてあります。Macでは、Mozilla系ブラウザ、Safariが良好です。表示方法は若干異なりますがIEも良好です。

出来る限り色々なブラウザでご覧になれるよう頑張ってみたのですが、実際快適に閲覧できるのは、WinではIE、MacではSafari になります。


 以下に今回、癲狂院のWebページ制作において発見した不具合などを一部簡単に報告いたします。(実際はもっと多くの不具合に悩まされました...)

Win: IE

 当サイトではアルファチャンネル付きのPNG形式の画像ファイルを多用しています。これにより複雑な透明度を持つイメージを表示することが出来ます。ただし現状では、Win: IEのみがアルファチャンネルPNGに唯一対応していないという現実があります。 シェア上で拘えると、つまりWin:IEが対応していないことで全く利用されていないということなのです。
  しかし、VMLで表示させることによってどうやら表示可能な様です。自分でも詳細は分からないのですが、おそらく画像を読み込んだ後、再描写するせいだと思うのですが、表示までに時間がかかってしまいます。それ以外のスクロールなどの動作は速いです。またアルファチャンネルPNGはサイズが大きいので、.......ナローバンドでは読み込み終えるまでに日が暮れてしまうかも..........。本当に申し訳ありません。何か手を打とうと思っていますが.....難しいです..。

Mozilla (Firefox,Netscapeなど)

 PNGの透明化、画像固定など全てクリアできていますので、問題はありません。ただし、スクロールの速度がWin:IE、Safariに比べると結構落ちます。メインのテレポートのみ速度を上げたものにしています。
  またMacでのMozillaでは問題ないのにWinでは、残像を引きずるような形で再描写されていく感じですので体感速度はやはり遅くなってしまうと思います。出来れば、WinではIEを、MacではSafariをお使いください。
  Win: Netscapeのみ、メインのテレポートコントローラー部分のリンクに不具合が出たので、やむを得ずフレームメニューにしました。他の部分には問題がなかっただけに残念です。どうやら、JavaScriptでのイベントハンドラのダブルクリックとクリックが混在していると、ダブルクリックでの動作が無効になってしまう....様です。

Mac: IE

 スクロールボックス非表示、インラインフレームスクロールバー表示。(Win:IEにてアルファチャンネルPNGを表示させるためにXHTMLにする必要があるためXHMLにしていますが、Mac:IEではXHTMLにすると固定できなくなり、スクロールボックスによるスクロールも効かなくなってしまうのでCSSで非表示&スクロールバー表示にしてあります)XHTMLでなければすこぶる動作は良いので残念です....。

Safari

 CSS overflow: autoによる疑似インラインフレーム一部(Amnesia)不使用。(使用するとフレームが飛ぶのでw おそらく固定したことによるバグ誘発だと思います) インラインフレーム上に別レイヤーを乗せる事は出来るのですが、レイヤー上のリンク部分にマウスオーバーしてもカーソルが変わらないので便宜上、多少フレームの高さを縮めています。
  Safariは、Mac上のブラウザでは最も動作が速く当サイトのコンテンツも驚く程速く動作しますので、以上の不具合を含めても満足できるブラウザですのでMacユーザの方はSafariで閲覧くださると有り難いです。

Opera

 ....Operaをお使いの方には申し訳ありませんが、デザインをかなり変更しています。(フレーム使用) OperaはIEとMozillaの色々な部分を合わせ持っているが故に、1つのページで振り分けることが難しく、画像固定、スライドを諦めました。 表示方法はWin:Netscapeと同じフレームメニューにしました。

Webデザインについて

 ここをご覧になっているということは、既にお気付きになったかもしれませんが、普通のWebページとは見せ方が違います。サイトを公開した当初から、常々、ページという平面的な見せ方よりも、空間的な見せ方がしたいと思っていました。願わくばWeb3DやVRMLでヴァーチャルリアリティを表現したいところですが、スキルが乏しいために出来ません。FLASHが流行の中、それを手にしていない状態で何とか雰囲気を表現してみようと考え出来上がったものがこれだということです。

 画像固定とページスクロールのJavaScropt、アルファチャンネル付きPNG画像、室内の背景画像(将来的には3DCGにしたい)にすることにより空間的な雰囲気を狙ってみました。単体でもその効果はあるのですが、スクロールと画像固定を併せる事により、自ら動くような動作に感じられると思います。"Levitate"させることが目的でした。....あのテレポートコントローラーはね....魔界のミスリル金属で出来ていて、空中浮遊できるんだよ.....。これに魔力を込めてコントロール出来るようにしてみました。w 本当は自由自在に動かせるのですが、癲狂院ではX軸のみ、Y軸のみの動作にしてあります。
 リンクページ(Paranoia)のデザインも前々から思い付いていたものです。癲狂院のベッドはすごいんだよ。布団にもぐり込んだら異空間の世界へいけるんだから。w

 使っているものはHTML/JavaScript/CSS/PNGというありふれたものばかりですし、使っているJavaScriptももはや化石の様な手法なものです。そんな原始的な手法やスキルのないせいで、非常に複雑なソース、動作の重い、サイズの大きいコンテンツになってしまいました。ブロードバンド環境の方はともかく、ナローバンドの環境でご覧の方には本当に申し訳なく思っています。ソースも...DIVとTABLEタグを多用した、DIV+TABLE厨という最狂の厨ソースになってしまいました。W3Cに追随する方達、どうかお許しを。

 なお、ユーザビリティに関しては....デザインを優先しつつもそれなりに考えてみたのですが、使い辛いものになってしまいました。申し訳ありません。

更新履歴

†[2005.05.18] トップページ修正、コンテンツ全体の修正完了†

†[2005.05.15] コンテンツの不具合を修正†

†[2005.05.5] Paranoia リンク修正/追加†

†[2005.01.13] Amnesia 横浜赤レンガ倉庫#1 アップ†

†[2004.12.24] 癲狂院リニューアル公開†

†[2004.12.20] 癲狂院リニューアル仮公開†

†[2003.12.13-31] 癲狂院暫定的設置†


癲 狂 院 [+] -Cruel Insane Asylum- Copyright© Yusuke Kobayashi S E V E N T H † H E A V E N メール
TopUp HiUpDownDown HiBottom