Three.js 3D rendering library for javascript #gamedev #game-engine #rendering #javascript

Mr.doob ae4c5198fd Geometry/BufferGeometry: "Flatten" cloned geometries. See #7416 #7535. преди 10 години
build fed17d00ee Updated builds. преди 10 години
docs 011c8d3e4c MTLLoader: Added Tr support. Removed invertTransparency option. See #7520 преди 10 години
editor 0de14543d9 Renamed MeshPhysicalMaterial back to MeshStandardMaterial. преди 10 години
examples 9103b4f226 Re-reverted OrbitControls. See c4940af2e6f7f20d8c6ade45710812c9665e7ee1. преди 10 години
src ae4c5198fd Geometry/BufferGeometry: "Flatten" cloned geometries. See #7416 #7535. преди 10 години
test 1ef8ba5adb Merge pull request #7445 from Mugen87/dev преди 10 години
utils 666630446c Prettified dynamic Uniforms. @arose note that I've changed the object, camera order. See #7048. преди 10 години
.gitignore 472ed080fc Merged changes from master- into dev-branch #17 преди 10 години
.npmignore 99d4757bd4 Add NPM support преди 10 години
CONTRIBUTING.md 4f903eab24 CONTRIBUTING: Smaller font size for message. преди 11 години
LICENSE c12770459e change *copy; to © преди 10 години
README.md b113db75e1 <canvas> -> `WebGL` преди 10 години
bower.json 635b3e274d Fix bower.json ignores преди 10 години
package.json e55ba32040 Updated package.json преди 10 години

README.md

three.js

JavaScript 3D library

The aim of the project is to create a lightweight 3D library with a very low level of complexity — in other words, for dummies. The library provides <canvas>, <svg>, CSS3D and WebGL renderers.

ExamplesDocumentationMigratingHelp

Usage

Download the minified library and include it in your html. Alternatively see how to build the library yourself.

<script src="js/three.min.js"></script>

This code creates a scene, a camera, and a geometric cube, and it adds the cube to the scene. It then creates a WebGL renderer for the scene and camera, and it adds that viewport to the document.body element. Finally it animates the cube within the scene for the camera.

<script>

	var scene, camera, renderer;
	var geometry, material, mesh;

	init();
	animate();

	function init() {

		scene = new THREE.Scene();
		
		camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 1, 10000 );
		camera.position.z = 1000;

		geometry = new THREE.BoxGeometry( 200, 200, 200 );
		material = new THREE.MeshBasicMaterial( { color: 0xff0000, wireframe: true } );

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

		renderer = new THREE.WebGLRenderer();
		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 );

	}

</script>

If everything went well you should see this.

Change log

releases