Basic Knowledge
The Internet has rapidly evolved in recent years. With the widespread adoption of HTML5 and numerous advancements in this field, the capabilities and performance of web pages have become stronger, faster, and easier. It is now possible to create many complex animations on the web.
What is Three JS?
Three.js is an easy-to-use 3D JavaScript library that consists of wrapping and simplifying the WebGL working interface.
To put it simply: WebGL can be considered the interface provided by the browser, and this interface can be used to draw three-dimensional graphics directly in JavaScript. Three.js helps us wrap these interfaces better and faster.
What is OpenGL?
There are many OpenGL graphics libraries, and one of them is even the most widely used across basic systems to WebGL.
Comparison between WebGL and Three.js
Now that we have WebGL, why do we need Three.js? This is because WebGL requires extensive knowledge of mathematics, although it provides many front-end application programming interfaces. However, the development of WebGL and the front-end interface are two entirely different directions. It is very difficult for programmers to start using WebGL in a short time. Therefore, Three.js effectively wraps the interface provided by WebGL and simplifies many details.
Learning Resources and Tools
You can learn the basics from here