コンテンツ開始

2013年03月24日


『初音ミクを群れで飛ばす』-- Three.js の Canvas サンプルで『鳥が群れで飛ぶ』という凄いのがあるんですが、平面の画像をテクスチャとして差し替えてブログに貼れるようしました。

画像は、良く見ても絶対解りませんが以下が原寸です。

機能は変更して無いので、カーソルを避けて飛びます
画像の本来の姿は、DAZ3D の3Dキャラクタに初音ミクのツインテールさせて羽を付けた後姿です。




貼り付け方
<input id="birds_button" type="button" value="Three.js Birds 表示開始" onclick='strat_birds()' />
<div>
<iframe
	src="about:blank"
	id="birds"
	name="birds"
	scrolling="no"
	width="600"
	height="400"
	marginwidth="0"
	marginheight="0"
	style='border:solid #000000 1px;'
></iframe>
</div>
<script type="text/javascript">
function strat_birds() {
	str="<"+"script type=\"text/javascript\" src=\"http://homepage2.nifty.com/lightbox/three/three.min57.js\"></"+"script>";
	document.getElementById("birds").contentWindow.document.write(str);

	str="<"+"script type=\"text/javascript\">image_url='ここを好きな60x60の背景透過png画像に変更する';</"+"script>";
	document.getElementById("birds").contentWindow.document.write(str);

	str="<"+"script type=\"text/javascript\" src=\"http://homepage2.nifty.com/lightbox/three/birds.js\"></"+"script>";
	document.getElementById("birds").contentWindow.document.write(str);
	document.getElementById("birds").contentWindow.document.close();
}
</script>
ブログによったら、改行が br に変換されないようにする必要があるかもしれませんが、Seesaa では問題ありませんでした。( おそらく今時のブログならば問題無いと思います )

関連する記事

『ブラウザ元年』 Three.js 使って、ブログにも簡単に 3D ディスプレイ
Three.js で『画像を群れで飛ばす』- 背景画像を設定したら結構素敵になりました



posted by at 2013-03-24 00:03 | Comment(0) | Three.js | このブログの読者になる | 更新情報をチェックする
SQLの窓全体の検索
Custom Search
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。
コンテンツ終了
右サイド開始
コンテナ終了
base 終了
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX