memorycraft.jp
タグクラウドを３D化する試みはいくつかあるみたいですが、javascript(jQuery)ではないっぽいので作ってみました。setIntervalの代わりにjQueryのタイマープラグインを使っています。
ul要素 のタグリストを元にして、position:absolute;のリンクブロックを作り、それぞれを立方体(もしくは直方体)になるように位置を計算して、タイマーやマウスアクションのイベントで再計算する感じです。今回はタイマーで自律的にゆっくりと動かしています。
タグの数が立方数なら立方体となり、中心で回転しますが、
立方数でない場合は中心がずれます。
これはこれで動きとしては面白いかも。
貴重なアイデア作品を公開していただき、ありがとうございます。
試しに使ってみたのですが、
・２次元上で回転する（サンプルのように前後の動きが
組み合わされない）
・フォントサイズが変化しない（小さいものは小さいまま、大きいものはおおきいまま。サイズは２つくらいが
あるだけです。）
・タグは日本語を使っています。日本語ではこのような
エラーになりますでしょうか？
という現象が起きています。MT3.3でやっていますが、
EUC-JPです。文字コードが関係しますか？(今回のjavascriptは
日本語文字コメント等がないので、別に何でもいいような気がしますが。)
＞ナカムラさん
日本語はこちらでは問題なく動くようです。
適当に作ったのでタグの数が少ないとうまく動かないと思いますよ。
ありがとうございました。
当方もサンプルのように表示されました。
どこを直したかと言うと、xml宣言とdoctypeの要素を削除したら治りました。どうやらdoctypeがあるとダメみたいです。
