Graphics Reference
In-Depth Information
Making part of an object transparent
You can create a lot of interesting visualizations using the various materials available
with Three.js. In this recipe, we'll look at how you can use the materials available with
Three.js to make part of an object transparent. This will allow you to create complex-
looking geometries with relative ease.
Getting ready
Before we dive into the required steps in Three.js, we first need to have the texture
that we will use to make an object partially transparent. For this recipe, we will use the
following texture, which was created in Photoshop:
You don't have to use Photoshop; the only thing you need to keep in mind is that
you use an image with a transparent background. Using this texture, in this recipe,
we'll show you how you can create the following (
04.08-make-part-of-object-
transparent.html
):
