WebGL and Three.js
WebGL serves as a foundation that provides instruments for manipulating with interactive 3D and 2D computer graphics. It gives you an opportunity to mix and match its elements with HTML elements and combine them with other constituents of the page or background. Three.js is a Javascript library with a list of high-end features that let you operate with scenes, cameras, lights, geometry, and more. It is intended to unlock the potential of WebGL by adding extra functionality to the platform. It makes it simple to create GPU-accelerated 3D animations without relying on browser plugins.Compatibility issues
With the modern technologies, you are always caught in a dilemma: either create a “one size fits all” project that will run on various devices and offer consistent user experience, or put everything on the line and instantly impress the audience that you can reach. With WebGL and Three.js it is the same story. Safari, Opera and the majority of mobile browsers (and that’s to say nothing about Internet Explorer) are like a fly in your Chardonnay. Unfortunately, a great deal of users are stuck with legacy browsers, so compatibility is quite an obstacle—but support is growing (which is more than can be said for Flash) and provided you don’t use it for anything mission critical, WebGL and Three.js are excellent options.Examples
Void

Reshaping Excellence

Bruno Quintela

Particle Test

Water Shader

WebGL Particle Head

Dynamic 3D Confetti Text

3D Panorama Viewer

Triangle Pattern Generator

Nataly Birch
Popular Posts
Read Next
Exciting New Tools for Designers, November 2023
We’ve got a mix of handy image helpers, useful design assets, and clever productivity tools, amongst other treats. Some…
The Dangers of Doomscrolling for Designers and How to Break Free
As a creative professional, navigating the digital realm is second nature to you. It’s normal to follow an endless…
By Louise North
From Image Adjustments to AI: Photoshop Through the Years
Remember when Merriam-Webster added Photoshop to the dictionary back in 2008? Want to learn how AI is changing design…
By Max Walton
3 Essential Design Trends, November 2023
In the season of giving thanks, we often think of comfort and tradition. These are common themes with each of our three…
30 Obsolete Technologies that will Perplex Post-2000s Kids
Remember the screech of dial-up internet? Hold fond memories of arcade machines? In this list, we’re condensing down 30…
15 Best New Fonts, October 2023
We’re entering the final quarter of 2023, and even in the pre-holiday lull, there are still plenty of fonts to get…
By Ben Moss
Progressive Web Apps (PWAs): Unlocking The Future of Mobile-First Web Development
There are over 5.4 billion mobile users today, meaning that over 68% of the population tap into an online business via…
The 12 Most Controversial Ad Campaigns of the 21st Century
How far would an organization be willing to go for the chance to generate a little extra buzz? In this list, we're…
By Robert Reeve
20 Best New Websites, October 2023
The Bento trend is still going strong: In some cases, we see this extend to the layout, but many more are picking…
Exciting New Tools for Designers, October 2023
This month, we have a whole bag of goodies for designers, developers, and designevelopers alike. (Yes, we did just make…
The 10 Most Successful Rebrands of All Time - Ranked
We’re all familiar with rebrands going wrong, but what happens when they go right? From McDonald’s health kick to…
By Max Walton
3 Essential Design Trends, October 2023
Every now and then, website design trends can leave you scratching your head. This month’s collection includes some of…