�ス�ス�スハな表�ス�ス�スヘゑソスWebGL�ス�ス�ス�ス�ス�ス�ス竄キ�ス�ス�ス�ス�ス�スuThree.js�スv�スFWeb�スO�ス�ス�スt�スB�スb�スN�ス�ス�スn�スb�スN�ス�ス�ス�スi5�スj�スi1/5 �スy�ス[�スW�スj

Three.js�ス�スWebGL�スフ冗長�スネ仕�スl�ス�ス�ス�ス�スワゑソス�ス�ス�スb�スv�ス�ス�スA�ス�ス�ス�ス�ス竄キ�ス�ス�スC�ス�ス�ス^�ス[�スt�スF�スC�スX�スナ提供ゑソス�ス驛会ソスC�スu�ス�ス�ス�ス�ス�ス�スB�スT�ス�ス�スv�ス�ス�スR�ス[�スh�スニ鯉ソス�ス�スラなゑソス�ス�スA�ス�ス�ス�ス�スヌゑソス�スw�スK�ス�ス�ス謔、

» 2012�スN10�ス�ス04�ス�ス 00�ス�ス00�ス�ス �ス�ス�スJ

Three.js�スフ奇ソスb

�ス@�ス{�スA�ス�ス�ス�ス5�ス�スレゑソス�ス}�ス�ス�スA�ス�ス�ス謔「�ス�ス�ス�ス�ス�スノ難ソス�ス�スワゑソス�スB�ス�ス�ス�スフ托ソズは、Web�スu�ス�ス�スE�スU�ス�ス�ス3�ス�ス�ス�ス�スO�ス�ス�スt�スB�スb�スN�ス�ス�ス�ス�ス�ス�ス�ス�ス�スuWebGL�スv�スナゑソス�スB�ス�ス�ス�ス�ス�ス�スA�ス�ス�ス�スワでと茨ソス�ス�ス�スAPI�スシ接は触�ス黷ク�スA�スuThree.js�スv�ス�p�ス�ス�スワゑソス�スBThree.js�ス�スWebGL�スフ冗長�スネ仕�スl�ス�ス�ス�ス�スワゑソス�ス�ス�スb�スv�ス�ス�スA�ス�ス�ス�ス�ス竄キ�ス�ス�スC�ス�ス�ス^�ス[�スt�スF�スC�スX�スナ提供ゑソス�ス驛会ソスC�スu�ス�ス�ス�ス�スナゑソス�スBMr.Doob�ス�ス�ス�S�スノオ�ス[�スv�ス�ス�ス\�ス[�スX�スナ開�ス�ス�ス�ス�スi�ス゚ゑソス�ストゑソス�ス�スAWebGL�スE�スG�スナはデ�スt�ス@�スN�スg�スX�ス^�ス�ス�ス_�ス[�スh�スノ近ゑソス�スn�スハゑソスz�ス�ス�ストゑソス�スワゑソス�スB

�ス@WebGL�スヘゑソス�ス�スワで会ソス�ス�ス�ス�ス�ス�スヌゑソスAPI�ス�ス�ス�ス�ス�ス�スヘで、�ス�ス�スハな表�ス�ス�スヘゑソス氓�ス�ストゑソス�ス�スワゑソス�スB�ス�ス{�スI�ス�スHTML�ス�スJavaScript�スフ知�ス�ス�ス�ス�ス�ス�ス�スホ読み進�ス゚ゑソス�ス�ス謔、�スノ会ソス�ス�ス�ス�ストゑソス�スワゑソス�スフで、�ス�ス�スミゑソス�スフ厄ソス�スヘに触�ス�ストみてゑソス�ス�ス�ス�ス�ス�ス�スB

WebGL�スフブ�ス�ス�スE�スU�スT�ス|�ス[�スg�ス�ス

�ス@�ス{�スe�ス�ス�ス�ス�スM�ス�ス�ストゑソス�ス�ス2012�スN9�ス�ス�ス�ス�ス_�スノゑソス�ス�ス�スト、�スc�スO�スネゑソス�ス轤キ�スラての環具ソス�ス�スWebGL�ス�ス�ス�ス�スp�スナゑソス�ス�ス墲ッ�スナはゑソス�ス�スワゑソス�ス�スB�スL�ス�ス�ス�ス�スフサ�ス�ス�スv�ス�ス�スR�ス[�スh�スョ作さ�ス�ス�ス�スノは、�スホ会ソス�ス�ス�ス�スツ具ソス�ス�スp�スモゑソス�ストゑソス�ス�ス�ス�ス�ス�ス�スK�スv�ス�ス�ス�ス�ス�スワゑソス�スB�スネ会ソス�スノ各�スu�ス�ス�スE�スU�スフ対会ソス�スオゑソス�スワとめまゑソス�スi�ス�ス�ス�ス�ス�ス�ス2012�スN9�ス�ス�ス�ス�ス_�スフ最新�スナのゑソス�スフ)�スB

  • Google Chrome
    WebGL�ス�ス�スW�ス�ス�スナ暦ソス�スp�スナゑソス�スワゑソス�スB�スO�ス�ス�スt�スB�スb�スN�スf�スo�スC�スX�スノ厄ソス閧ェ�ス�ス�ス�ス鼾�ソスナゑソス�ス\�スt�スg�スE�スF�スA�スナエ�ス~�ス�ス�ス�ス�ス[�スV�ス�ス�ス�ス�ス�ス�ス�スフで、�ス�ス�ス�ス�スフ環具ソス�ス�スWebGL�ス�ス�ス�ス�ス�キ�ス�スナゑソス�ス蛯、�スBWebGL�ス�ス�ス�ス�ス�ス�スノは、�スナゑソス�ス�ス�ス�ス�ス゚でゑソス�ス�スu�ス�ス�スE�スU�スナゑソス�スB

  • Firefox
    WebGL�ス�ス�スW�ス�ス�スナ暦ソス�スp�スナゑソス�スワゑソス�ス�ス�スA�スO�ス�ス�スt�スB�スb�スN�スf�スo�スC�スX�スノ厄ソス閧ェ�ス�ス�ス�スニ厄ソス�ス�ス�スノなゑソスワゑソス�スB�ス�ス�スフ場合�スヘ、�スf�スo�スC�スX�スh�ス�ス�スC�スo�ス�ス�スナ新�スフゑソス�スフに更�スV�ス�ス�ス驍ア�スニで会ソス�スP�スナゑソス�ス驍ゥ�ス�ス�ス�ス�ス�スワゑソス�ス�スB

  • Sarafi
    WebGL�スフ機�ス\�ス�ス�スフは趣ソス�ス�ス�ス�ス�ス�ストゑソス�スワゑソス�ス�ス�スA�スf�スt�スH�ス�ス�スg�スナは厄ソス�ス�ス�スノなゑソス�ストゑソス�スワゑソス�スB�スツ具ソス�スン抵ソスフ詳細タ�スu�スナ「�ス�ス�スj�ス�ス�ス[�スo�ス[�ス�ス"�スJ�ス�ス"�ス�ス�スj�ス�ス�ス[�ス�ス\�ス�ス�スv�スノチ�スF�スb�スN�ス�ス�ス�ス黷ス�ス�スA�ス�ス�スC�ス�ス�ス�ス�スj�ス�ス�ス[�ス�ス[�スJ�ス�ス]>[WebGL�ス�スL�ス�ス�スノゑソス�ス�ス]�ス�スWebGL�ス�スL�ス�ス�ス�ス�スナゑソス�スワゑソス�スB�ス�ス�ス�ス�ス�ス�スA�スO�ス�ス�スt�スB�スb�スN�スf�スo�スC�スX�スノ厄ソス閧ェ�ス�ス�ス�スニ難ソス�ス�オ�スワゑソス�ス�スB

  • Opera
    WebGL�スフ機�ス\�ス�ス�スフは趣ソス�ス�ス�ス�ス�ス�ストゑソス�スワゑソス�ス�ス�スA�スf�スt�スH�ス�ス�スg�スナは厄ソス�ス�ス�スノなゑソス�ストゑソス�スワゑソス�スB�スA�スh�ス�ス�スX�スo�ス[�スノ「opera:config�スv�スニ難ソス�スヘゑソス�スト設抵ソスt�ス@�スC�ス�ス�スG�スf�スB�ス^�ス�ス\�ス�ス�ス�ス�スA�スuEnable WebGL�スv�スニ「Enable Hardware Acceleration�スv�スフ搾ソス�スレゑソス�スu1�スv�スノ変更�ス�ス�ス驍ア�スニで(�スO�ス�ス�スt�スB�スb�スN�スf�スo�スC�スX�スノ厄ソス閧ェ�スネゑソス�ス�スホ)�スAWebGL�ス�スL�ス�ス�ス�ス�スナゑソス�スワゑソス�スB�ス�ス�ス�ス�ス�ス�スA�スワゑソス�ス�ス�ス�ス�ス�ス�ス�ス�ス閧オ�ストゑソス�スネゑソス�ス謔、�スナ、�スM�スメの環具ソス�スナは記�ス�ス�ス�ス�スフサ�ス�ス�スv�ス�ス�スフほとゑソスヌゑソス�ス�ス�ス�オ�スワゑソス�ス�スナゑソス�ス�ス�スB

  • Internet Explorer
    �ス�ス�スs�ス�スIE9�スA�ス�ス�ス�スム近難ソス�ス�ス�スノ�ソス�ス�ス�ス[�スX�ス\�ス�ス�スIE10�スノゑソス�ス�ス�ストゑソスWebGL�ス�ス�スT�ス|�ス[�スg�ス�ス�スワゑソス�ス�スBWebGL�ス�ス�ス�ス�ス�ス�ス鼾�ソスヘ、�ス�ス�スフブ�ス�ス�スE�スU�ス�ス�スg�スp�ス�ス�ストゑソス�ス�ス�ス�ス�ス�ス�スB

�ス�ス Web�スu�ス�ス�スE�スU�スフ設抵ソスマ更�スヘ、�スe�ス�ス�スフ責任�スノゑソス�ス�ス�スト行�ス�ス�ストゑソス�ス�ス�ス�ス�ス�ス�スB�スレ的�ス�ス�スマんだゑソスA�ス�ス�スノ戻ゑソス�ストゑソス�ス�ス�ス�ス�スニゑソス�ス�ス�ス�ス�ス゚ゑソス�スワゑソス�スB

Three.js�スナ地�ス�ス�ス�ス\�ス�ス�ス�ス�ス�ス

�ス@�ス�ス�ス�スナは托ソス�ス�ス�スAThree.js�ス�ス�スg�ス�ス�ストみまゑソス�ス蛯、�スB�スワゑソス�スヘ会ソス�スフ画像�スフよう�スノ地�ス�ス�スフテ�スN�スX�ス`�ス�ス�ス」ゑソス�ス�ス�ス�ス�スフゑソス\�ス�ス�ス�ス�スト、Three.js�ス�p�ス�ス�ス�ス�ス`�ス謠茨ソス�ス�スフ暦ソス�ス�ス�ス�スツゑソス�スンまゑソス�スB

�スT�ス�ス�スv�ス�ス�スフ趣ソス�スs�ス�ス�ス�ス �スT�ス�ス�スv�ス�ス�スフ趣ソス�スs�ス�ス�ス�ス�スi�ス�ス �スe�スN�スX�ス`�ス�ス�ス鞫懶ソス�ス�ス�ス�ス闌ウ�スATom Patterson, www.shadedrelief.com�スj

�ス@�スネ会ソス�ス�ス�ス�ス�スフソ�ス[�スX�スR�ス[�スh�スノなゑソスワゑソス�スB

<!DOCTYPE html>
<html lang="ja">
  <head><meta charset="UTF-8"></head>
  <body>
    <script src="//sample.atmarkit.jp/fux/1210/04/three.min.js"></script>
    <script>
      // (1)�ス�ス�ス�ス�ス_�ス�ス�スフ擾ソス�ス�ス�ス�ス
      var renderer = new THREE.WebGLRenderer({ antialias:true });
      renderer.setSize(500, 500);
      renderer.setClearColorHex(0x000000, 1);
      document.body.appendChild(renderer.domElement);
 
      // (2)�スV�ス[�ス�ス�スフ作成
      var scene = new THREE.Scene();
 
      // (3)�スJ�ス�ス�ス�ス�スフ作成
      var camera = new THREE.PerspectiveCamera(15, 500 / 500);
      camera.position = new THREE.Vector3(0, 0, 8);
      camera.lookAt(new THREE.Vector3(0, 0, 0));
      scene.add(camera);
 
      // (4)�ス�ス�スC�スg�スフ作成
      var light = new THREE.DirectionalLight(0xcccccc);
      light.position = new THREE.Vector3(0.577, 0.577, 0.577);
      scene.add(light);
 
      var ambient = new THREE.AmbientLight(0x333333);
      scene.add(ambient);
 
      // (5)�ス\�ス�ス�ス�ス�ス髟ィ�スフの作成
      var geometry = new THREE.SphereGeometry(1, 32, 16);
      var material = new THREE.MeshPhongMaterial({
        color: 0xffffff, ambient: 0xffffff,
        specular: 0xcccccc, shininess:50, metal:true,
        map: THREE.ImageUtils.loadTexture('images/earth.jpg') });
      var mesh = new THREE.Mesh(geometry, material);
      scene.add(mesh);
 
      // (6)�ス�ス�ス�ス�ス_�ス�ス�ス�ス�スO
      var baseTime = +new Date;
      function render() {
        requestAnimationFrame(render);
        mesh.rotation.y = 0.3 * (+new Date - baseTime) / 1000;
        renderer.render(scene, camera);
      };
      render();
    </script>
  </body>
</html>

�ス@�スナ擾ソス�ス�スscript�スv�スf�スナ読み搾ソス�ス�スナゑソス�ス�スuThree.min.js�スv�ス�スThree.js�スフ本�スフでゑソス�スB�ス�ス�スフフ�ス@�スC�ス�ス�スヘ以会ソス�ス�スURL�スナ難ソス�ス�スナゑソス�ス�スフで、HTML�スニ難ソス�ス�ス�スt�スH�ス�ス�ス_�スノ保托ソス�ス�ス�ストゑソス�ス�ス�ストゑソス�ス�ス�ス�ス�ス�ス�スB

�ス@�ス�ス�スニはゑソス�スラゑソスJavaScript�スノゑソス髀茨ソス�ス�スナゑソス�スB�スR�ス�ス�ス�ス�スg�スナ具ソスリゑソス�ス�ス�ス�ス�ス�ス�ス�ス�スニに擾ソス�ス�ス�ス�ス�スe�ス�ス�ス�ス�ス�ス�ス�ストゑソス�ス�ス�スワゑソス�スB

�スi1�スj�ス�ス�ス�ス�ス_�ス�ス�スフ擾ソス�ス�ス�ス�ス

�ス@Three.js�スナの描�ス謠茨ソス�ス�スフほとゑソスヌゑソスS�ス�ス�スフゑソス�ス�ス�ス�ス�ス_�ス�ス�スナゑソス�スB�スT�ス�ス�スv�ス�ス�スナゑソスWebGL�スフ機�ス\�ス�p�ス�ス�スト、�ス`�ス�ス�ス�スs�ス�スWebGLRenderer�ス�ス�ス�ャ�ス�ス�ストゑソス�スワゑソス�スB�スR�ス�ス�スX�スg�ス�ス�スN�ス^�ス�ス�ス�ス�スナ指�ス閧オ�ストゑソス�ス�スuantialias:true�スv�スヘア�ス�ス�ス`�スG�スC�ス�ス�スA�スX�ス�ス�ス�ス�ス�スL�ス�ス�スノゑソス�ス�ス�ス�スフでゑソス�スB

�ス@�ス�ャ�ス�スノ呼び出�ス�ス�ストゑソス�ス�スsetSize()�ス�スsetClearColor()�スヘ、�ス�ス�ス黷シ�ス�ス`�ス�スフ茨ソスフサ�スC�スY�スニ、�ス`�ス�スO�スノ会ソスハク�ス�ス�スA�ス�ス�ス�スロの色�スフ指�ス�スナゑソス�スB�ス�スメは托ソス1�ス�ス�ス�ス�ス�ス�スF�スA�ス�ス2�ス�ス�ス�ス�ス�ス�スA�ス�ス�スt�ス@�スl�スi0�ス`1�スj�スニなゑソス�ストゑソス�スワゑソス�スB

�ス@�ス�ス�ス�ス�ス�ス�スト必�スv�スネ設抵ソス�ス�スs�ス�ス�ス�ス�ス�スAdomElement�スv�ス�ス�スp�スe�スB�スナ描�ス�スフ茨ソスニなゑソスDOM�スv�スf�ス�ス�ス謫セ�ス�ス�スA�スh�スL�ス�ス�ス�ス�ス�ス�スg�スフ任�スモの位置�スノ挿�ス�ス�ス�ス�スワゑソス�スBThree.js�スノゑソス�ス`�ス謖具ソスハは擾ソスノゑソス�ス�スDOM�スv�スf�ス�ス�スノ表�ス�ス�ス�ス�ス�スワゑソス�スB�ス�ス�スネみに、domElement�スフ値�スヘ前�ス�ス�ス�ス�ス�ス�ス�スcanvas�スv�スf�スネので、toDataURL()�スノゑソス�ス�スト描�ス謖具ソスハの画像�ス�ス�ス謫セ�ス�ス�ス�スニゑソス�ス�ス�ス�ス�ス�ス�スニゑソス�スツ能�スナゑソス�スB

�スi2�スj�スV�ス[�ス�ス�スフ作成

�ス@�ス`�ス�スホ象となる物�スフやそ�スフ托ソス�スフオ�スu�スW�スF�スN�スg�ス�ス�スi�ス[�ス�ス�ス�スScene�スN�ス�ス�スX�スフイ�ス�ス�スX�ス^�ス�ス�スX�ス�ス�ス�ャ�ス�ス�スワゑソス�スB�スネ降�スナ作成�ス�ス�ス�スI�スu�スW�スF�スN�スg�スヘゑソス�スラてゑソス�スフイ�ス�ス�スX�ス^�ス�ス�スX�スノ追会ソス�ス�ス�ストゑソス�ス�ス�スA�スナ鯉ソスノゑソス�ス�ス�ス�ス�ス�ス�ス�ス_�ス�ス�スノ渡�ス�ス�スト描�ス謔オ�スワゑソス�スB

�スi3�スj�スJ�ス�ス�ス�ス�スフ作成

�ス@�スV�ス[�ス�ス�ス�ス�スフ「�スヌの場所�ス�ス�ス�スv�スu�スヌの包ソス�ス�ス�ス�ス�スv�ス�ス�ス�ス�ス�ス�スi�ス�ス`�ス謔キ�ス驍ゥ�ス�ス�スw�ス閧キ�ス�スJ�ス�ス�ス�ス�ス�ス�ス�ャ�ス�ス�スA�スV�ス[�ス�ス�スノ追会ソス�ス�ス�スワゑソス�スB�スJ�ス�ス�ス�ス�スノは包ソス�スs�ス�ス�スe�ス�ス�スs�ス�スOrthographicCamera�スニ難ソス�ス�ス�ス�ス�スe�ス�スPerspectiveCamera�ス�ス�ス�ス�ス�スフでゑソス�ス�ス�スA�ス�スハ的�スノは会ソス�スs�ス�ス�ス�ス�ス�ス�ス�ス�ス�ス竄キ�ス�ス�ス�スメゑソス�スg�ス�ス�スワゑソス�スB

�ス@PerspectiveCamera�スフコ�ス�ス�スX�スg�ス�ス�スN�ス^�ス�ス�ス�ス�スヘ会ソスp�スニア�スX�スy�スN�スg�ス�スナゑソス�スB�ス�スp�スヘ値�ス�ス�ス�ス�ス�ス�ス�ス�ス�ス�ス�スホ望�ス�ス�ス�ス�ス�ス�スY�スA�ス蛯ォ�ス�ス�ス�ス�ス�スホ広�スp�ス�ス�ス�ス�スY�スフ鯉ソス�スハになゑソスフで、10�ス`70�ス�ス�ス�ス�ス�スナ好�スンのパ�ス[�スX�スノなゑソスl�ス�ス�スw�ス閧キ�ス�スホ良ゑソス�スナゑソス�ス蛯、�スB�スA�スX�スy�スN�スg�ス�スヘ会ソスハの会ソス�ス�ス�ス�ス�ス�ス�ス�ス�スナ奇ソス�ス�ス�ス�ス�スl�スナゑソス�スB

�ス@PerspectiveCamera�スC�ス�ス�スX�ス^�ス�ス�スX�ス�ス�ス�ャ�ス�ス�ス�ス�ス�スAposition�スv�ス�ス�スp�スe�スB�スナカ�ス�ス�ス�ス�スフ位置�スAlookAt()�ス�ス�ス\�スb�スh�スナ抵ソス�ス�ス�ス_�スi�ス�ス�スフ搾ソス�スW�ス�ス�ス�スハの抵ソス�スS�スニなゑソス謔、�スノカ�ス�ス�ス�ス�スフ包ソス�ス�ス�スイ撰ソス�ス�ス�ス�スj�ス�ス�スw�ス閧オ�スワゑソス�スB�ス�ス�スW�スフ指�ス�スノ使�ス�ス�ストゑソス�ス�スTHREE.Vector3�スN�ス�ス�スX�スヘ汎用�ス�ス3�ス�ス�ス�ス�スx�スN�スg�ス�ス�ス^�スナ、�スR�ス�ス�スX�スg�ス�ス�スN�ス^�ス�スx�スAy�スAz�ス�ス�スW�ス�ス�スw�ス閧オ�ストゑソス�スワゑソス�スBThree.js�スナの搾ソス�スW�スw�ス�スヘほとゑソスヌゑソス�スフク�ス�ス�スX�ス�ス�スg�ス�ス�スワゑソス�スB

�ス@�ス�ャ�ス�ス�ス�ス�スJ�ス�ス�ス�ス�スヘ、add()�ス�ス�ス\�スb�スh�スナシ�ス[�ス�ス�スノ追会ソス�ス�ス�ストゑソス�ス�ス�スワゑソス�スB�スネ降�スナ作成�ス�ス�ス�スe�スI�スu�スW�スF�スN�スg�ス�ス�ス�ス�スl�スナゑソス�スB

�スi4�スj�ス�ス�スC�スg�スフ作成

�ス@�ス�ス�スフゑソス�スニらす�ス�ス�スC�スg�ス�ス�スV�ス[�ス�ス�スノ配�スu�ス�ス�スワゑソス�スB�ス�スノ作成�ス�ス�ストゑソス�ス�スDirectionalLight�スヘ、�ス�ス�スz�ス�ス�スフよう�スノ(�スルぼ)�ス�ス�ス�ス�ス�ス�ス_�スノ托ソス�スンゑソス�ス�ス�ス�ス�ス�ス�ス\�ス�ス�ス�ス�ス�ス�ス�スフでゑソス�スB�スR�ス�ス�スX�スg�ス�ス�スN�ス^�スフ茨ソス�ス�ス�スヘ�ソス�スC�スg�スフ色�スナ、position�スv�ス�ス�スp�スe�スB�スヘ�ソス�スC�スg�スフ包ソス�ス�ス�スノなゑソスワゑソス�スB

�ス@�ス�ス�スノ作成�ス�ス�ストゑソス�ス�スAmbientLight�スヘ、�スニゑソスヤゑソス�スネどの環具ソス�ス�ス�ス�ス�ス^�ス�ス�スI�スノ再鯉ソス�ス�ス�ス�ス�ス�スフで、�スハの包ソス�ス�ス�スノゑソス�ス�ス�ス�ス轤ク�スV�ス[�ス�ス�ス�ス�ス�スl�スノ照らし�スワゑソス�スB�ス�ス�ス�ス�スン置�ス�ス�スネゑソス�スニ、�ス�ス�スC�スg�スノ照らさ�ス�ストゑソス�スネゑソス�スハゑソス�ス^�ス�ス�ス�ス�スノなゑソス�ストゑソス�スワゑソス�スA�スs�ス�ス�スR�スネ描�ス謖具ソスハになゑソスワゑソス�スi�スニゑソス�ス�ス�スツつ、�ス�ス�スヘ宇�ス�ス�ス�スヤでは環具ソス�ス�ス�ス�ス�スルぼ托ソス�スンゑソス�スネゑソス�スフで、�スn�ス�ス�ス�ス`�ス謔キ�ス�スネゑソスAmbientLight�ス�ス�スネゑソス�ス�ス�ス�ス�ス�ス�スA�ス�ス�スナゑソス�スB�ス�ス�ス�ス�スナは茨ソスハ的�スネ用�スr�スフ学�スK�スレ的�スニゑソス�ス�ス�ス�ス�スニで追会ソス�ス�ス�ストゑソス�スワゑソス�スj�スB

�スi5�スj�ス\�ス�ス�ス�ス�ス髟ィ�スフの作成

�ス@�ス�ス�スロに地�ス�ス�スニゑソス�スト表�ス�ス�ス�ス�ス驪�ソスフゑソス�スV�ス[�ス�ス�スノ追会ソス�ス�ス�スワゑソス�スBThree.js�スナは、�ス\�ス�ス�ス�ス�ス髟ィ�スフは趣ソスノ以会ソス�ス�ス3�スツの要�スf�スナ構�ス�ス�ス�ス�ス�スワゑソス�スB

  • �ス`�ス�ス (Geometry)
  • �ス�ス�ス�ス (Material)
  • �ス�ス�スロに表�ス�ス�ス�ス�ス髟ィ�ス�ス (Object3D)

�ス@�ス�ス�スフよう�ス�ス3�スツの要�スf�スノ包ソス�ス�ス�ストゑソス�ス髣晢ソスR�スヘ、�ス�ス�ス�ス�スフ包ソス�スフで形�ス�ス竡ソ�ス�ス�ス�ス�ス�ス�スL�ス�ス�ス驍ス�ス゚でゑソス�スB�ス痰ヲ�スホ、�スメ托ソス�ス�スg�ス�スナ費ソスヤ戦闘�ス@�スフシ�ス[�ス�ス�スネゑソス`�ス�スE�ス�ス�ス�ス�スニゑソス�スノ難ソス�ス�ス�ス�ス�スフを複撰ソス�スz�スu�ス�ス�ス�ス�ス�ス�スナゑソス�ス蛯、�ス�ス�スA�スn�ス�ス�スニ鯉ソス�ス�ス\�ス�ス�ス�ス�ス�スネゑソスA�ス`�ス�スヘ難ソス�ス�ス�ス�ス�スフで趣ソス�ス�ス�スi�スe�スN�スX�ス`�ス�ス�スj�スニ大き�ス�ス�ス�ス�ス�ス�ス�スマ更�ス�ス�ス�ス�ス�ス�スナゑソス�ス蛯、�スB�ス`�ス�スA�ス�ス�ス�ス�スA�ス�ス�スフに包ソス�ス�ス�スト管暦ソス�ス�ス�ス驍ア�スニで、�ス�ス�ス�ス�ス�ス�ス�ス�スj�ス[�スY�スノ柔�ス�スノ対会ソス�スナゑソス�スワゑソス�スB

�ス@�ス�ス�ス�ス�スニゑソス�スA�ス�ス�スフサ�ス�ス�スv�ス�ス�スヘ地�ス�ス�ス�ス1�スツ表�ス�ス�ス�ス�ス驍セ�ス�ス�スネので、�ス`�ス�スA�ス�ス�ス�ス�スA�ス�ス�スフゑソス�ス�ス�ス黷シ�ス�ス1�スツゑソス�スツ作成�ス�ス�ストゑソス�スワゑソス�スB�ス�ス�スヤに鯉ソス�ストゑソス�ス�ス�スワゑソス�ス蛯、�スB

�ス@�ス`�ス�スノ関ゑソス�ストは、Three.js�スノプ�ス�ス�スZ�スb�スg�ス�ス�ス�ストゑソス�ス�スSphereGeometry�スi�ス�ス�スフ)�ス�ス�スg�スp�ス�ス�ストゑソス�スワゑソス�スB�スw�ス閧オ�ストゑソス�ス�スR�ス�ス�スX�スg�ス�ス�スN�ス^�ス�ス�ス�ス�スヘ先頭�ス�ス�ス逕シ�スa�スA�スo�スx�ス�ス�ス�ス�スフ包ソス�ス�ス�ス�ス�スA�スワ度�ス�ス�ス�ス�スフ包ソス�ス�ス�ス�ス�スナゑソス�スBThree.js�スノは托ソス�スノゑソス�ス�ス�ス�ス�スフプ�ス�ス�スZ�スb�スg�ス`�スェゑソス�ス�スワゑソス�ス�ス�スA�スC�スモの形�ス�スカ撰ソス�ス�ス�ス�ス�ス�ス@�ス�ス�ス�ス�ス�スワゑソス�スB�ス�ス�ス�ス�スフ詳細ゑソス2�スy�ス[�スW�スレで会ソス�ス�ス�ス�スワゑソス�スB

�ス@�ス�ス�ス�ス�スヘ托ソス�ス�ス�スフ場合MeshPhongMaterial�ス�ス�スg�スp�ス�ス�スワゑソス�スB�スR�ス�ス�スX�スg�ス�ス�スN�ス^�ス�ス�ス�ス�スヘオ�スu�スW�スF�スN�スg�スナ、�スv�ス�ス�スp�スe�スB�スニゑソス�ストゑソス�スワゑソス�スワなパ�ス�ス�ス�ス�ス[�ス^�ス�ス^�ス�ス�ス驍ア�スニゑソス�スナゑソス�スワゑソス�スB�ス�ス�ス�ス�スp�ス�ス�ス�ス�ス[�ス^�スフ詳細ゑソス3�スy�ス[�スW�スレで会ソス�ス�ス�ス�ストゑソス�ス�スフで、�ス�ス�ス�ス�スナゑソスMeshPhongMaterial�スi�ス�ス�ス�ス�ス�ス�スヘ托ソス�スフ~Material�スN�ス�ス�スX�スj�スカ撰ソス�ス�ス�ス驍ア�スニで趣ソス�ス�ス�ス�ス�ス�ス`�スナゑソス�ス驍ア�スニゑソス�ス�ス�スo�ス�ス�ストゑソス�ス�ス�ストゑソス�ス�ス�ス�ス�ス�ス�スB

�ス@�ス�ス�スフゑソスObject3D�スA�ス�ス�ス�ス�ス�ス�スヘゑソス�スフ派�ス�ス�スN�ス�ス�スX�スフイ�ス�ス�スX�ス^�ス�ス�スX�スナゑソス�スB�スp�スr�スノ会ソス�ス�ス�スト托ソス�ス�ス�スフ派�ス�ス�スN�ス�ス�スX�ス�ス�スp�スモゑソス�ス�ストゑソス�スワゑソス�ス�ス�スA�ス�スハ的�スノは形�ス�ス�ス�ス�ス�スフまま表�ス�ス�ス�ス�ス�スMesh�スN�ス�ス�スX�ス�ス�スg�スp�ス�ス�スワゑソス�スB�ス�ス�スフには形�ス�スニ趣ソス�ス�ス�ス�ス�ス�ス�スムつゑソス�ス�ス�ス�ス�ス�ス�ス�ス�ス�ス�スフで、�ス�ス�ス�ス�ス�ス�スR�ス�ス�スX�スg�ス�ス�スN�ス^�ス�ス�ス�ス�スノ指�ス閧オ�スワゑソス�スB�ス�ス�ス�ス�ス�ス�ス�ス�ス�ス�スフはゑソスヘゑソスadd()�ス�ス�ス\�スb�スh�スナシ�ス[�ス�ス�スノ追会ソス�ス�ス�ストゑソス�ス�ス�スワゑソス�スB

�スi6�スj�ス�ス�ス�ス�ス_�ス�ス�ス�ス�スO

�ス@�ス�ス�ス�ス�スワでで表�ス�ス�ス�ス�ス�スV�ス[�ス�ス�スフ擾ソス�ス�ス�ス�ス�ス�ス�ス�ス�ス�ス�スフで、�ス�ス�ス�ス�ス�ス�ス�スロに�ソス�ス�ス�ス_�ス�ス�ス�ス�スO�ス�ス�スワゑソス�スB�スP�スノ静止�ス�ス�ス�ス�スx�ス`�ス謔キ�ス驍セ�ス�ス�スネらレ�ス�ス�ス_�ス�ス�ス�スrender()�ス�ス1�ス�ストび出�ス�ス�ス�ス�ス�ス�スナゑソス�スB�ス�ス�ス�ス�ス�ス�スA�ス�ス�ス�スナはつまゑソスネゑソス�スフで、�スT�ス�ス�スv�ス�ス�スナは地�ス�ス�ス�ス�ス�ス�ス�ス�ス�ス�スニ会ソス]�ス�ス�ス�ス�ス�スA�スj�ス�ス�ス[�スV�ス�ス�ス�ス�ス�ス�ス�ス�ス�ス�ス�ス�ストゑソス�スワゑソス�スB

�ス@WebGL�スナのア�スj�ス�ス�ス[�スV�ス�ス�ス�ス�スヘ、�スO�ス�ス�スCanvas API�スニ難ソス�スl�スノ擾ソス�ス�ス�ス�ス�スツ変会ソス�ス�ス�ス�ス�ス鞫懶ソス�ス�スJ�ス�スヤゑソス�ス`�ス謔キ�ス驍ア�スニで趣ソス�ス�ス�ス�ス�スワゑソス�スB�スT�ス�ス�スv�ス�ス�スナは包ソス�スフゑソスY�ス�ス�ス�ス�ス�スノ会ソス]�ス�ス�ス�ス�ス驍ス�ス゚、rotation.y�スv�ス�ス�スp�スe�スB�ス�スマ会ソス�ス�ス�ス�ス�ストゑソス�スワゑソス�スB�ス�ス�スl�ス�スposition�スv�ス�ス�スp�スe�スB�ス�スマ会ソス�ス�ス�ス�ス�ス�スホ包ソス�スフゑソス�スレ難ソス�スナゑソス�スワゑソス�ス�ス�スA�スJ�ス�ス�ス�ス�スフプ�ス�ス�スp�スe�スB�ス�スマ更�ス�ス�ス�スホシ�ス[�ス�ス�ス�ス�ス�ス�スレ難ソス�ス�ス�ストゑソス�ス�ス�スA�ス�ス�ス�ス�ス�スE�スH�ス[�スN�スX�ス�ス�ス[�スA�スj�ス�ス�ス[�スV�ス�ス�ス�ス�スノなゑソスワゑソス�スB

�ス@�ス`�ス�ス�ス�ス�ス�ス[�スv�ス�ス�ス�ス�ス驍ス�ス゚に使�ス�ス�ストゑソス�ス�スrequestAnimationFrame()�スヘ、�スO�ス�ス�ス�ス�ス�ス�ス�ス�ス�ス�スフと難ソス�ス�ス�スナゑソス�スBThree.js�ス�スヌみ搾ソス�ズゑソスrequestAnimationFrame()�スフ�ソス�スb�スp�ス[�スヨ撰ソス�ス�ス�スf�スt�スH�ス�ス�スg�スナ抵ソス`�ス�ス�ス�ス�スフで、�スx�ス�ス�ス_�ス[�スv�ス�ス�スt�スB�スb�スN�スX�スネゑソス�スナ暦ソス�スp�スナゑソス�スワゑソス�スB

�ス@�スネ擾ソスフ手順�スナ地�ス�ス�スフ会ソス]�スA�スj�ス�ス�ス[�スV�ス�ス�ス�ス�ス�ス�ス�ス�ス�ス�スナゑソス�スワゑソス�スB2�ス�ス�ス�ス�スフグ�ス�ス�スt�スB�スb�スN�ス�ス�ス�ス�ス�スCanvas API�スネどと費ソスラゑソスニコ�ス[�スh�スハは托ソス�ス�ス�スネゑソスワゑソス�ス�ス�スA�スK�スv�スナ抵ソス�ス�スフ設抵ソス�ス3�ス�ス�ス�ス�スフ包ソス�スフゑソス�ス\�ス�ス�スナゑソス�ス驍ア�スニゑソス�ス�ス�ス�ス�ス�スナゑソス�ス蛯、�スB�ス�ス�スフペ�ス[�スW�スネ降�スナは、�ス�ス�ス�スノ搾ソス�スx�ス�スThree.js�スフ機�ス\�ス�ス�ス�ス�ス�ス�ス�ストゑソス�ス�ス�スワゑソス�スB

�ス@�ス@�ス@�ス@�ス@�ス@ 1|2|3|4|5 �ス�ス�スフペ�ス[�スW�ス�ス

Copyright © ITmedia, Inc. All Rights Reserved.

�スX�ス|�ス�ス�スT�ス[�ス�ス�ス�スフゑソス�スm�ス轤ケPR

HTML5�ス{UX �スL�ス�ス�ス�ス�ス�ス�スL�ス�ス�スO

�ス{�ス�ス�ス�ス�ス�ス

�ス�ス�スレのテ�ス[�ス}

4AI by �ス�スIT - AI�ス�ス�ス�ス�スA�ス�ス�ス�ス�ス�ス�スA�ス�ス�スA�ス�ス�ス�ス�ス�ス
Microsoft �ス�ス Windows�スナ前�ス�ス2025
AI for �スG�ス�ス�スW�スj�スA�ス�ス�ス�ス�スO
�ス�ス�ス[�スR�ス[�スh�ス^�スm�ス[�スR�ス[�スh �スZ�ス�ス�スg�ス�ス�ス�ス by �ス�スIT - IT�スG�ス�ス�スW�スj�スA�ス�ス�スr�スW�スl�スX�スフ抵ソス�スS�スナ奇ソス�スキゑソスg�スD�ス�ス
Cloud Native Central by �ス�スIT - �スX�スP�ス[�ス�ス�スu�ス�ス�スネ能�スヘゑソスg�スD�ス�ス
�スV�スX�スe�ス�ス�スJ�ス�ス�スm�スE�スn�スE �スy�ス�ス�ス�ス�スi�スr�スzPR
�ス�ス�スネゑソス�スノゑソス�ス�ス�ス�ス�ス゚の記�ス�スPR

RSS�スノつゑソス�ス�ス

�スA�スC�スe�スB�ス�ス�スf�スB�スAID�スノつゑソス�ス�ス

�ス�ス�ス[�ス�ス�ス}�スK�スW�ス�ス�スo�ス^

�ス�スIT�スフ�ソス�ス[�ス�ス�ス}�スK�スW�ス�ス�スヘ、 �ス�ス�ス�ス�ス�ス�スA�ス�ス�スラて厄ソス�ス�ス�スナゑソス�スB�ス�ス�スミ�ソス�ス[�ス�ス�ス}�スK�スW�ス�ス�ス�ス�ス�ス�スw�スヌゑソス�ス�ス�ス�ス�ス�ス�スB