Last time, I made a simple wine glass in Blender and rendered it using Three.js. It mostly demonstrated the transmission property of the MeshPhysicalMaterial. This time I’m gonna show you how to simulate the refractive effects of the MeshPhysicalMaterial. How refraction works in Three.js It is actually much simpler than you think. All you need…

This is a rather simple and short tutorial on how to create a crystal clear wine glass in your Three.js scene. In the next article, I will probably play with different glass objects and showcase how to render different reflective and refractive effects with glass. Creating the geometry of a wine glass First off, we need the…

The official examples hosted on threejs.org are good references of most of the visual effects beginners are looking to achieve. But some times you might find them hard to grasp as there aren’t direct explanations about what is going on in the code. …

Often times you might get a PHP warning saying ‘Cannot modify header information’ when you’re using wp_redirect somewhere in your code. But what frustrates you the most is that the line of Warning is not pointing to the line of code where you called wp_redirect . …

When I learn about email authentication protocols, I learn them quite separately from different blogs or websites. …

You may have heard that WordPress is by far the most hacked CMS platform ever. Despite of that, many developers or bloggers worldwide are still using WordPress to build websites. That is why we should apply security measures wherever possible on WordPress sites. CSRF attack has been around for a…

In this guide, I will take you through the steps to use FlyControls to get the position and lookAt vectors for the perfect angle you want for your camera. For the sake of simplicity, I’m only demoing with the PerspectiveCamera . When I first start off learning Three.js, one of…

I love to learn by doing. And the best way to learn by doing, is doing something fun! This article is a hands-on guide that shows you how to easily make your own Bat Signal in ThreeJS. Sounds cool right? Getting Started We’ll use Webpack, together with common tools like Babel and…

After getting yourself to try each type of material ThreeJS has to offer, it feels like witnessing the evolution of the graphical quality of video games. It reminds me of the huge difference in how Lara Croft is rendered over a span of over 20 years: