Create 3D Animations and graphics using Threejs(3JS)
ThreeJS is a cross-browser JavaScript library and application programming interface used to create and display animated 3D computer graphics in a web browser using WebGL.
Introduction to THREEJS
You may have wondered how web games and graphics are run on a web-browser. Only HTML and CSS are not sufficient. Then what really is the technology behind this ?
WebGL(Web Graphics Library) is a javascript API which is used to render 3 — dimensional objects, 2 — dimensional objects and graphics on a web browser. However, this was not sufficient to meet modern needs.
Later, ThreeJS came to the role for overcoming the drawbacks of WebGL.
Three.js is an open-source JavaScript library which is used to display the 3D objects, 2D objects and graphics on a web browser.
Lets first understands what WebGL is :
- It is a JavaScript API that allows to display 3D graphics on a browser.
- WebGL provides low level access to the hardware.
- WebGL only draws basic objects like point, square and line.
- WebGL doesn’t support most of the browsers.
Features of Threejs:
- It is a JavaScript library which is built on top of WebGL to render 3D graphics on a browser.
- Three.js allows to use Graphics Processing Unit(GPU )for rendering 3D graphics.
- It supports most of the browsers.
- Three.js allows to use GPU for rendering 3D graphics.
Conclusion
This article introduced the basics of the Threejs follow me for such more interesting blogs. In the upcoming blogs we’ll explore deeper to 3JS.
