Three.js基本
今回は、Three.jsの描画関数の定義をやります！ 今までに、カメラ,ライト,物体の設定が終わり、そして、最後に追加する項目です。 こちらを書くと、実行できます。 renderer.render(sceneオブジェクト, cameraオブジェクト)（※rendererはレンダラーオブジェ…
今回は、Three.jsのGeometry（ジオメトリ ）をやります。 Geometryは、球や立方体などの実際に表示する物体の事です。形状と言ったほうがいいのかな（笑） ざっくりというと、今回は、物体の生成から位置や色の設定を中心にやっていきます（笑）「introducti…
今回は、Three.jsのLight（ライト,光源）について、やりまーす。「introduction.html」では、この部分が光源の処理をしている所です。 /*----------------ライト（光源）関数の定義④--------------*/ var light, light2; //グローバル変数の宣言 function in…
今回は、Three.jsのscene（シーン）について、やります。「introduction.html」では、「③scene処理」のここの部分です。 var scene; //シーンオブジェクト function initScene() { scene = new THREE.Scene(); //シーンオブジェクトの生成 } 重要なのは、 sc…
今回も、Three.jsの解説やりまーす（笑） ちなみに、前回は、レンダラーや画面サイズ指定などをやりましが、今回は、カメラについてやります。 introduction.htmlの②カメラ処理の部分です。 var camera; var controls; function initCamera() { camera = new…
今回は、前回に書いた「introduction.html」をもっと詳細に解説します（^^)「introduction.html」は、こちらから見えます！ Three.jsの基本① - Three.jsを使って、作ってみた最初のhtmlタグとかは、飛ばします（笑） はじめに①の「webGL処理」のところから、…
今日から、Three.jsを使って、どんな感じにコードを書いているのかをまとめていきます！基本はこんな感じです。あ！ Three.jsのバージョンはr58です。 <html> <head> <title>introduction</title> <meta charset="utf-8"> <script src="Three.js"></script> <script src="OrbitControls.js"></script> <link rel="stylesheet" type="text/css" href="screan.css"> </link></meta></head></html>
