what is three.js

Three.js is an opensourse cross-browser JavaScript library 
application programming interface (API) 
used to create and display animated 3D computer graphics in the browser
using WebGL. 
*** available via NPM *** and Github
FEATURES
Effects: Anaglyph, cross-eyed, and parallax barrier.
Scenes: add and remove objects at run-time; fog
Cameras: perspective and orthographic; 
	controllers: trackball, FPS, 
Animation: armatures, forward kinematics, 
	inverse kinematics, morph, and keyframe
Lights: ambient, direction, point, and spot lights; shadows: cast and receive
Materials: Lambert, Phong, smooth shading, textures, and more
Shaders: access to full OpenGL Shading Language (GLSL) capabilities: 
	lens flare, depth pass, and extensive post-processing library
Objects: meshes, particles, sprites, lines, ribbons, bones,
Geometry: plane, cube, sphere, torus, 3D text,
modifiers: lathe, extrude, and tube
Data loaders: binary, image, JSON, and scene
Utilities: full set of time and 3D math functions 
	frustum, matrix, quaternion, UVs, and more
Export and import: utilities to create Three.js-compatible JSON files 
  from : Blender, openCTM, FBX, Max, and OBJ
examples plus fonts, models, textures, sounds, other support files
Debugging: Stats.js, WebGL Inspector, Three.js Inspector
Virtual and Augmented Reality via WebXR

View another examples Add Own solution

Npcurious 95 points

                                    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/three.js/r123/three.js&quot;
        integrity=&quot;sha512-8Yom5spEjD3HeZTNoDiOm4Y4Rn3RVKUFpiqTM4I3RIIO0u8e2m7XjT5rG1GQNHJlVcD9EZrzn+itENl4C6112A==&quot;
        crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;

Thank you! 2

4 (2 Votes)

4.5

Krishter 90 points

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

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

init();

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 );
	renderer.setAnimationLoop( animation );
	document.body.appendChild( renderer.domElement );

}

function animation( time ) {

	mesh.rotation.x = time / 2000;
	mesh.rotation.y = time / 1000;

	renderer.render( scene, camera );

}

Thank you! 4

4.5 (4 Votes)

Are there any code examples left?

Find Add Code snippet

New code examples in category Javascript

Javascript 2023-04-21 22:52:36
Javascript 2022-03-27 22:25:20 javascript download string as file
Javascript 2022-03-27 21:40:22 sort numbers in array javascript
Javascript 2022-03-27 21:20:04 compare two arrays and return the difference javascript
Javascript 2022-03-27 21:15:02 javascript regex french phone number
Javascript 2022-03-27 21:05:03 cypress custom error message
Javascript 2022-03-27 21:00:05 create element javascript with id
Javascript 2022-03-27 20:40:57 feather icons react
Javascript 2022-03-27 20:20:01 how to make graphql request in axios
Javascript 2022-03-27 20:15:07 bootstrap validator password and confirm password

Create a Free Account

Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.

Develop soft skills on BrainApps

Complete the IQ Test

Relative searches

what is made with three.js things you can do with three.js three.js node,js threejs node js three.js node.js threejs node.js three-es javascript can I use three.js three js example three js .org can i use three.js with javascript ? can use three.js with javascript ? built with three js three js guide is three js under node js Three.js) node threejs what is the use of three.js three.jss three js habr three js code three js three three js create a three three js create three is three.js popular node.js with three.js javascript three js three.js ik three.jjs interactive three.js three js jans THREE.js html node js three three js in nodejs three.js basic three js basic three.js a three js node browser what can i do with three js what is three node js three js in javascript three js in node three js' three javascript three js browser what three js javascript three.js method who made three js three.js information threenodes.js where threejs is used Three.js .org threejs web using three js threejs from nodejs wht is three.js three-ik.js three js new threejs node how to use three.js in nodejs three js script who created three.js Three js interactive whAT IS THE three.js three js plain using three in nodejs nodejs and threejs nodejs and threes three.js s three.js example node three js threes js how to three.js where can i use three.js how to use three js threee.js three js example threes.js three js node three js nodejs three.js explained three js how to use three.js node and three js create three.js three.js framework how does three.js work what do to with three.js three.js definition three js framework what is three.js used for three . js use three js three.js for nodejs three.js reference threee js three js.org Three.js. three js min nodejs and three js using threejs www.Three.js three js org three js node js threer.js Three. js. three.js, javascript three.js what is \3 javascript threee js file download download 3js library download three js three.js projects 3js js three min js threemin js 3d js libaries three js tech three.js node three js doc three js latest version three js examples three min.js threejs doc webgl three.js framework three js docs javascript 3d library 3d.js three.js min js ecosysteem9/Scripts/three/three.min.js thre.js threejs cdn 3 js js download three js file three js cdn three.js site three.min.js three js stloader online library three.js programs thee js How to download threejs three js webgl download threejs examples 3d model javascript library 3d simulation javascript tre js three js three.js project three.js website treejs version three ... in js THREEg.js 3d image js library 3d animation js canvas 3d javascriptjs three.js documentation three. Js thrre.js download three.js 3d object drawing tree js treen js three.js min three .js three js online editor three js download js 3d libraty create 3d javascript thee.js 3 js create a 3d "library" 3d javascript no library javascript 3d model three js ui libraries three.js library threejs version js three threejs 3js javascript 3d library angular tree.js 3d js lib 3d library javascript three js in web three js current version download three.js docs js/three.js 3.js three.js org three.js cdn three js documentation\ 3d javascript three js corn example javascript 3d rendering three.js documen three min js download 3js css code javascript 3d object 3 javascript 3d viewer javascript 3d javascript demos javascript 3d three.js tutorial three js library threejs min file what is three js thre js 3d js library three.min.js file three.min.js file download three.min.js download what is tree js what si tree js three.js libs/examples open source threejs website three.js wiki three.js download three js documentation js 3d library what is tree.js tree js drei js three js deri js three three.js javascript three.js 3d js what is three.js

what is three.js

Welcome Back!

Create a Free Account