Three.js-3D Javascriptエンジン



javascript-gurra、 mr.doobがあり、 Habréでさえ彼の作品はすでに浮上しています。

全体として、非常に強力なJavascript 3dフレームワークと呼ばれています

Three.js



例は、率直に言って、印象的です。 最新のブラウザの最新バージョンでは、スムーズかつ美しく動作します。



特にボールの間飛行で遅れ、 パノラマエンジンに満足しました。

そして、WebGLを使用する人は誰でも-それは大喜びではありません-あなたとMinecraftとあなたが望むすべてのものです)







var camera, scene, renderer, geometry, material, mesh; init(); animate(); function init() { camera = new THREE.Camera( 75, window.innerWidth / window.innerHeight, 1, 10000 ); camera.position.z = 1000; scene = new THREE.Scene(); geometry = new THREE.Cube( 200, 200, 200 ); material = new THREE.MeshBasicMaterial( { color: 0xff0000, wireframe: true } ); mesh = new THREE.Mesh( geometry, material ); scene.addObject( mesh ); renderer = new THREE.CanvasRenderer(); renderer.setSize( window.innerWidth, window.innerHeight ); document.body.appendChild( renderer.domElement ); } function animate() { // Include examples/js/RequestAnimationFrame.js for cross-browser compatibility. requestAnimationFrame( animate ); render(); } function render() { mesh.rotation.x += 0.01; mesh.rotation.y += 0.02; renderer.render( scene, camera ); }
      
      





再度リンク:

Three.js




All Articles