three.js all in one

https://www.npmjs.com/package/three

# yarn add three

# OR

$ npm i three

https://github.com/mrdoob/three.js

https://threejs.org/docs/index.html#manual/en/introduction/Installation



import * as THREE from './js/three.module.js';

var camera, scene, renderer;

var geometry, material, mesh;

init();

animate();

function init() {

  camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 0.01, 10 );

  camera.position.z = 1;

  scene = new THREE.Scene();

  geometry = new THREE.BoxGeometry( 0.2, 0.2, 0.2 );

  material = new THREE.MeshNormalMaterial();

  mesh = new THREE.Mesh( geometry, material );

  scene.add( mesh );

  renderer = new THREE.WebGLRenderer( { antialias: true } );

  renderer.setSize( window.innerWidth, window.innerHeight );

  document.body.appendChild( renderer.domElement );

}

function animate() {

  requestAnimationFrame( animate );

  mesh.rotation.x += 0.01;

  mesh.rotation.y += 0.02;

  renderer.render( scene, camera );

}

WebGL

canvas

old version

https://www.npmjs.com/package/three.js

# yarn add three.js

# OR

$ npm i three.js

refs

xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

巴特西

three.js all in one

three.js all in one

WebGL

old version

refs

xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

最新文章

热门文章

巴特西

three.js all in one

three.js all in one

WebGL

old version

refs

xgqfrms 2012-2020 www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

最新文章

热门文章

xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！