To install click the Add extension button. That's it.

The source code for the WIKI 2 extension is being checked by specialists of the Mozilla Foundation, Google, and Apple. You could also do it yourself at any point in time.

How to transfigure the Wikipedia

Would you like Wikipedia to always look as professional and up-to-date? We have created a browser extension. It will enhance any encyclopedic page you visit with the magic of the WIKI 2 technology.

Try it — you can delete it anytime.

Install in 5 seconds
4,5
Kelly Slayton
Congratulations on this excellent venture… what a great idea!
Alexander Grigorievskiy
I use WIKI 2 every day and almost forgot how the original Wikipedia looks like.
Live Statistics
English Articles
Improved in 24 Hours
Added in 24 Hours
What we do. Every page goes through several hundred of perfecting techniques; in live mode. Quite the same Wikipedia. Just better.
Great Wikipedia has got greater.
.
Leo
Newton
Brights
Milds

Three.js

From Wikipedia, the free encyclopedia

Three.js
Original author(s)Ricardo Cabello (Mr.doob)
Developer(s)Three.js Authors[1]
Initial releaseApril 24, 2010; 13 years ago (2010-04-24)[2]
Repository
Written inJavaScript, GLSL
TypeJavaScript library
LicenseMIT[1]
Websitethreejs.org

Three.js is a cross-browser JavaScript library and application programming interface (API) used to create and display animated 3D computer graphics in a web browser using WebGL. The source code is hosted in a repository on GitHub.[3]

YouTube Encyclopedic

  • 1/5
    Views:
    6 172
    24 733
    11 583
    187 790
    1 950
  • Using Tween.js with Three.js: 3D Animation Example in JavaScript
  • Learning THREE.js - 13 -- Blender "Talking Monkey" Animation Import
  • THREE.js Animation System
  • Getting Started With Three.js
  • TOP 9 Animations using THREE JS with source code | ThreeJS | AnimeJS | JS Animations | HTML CSS

Transcription

Overview

Three.js allows the creation of graphical processing unit (GPU)-accelerated 3D animations using the JavaScript language as part of a website without relying on proprietary browser plugins.[4][5] This is possible due to the advent of WebGL,[6] a low-level graphics API created specifically for the web.[7]

High-level libraries such as Three.js or GLGE, Scene.js, PhiloGL, and many more make it possible to author complex 3D computer animations for display in the browser without the effort required for a traditional standalone application or a plugin.[8]

History

Three.js was first released by Ricardo Cabello on GitHub in April 2010.[2] The origins of the library can be traced back to his involvement with the demoscene in the early 2000s.[9] The code was originally developed in the ActionScript language used by Adobe Flash, later being ported to JavaScript in 2009. In Cabello's mind, there were two strong points that justified the shift away from ActionScript: Firstly, JavaScript provided greater platform independence. Secondly, applications written in JavaScript would not need to be compiled by the developer beforehand, unlike Flash applications.

Additional contributions by Cabello include API design, CanvasRenderer, SVGRenderer, and being responsible for merging the commits by the various contributors into the project.

With the advent of WebGL, Paul Brunt was able to implement the new rendering technology quite easily as Three.js was designed with the rendering code as a module rather than in the core itself.[10] Branislav Uličný, an early contributor, started with Three.js in 2010 after having posted a number of WebGL demos on his own site. He wanted WebGL renderer capabilities in Three.js to exceed those of CanvasRenderer or SVGRenderer.[10] His major contributions generally involve materials, shaders, and post-processing.

Soon after the introduction of WebGL 1.0 on Firefox 4 in March 2011, Joshua Koo came on board. He built his first Three.js demo for 3D text in September 2011.[10] His contributions frequently relate to geometry generation.

Starting from version 118, Three.js uses WebGL 2.0 by default. Older version of the standard is still available via WebGL1Renderer class.[11]

Three.js has over 1700 contributors on GitHub.[12]

Features

Three.js includes the following features:[13]

  • Effects: Anaglyph, cross-eyed, and parallax barrier.
  • Scenes: add and remove objects at run-time; fog
  • Cameras: perspective and orthographic; controllers: trackball, FPS, path and more
  • 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, and more - all with Level of detail
  • Geometry: plane, cube, sphere, torus, 3D text, and more; modifiers: lathe, extrude, and tube
  • Import/export: native serialization/deserialization via JSON, glTF, OBJ, USDZ, and more.
  • Utilities: full set of time and 3D math functions including frustum, matrix, quaternion, UVs, and more
  • Support: API documentation is under construction. A public forum and wiki is in full operation.
  • Examples: Over 150 files of coding examples plus fonts, models, textures, sounds, and other support files
  • Debugging: Stats.js,[14] WebGL Inspector,[15] Three.js Inspector[16]
  • Virtual and Augmented Reality via WebXR[17]

Three.js runs in all browsers supported by WebGL 1.0.

Three.js is made available under the MIT License.[1]

See also

References

  1. ^ a b c "Three.js/license". github.com/mrdoob. Retrieved 20 May 2012.
  2. ^ a b "First commit". github.com/mrdoob. Retrieved 20 May 2012.
  3. ^ Mr.doob (2021-03-04), mrdoob/three.js, retrieved 2021-03-04
  4. ^ O3D
  5. ^ Unity (game engine)
  6. ^ "Khronos Releases Final WebGL 1.0 Specification". Khronos Group. March 3, 2011. Retrieved 2 June 2012.
  7. ^ "WebGL". The Khronos Group. 2011-07-19. Retrieved 2022-01-22.
  8. ^ Crossley, Rob (11 January 2010). "Study: Average dev costs as high as $28m". Intent Media Ltd. Archived from the original on 13 January 2010. Retrieved 2 June 2012.
  9. ^ NVScene. "NVScene 2015 Session: Reinventing The Wheel - One Last Time (Ricardo Cabello)". YouTube.
  10. ^ a b c "Three.js White Paper". Github.com. 2012-05-21. Retrieved 2013-05-09.
  11. ^ "Release r118 · mrdoob/three.js" (Press release). Retrieved 2023-05-24.
  12. ^ Mr.doob (2020-08-03), mrdoob/three.js, retrieved 2023-05-24
  13. ^ mrdoob (2012-11-26). "Features mrdoob/three.js Wiki GitHub". Github.com. Retrieved 2013-05-09.
  14. ^ "Stats.js". Github.com. Retrieved 2013-05-09.
  15. ^ "WebGL Inspector". Benvanik.github.com. Retrieved 2013-05-09.
  16. ^ "Three.js Inspector Labs". Zz85.github.com. Retrieved 2013-05-09.
  17. ^ "three.js examples". threejs.org.

Further reading

External links

Wikimedia Commons has media related to Three.js.
Stub icon

This computer-programming-related article is a stub. You can help Wikipedia by expanding it.

This page was last edited on 11 January 2024, at 17:13
Basis of this page is in Wikipedia. Text is available under the CC BY-SA 3.0 Unported License. Non-text media are available under their specified licenses. Wikipedia® is a registered trademark of the Wikimedia Foundation, Inc. WIKI 2 is an independent company and has no affiliation with Wikimedia Foundation.
Contact WIKI 2
Introduction
Terms of Service
Privacy Policy