20 Exceptional Three.js Experiments

Home > Others > 20 Exceptional Three.js Experiments

20 Exceptional Three.js Experiments

September 9th, 2016 Leave a comment Go to comments

Getting the most out of advanced JavaScript APIs has come into fashion these days. Mind-blowing Chrome experiments driven by WebGL, personal portfolios of creative art directors that are marked by high-end abstract animations based on Three.js, or just hero sections that are set in motion with the help of Tween.js, all these libraries are extremely popular nowadays.

They power projects that are so overwhelming and awe-inspiring that even the banal lack of full browser compatibility ( the majority of such projects are capable of working in its full capacity only in the latest browser versions) does not slow down this raging mainstream nor does not prevent people from loving them. More and more developers are joining this flow, trying out its possibilities and pushing boundaries. Today we are going to take a glance at one of them and pay attention to some successful experiments with Three.js.

Three.js is a relatively lightweight and quite intuitive JavaScript library, a constant companion of projects that were created on the basis of WebGL. When it comes to dealing with 3D graphics, it is in its element. With it, it becomes possible to generate complex animations massively overload the system. It lets you manipulate and tune all the vital details of the composition such as lights, materials, shaders, cameras, objects, etc. It programmatically creates a render and charges it with dynamic behavior taking into account all the rules of geometry, perspective, and physics. To sum up, it has something to offer to any sophisticated developer.

We have compiled a collection of Three.js experiments that are available on Codepen. Some of them such as the wave of particles have already found their place in real projects while others such as the water shader are just outstanding pioneering concepts.