In order to illuminate a scene containing 3D objects a lighting setup is required. In this lesson we'll walk through the available lighting components and create a common outdoor lighting setup.

This includes the components: <AmbientLight/>, which affects all objects in the scene equally and from all directions; <DirectionalLight/>, which illuminates all objects equally from a given direction; <PointLight/>, which spreads outward in all directions from one point; and finally <SpotLight/>, which spreads outwards in the form of a cone.

A handy demo for <SpotLight/> can be found .

 

import React from 'react';import {  AppRegistry,  asset,  Pano,  Text,  View,  Image,  Sphere,  AmbientLight,} from 'react-vr';export default class app extends React.Component {  render() {    return (      
             
              
            
         );  }};AppRegistry.registerComponent('app', () => app);