In this tutorial you will learn how to make objects appear glass-like in three steps using Three.js.

From our monthly sponsor: Automate manual QA and catch visual bugs with Percy’s all-in-one visual testing and review platform.

When rendering a 3D object you’ll always have to assign it a material to make it visible and to give it a desired appearance, whether it is in some kind of 3D software or in real-time with WebGL.
Many types of materials can be mimicked with out-of-the-box programs in libraries like Three.js, but in this tutorial I will show you how to make objects appear glass-like in three steps using—you guessed it—Three.js.
Step 1: Setup and Front Side Refraction
For this demo I’ll be using a diamond geometry, but you can follow along with a simple box or any other geometry.
Let’s set up our project. We’ll need a…


This is only a snippet of a Website Design Article written by Jesper Vos

Read Full Article


Content Disclaimer 

This Content is Generated from RSS Feeds, if your content is featured and you would like to be removed, please Contact Us With your website address and name of site you wish to be removed from.

Note:

You can control what content is distributed in your RSS Feed by using your Website Editor.

Tech Shop Offers