Skip navigation

On September 14th, 2017, we published revised versions of our Privacy Policy, Terms of Service and Website Use Policy and published a Cookie Policy. Your continued use of means you agree to these revised documents, so please take a few minutes to read and understand them.

Adding fog to the scene

Adding fog to the scene: Learning 3D Graphics on the Web with Three.js
Adding fog to the scene: Learning 3D Graphics on the Web with Three.js

As mentioned earlier, the scene object inherits properties from the Object3D class. It only has a few properties of its own. One of those properties is the fog property. The fog property allows the scene to fade off to a given color. It is a visual property that can somewhat enhance the aesthetic quality of a scene depending on the style you are going for. There are two kinds of fog objects in Three.js. You are going to be using the FogExp2 object. You need to pass this object inside the fog property to get it working.

Resume Transcript Auto-Scroll
Skill Level Intermediate
2h 51m
Show More Show Less
Skills covered in this course
Web Web Graphics JavaScript

Continue Assessment

You started this assessment previously and didn't complete it. You can pick up where you left off, or start over.

Start Your Free Trial Now

Start your free trial now, and begin learning software, business and creative skills—anytime, anywhere—with video instruction from recognized industry experts.

Start Your Free Trial Now