Question: Using JavaScript, WebGL and three.js Eerie Lighting Create a map that is enclosed by a wall. Make the floor and the wall different colors Create

Using JavaScript, WebGL and three.js

Eerie Lighting

  1. Create a map that is enclosed by a wall.
    1. Make the floor and the wall different colors
  2. Create several tree objects (from the previous assignment) as obstacles.
  3. Create a directional light located at 0,50,50.
    1. Scale its affect so the environment appears dim
  4. Create a point light and place it on several points in the maze
    1. For all point lights, make sure the affect fades with distance from the point light.
    2. (Hint if you found the magnitude of the surface to light vector that should be the distance)
  5. Create a box that is placed in the sky.
    1. Have a spotlight emit from the bottom of the box onto the ground.
    2. The box should move back and forth
  6. Create a finish marker, and a starting marker.
    1. IF you make it to the finish marker (first person control) then print you win on the website.
    2. If you get caught by the spot light, you start over.
      1. (Dont worry about the point lights)
    3. Your goal is to create a spooky environment that may be akin to a stealth survival game.

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!