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

Dinesh Salunke 7237bcc0f8 Added new Listbox ui elemt for editor пре 5 година
.github 7e0a78beb9 r108 пре 6 година
build e6312c8a67 Remove the files from PR пре 6 година
docs 8ff9b416a3 Loader: Remove Handlers. пре 6 година
editor 7237bcc0f8 Added new Listbox ui elemt for editor пре 5 година
examples 1536454d62 Merge pull request #17434 from Mugen87/dev38 пре 6 година
files a7b2da4ac4 Enables smooth scrolling of docs side-panel on iOS devices пре 6 година
src c6f4e713a8 Minor code style change пре 6 година
test 4de9262099 Tests: Clean up пре 6 година
utils 43ca366109 Fixed malformed jsdoc comment blocks пре 6 година
.editorconfig f1ba3a32ed Remove indent size from .editorconfig пре 6 година
.gitattributes 5446f535d1 git should handle the line endings пре 7 година
.gitignore cda9337371 Add test/unit/three.*.unit.js to .gitignore пре 7 година
.npmignore ccd86cc603 Include declaration files in npm package пре 6 година
.travis.yml 294d4b291a Tests against latest node пре 6 година
LICENSE 3b38509773 Update LICENSE пре 6 година
README.md a53ee62602 use shared-invite url for slack пре 6 година
icon.png c69db34ef8 Added icon.png пре 6 година
package-lock.json e6312c8a67 Remove the files from PR пре 6 година
package.json 9e18ea92ef package.json: added more keywords. пре 6 година
rollup-examples.config.js 3bac627f55 Clean up. пре 6 година
rollup.config.js e68904fc38 Rollup: Tweaked Buble transforms. пре 6 година

README.md

three.js

NPM package Build Size Build Status Dependencies Dev Dependencies Language Grade

JavaScript 3D library

The aim of the project is to create an easy to use, lightweight, 3D library with a default WebGL renderer. The library also provides Canvas 2D, SVG and CSS3D renderers in the examples.

ExamplesDocumentationWikiMigratingQuestionsForumGitterSlack

Usage

Download the minified library and include it in your HTML, or install and import it as a module, 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 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 );

}

If everything went well you should see this.

Change log

Releases