Skip to content

sophiyamaharjan-git/three.js

This branch is 28493 commits behind mrdoob/three.js:dev.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

f73791e · Nov 10, 2016
Oct 25, 2016
Nov 10, 2016
Nov 10, 2016
Nov 9, 2016
Nov 10, 2016
Nov 10, 2016
Nov 9, 2016
Nov 9, 2016
Sep 1, 2015
Nov 17, 2015
Dec 31, 2015
Nov 8, 2016
Oct 23, 2015
Nov 9, 2016
Nov 9, 2016

Repository files navigation

three.js

Latest NPM release License Dependencies Dev Dependencies

JavaScript 3D library

The aim of the project is to create an easy to use, lightweight, 3D library. The library provides <canvas>, <svg>, CSS3D and WebGL renderers.

ExamplesDocumentationWikiMigratingHelp

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.

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 );

}

If everything went well you should see this.

Change log

releases

About

JavaScript 3D library.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 83.3%
  • Python 9.1%
  • C++ 2.1%
  • GLSL 1.6%
  • C 1.4%
  • MAXScript 1.3%
  • Other 1.2%