high booster 小型水槽でアクアリウム トップ

« 俺の帝国軍 | メイン | 流金 »

2004年11月 6日

kurukuru Stormtrooper

ネットサーフィンしてたらおもしろいスクリプトを見つけたので、それを使って面白いものを作ってみた。
kurukuru Stormtrooper
(↑ポップアップブロッカーが有効になっていると開かないかも)
画像にマウスをのせてグルグル回すとストームトルーパーがくるくる回ります。

このスクリプトはパノラマファクトリー?(http://www.panoramafactory.com/)というパノラマ写真をつくるソフト?の会社のサイトからダウンロードできます。

その前に、クルクル用の写真を撮る必要があります。多分、40枚ぐらいがちょうどいいのかなぁと思います。(根拠は無いです)
これを、時計回りで0.jpg、1.jpg、2.jpg・・・・といった風に名前を付けて保存していきます。
ここでポイントは0.jpgから作ること。0からでないとだめのようです(コレで15分ぐらい悩んだ)

次に、Javascriptをダウンロードします。
http://www.panoramafactory.com/komodo_how.html#javascript

これを、以下を記述したHTMLと同じディレクトリに保存します。
----------
<script language="JavaScript" src="PFObj.js"></script>
<body bgcolor="#FFFFFF" onLoad="PFObjInit()">

<img src="./loading.gif" name="trooper" onload="PFObj(trooper, './jpg/', '.jpg', 46,100,2)" width="240" height="320" border=0>
----------

上の./loading.gifは画像がすべて表示されるまで、一時的に表示しておく画像。
name=trooperは画像のNAME属性。(これを次のPFObjの最初の引数とあわせておく必要があります。)
'./jpg'は画像を保存しておくディレクトリ。相対パスで書きました。
'.jpg'はファイルの拡張子。
46はファイルの数。
width="240" height="320" は画像のサイズ。

↑これらをそれぞれ自分の環境に合わせて変更してください。
これ以外にも色々カスタマイズできるようです。詳細はPFObj.jsをテキストで開いてみてください。

最後に、0から番号を振って保存した画像と、HTML、PFObj.jsをアップロードすれば見れるはず。

面白いので、このページにいつも表示するようにしておこうかな(笑)


このエントリーをはてなブックマークに追加このエントリーをはてなブックマークに追加
Yahoo!ブックマークに登録

投稿者 high_booster : 2004年11月 6日 18:46 コメント(0)

関連するエントリー

吉田かばん(ポーター)を愛用しています。

スポンサードリンク

アクセスランキング(コラム)

人気コラム一覧

アクセスランキング(Blogエントリー)

人気エントリー一覧

このサイトについて

  • 趣味のアクアリウム、音楽、iPod Touchの話題をメインに紹介しています。 気軽にコメント、トラックバックしてください!もちろんリンクフリーです。相互リンクも大歓迎です。

    この日記のはてなブックマーク数



最近のコメント

検索

Powered by
Movable Type 4.21-ja

GT-lolipop Rental Server


カレンダー

2012年7月
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31        
あわせて読みたいブログパーツ