2013-01-01から1年間の記事一覧

球面にランダムに電子を置いた時の動きのシミュレーション

電子が球面上しか移動できない条件の下で、 複数の電子をランダムに配置した時の動きをシミュレートしたページを作った。 http://www.nariuchi.com/3d/randomj.html WebGL/Three.js を使っています。 電子数が２だと中心を通る線分。 電子数が３だと中心を通…

Three.js サンプルのまとめ

// 0.001) { cylinder.rotation.z = Math.acos(v.y/len); cylinder.rotation.y = 0.5*Math.PI + Math.atan2(v.x, v.z); cylinder.eulerOrder = 'YZX'; } cylinder.position.x = (x1+x0)/2; cylinder.position.y = (y1+y0)/2; cylinder.position.z = (z1+z0)/…

Three.js をブログに埋め込む

// // ]]> ブログに直接 Thee.js を埋め込んでみた。 <body onload="onload()"> は、使えなかった。 <div>の中に、JavaScript を埋め込んで、関数を呼べばよいみたい。 コードは、これ。HTMLファイルで保存すると、ブラウザで開けます。 ブログに組み込む時は、htmlとbodyの部分を外してく</div></body>…

最もシンプルな、Three.js サンプル

一番シンプルは、Three.js のサンプルを書いてみた。 リンクは、http://www.nariuchi.com/3d/simple.html HTMLのコードは、こちらの４０行 <head>Simplest Three.js sample</head> <body onload="onLoad()"> <div id="ThreeCanvas" style="height:400px;width:400px"></div> </body> <script type="text/javascript" src="Three.js"></script>

Three.js で円柱を、始点と終点を指定して、描く。

Three.js を使って円柱を描きたいのだが、始点終点を指定する方法がなかったので、自分で作りました。コードを載せておきます。始点(x0,y0,z0)始点半径(r0)、終点(x1,y1,z1)終点半径(r1)色(int)、端を閉じるか(boolean) で指定します。 function createCylin…

Three.js での Material と、Light 指定

Three.js で、不透明で普通のオブジェクトを、表現したい場合に、どの Material と、Light を使うのかが、不明であったが、今回解決した。 これまでは、THREE.MeshLamberMaterial をcolor指定のみで使っていた。 これだと、オブジェクトに黒い場所か、グレー…

多面体が出てきた

電子の動きをシミュレートしていたら、いろいろ多面体が出てきました。 アニメーションとして、まとめて、youtube に投稿しました。 https://www.youtube.com/watch?v=IbZ4XQlt-J8 結果をWebGL で表示するようにしました。 http://www.nariuchi.com/3d/index…