Our goal is to give a short introduction to all the key concepts behind rendering 3D graphics and using WebGL to implement them. Knowing the principles of graphics rendering allows you to use such features.

Libraries can also have advanced features, like ShaderMaterial in three.js.

Every instruction removed from such a procedure means that a weaker graphics card can handle your content without problems.Д®ven if you decide to use a high-level graphics library, having basic knowledge of the things under the hood allows you to use it more effectively. The renderer can cause certain procedures to run millions of times on the graphics card.

While the library is optimized very well in most scenarios, a lot of bells and whistles can be cut out for your use case.

Your creative way of shading an object on the screen can either be straightforward to implement or require tens of hours of work to incorporate into the libraryвЂ™s abstractions.

An extra layer of abstraction can make otherwise easy modifications hard to do.

Transferring that much data just to show a spinning logo on your website would be a waste. The size of the minified base three.js features is around 500kB, and any extra features (loading actual model files is one of them) make the payload even larger.

They can have many features that you donвЂ™t plan to use.

There are some disadvantages to using pre-made solutions, though: Using a library can be just the right tool, and JavaScript has an amazing open source one in the form of three.js. Whether you just want to create an interactive 3D logo, or design a fully fledged game, if you donвЂ™t know the principles of 3D rendering, youвЂ™re stuck using a library that abstracts out a lot of things. The world of 3D graphics can be very intimidating to get into.

Java 3d modeling