HTML three.js Line
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
] [
Trackback(0)
]
開始行:
#contents
*ねじねじアニメーション [#if7586be]
#iframe(/ThreeJSExam/line.html,style=width:640px;height:4...
&br;(マウスでグリグリ動くはず)
&code(html,https://github.com/kagyuu/ThreeJSExam/blob/mas...
*線の書き方 [#l75b3baf]
#code(java){{{
//geometryの宣言と生成
var geometry = new THREE.Geometry();
//頂点座標の追加
for (th = 0.0 ;th < (Math.PI * 2.0); th += 0.001) {
...
geometry.vertices.push( new THREE.Vector3(point[0], poi...
...
}
//線オブジェクトの生成
var line = new THREE.Line( geometry, new THREE.LineBasicM...
//sceneにlineを追加
scene.add( line );
}}}
-geometry に、vector3 の頂点を追加する
-geometry と 線種を指定して line を作る
-line を scene に追加する
-line も球や立方体と同様に回転させたり移動させたりできる
*破線にする [#qfd8aa75]
#iframe(/ThreeJSExam/line_dash.html,style=width:640px;hei...
&br;(マウスでグリグリ動くはず)
&code(html,https://github.com/kagyuu/ThreeJSExam/blob/mas...
----
[[HTML]]
終了行:
#contents
*ねじねじアニメーション [#if7586be]
#iframe(/ThreeJSExam/line.html,style=width:640px;height:4...
&br;(マウスでグリグリ動くはず)
&code(html,https://github.com/kagyuu/ThreeJSExam/blob/mas...
*線の書き方 [#l75b3baf]
#code(java){{{
//geometryの宣言と生成
var geometry = new THREE.Geometry();
//頂点座標の追加
for (th = 0.0 ;th < (Math.PI * 2.0); th += 0.001) {
...
geometry.vertices.push( new THREE.Vector3(point[0], poi...
...
}
//線オブジェクトの生成
var line = new THREE.Line( geometry, new THREE.LineBasicM...
//sceneにlineを追加
scene.add( line );
}}}
-geometry に、vector3 の頂点を追加する
-geometry と 線種を指定して line を作る
-line を scene に追加する
-line も球や立方体と同様に回転させたり移動させたりできる
*破線にする [#qfd8aa75]
#iframe(/ThreeJSExam/line_dash.html,style=width:640px;hei...
&br;(マウスでグリグリ動くはず)
&code(html,https://github.com/kagyuu/ThreeJSExam/blob/mas...
----
[[HTML]]
ページ名:
ISBN10
ISBN13
9784061426061
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
