Skip to content

Added 2 New SpotLight Examples #8485

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 19 commits into from
Apr 1, 2016
Merged

Added 2 New SpotLight Examples #8485

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
19 commits
Select commit Hold shift + click to select a range
45a22ff
Adding SpotLight Example webgl_lights_spotlight.html
MasterJames Mar 30, 2016
3b7c85d
adds second example webgl_lights_spotlights.html
MasterJames Mar 30, 2016
c7b269b
adds 2 examples to list files.js
MasterJames Mar 30, 2016
9c04c89
Recommended Updates
MasterJames Mar 30, 2016
0d0638d
Recommended Updates
MasterJames Mar 30, 2016
7a9b241
Update webgl_lights_spotlight.html
MasterJames Mar 30, 2016
7f8f0f2
added click event to randomize color
MasterJames Mar 30, 2016
d39e343
CTRL Click to set objects color White
MasterJames Mar 30, 2016
970e12c
Added Click Event to randomize color
MasterJames Mar 30, 2016
94e873b
adds new spot light examples to SpotLight doc
MasterJames Mar 30, 2016
d36bd70
updated header desc. RGB to CMY colored shadows
MasterJames Mar 30, 2016
3c6b6a6
Embedded Single SpotLight Example
MasterJames Mar 31, 2016
66d6c3d
Embedded Single Spotlights into Helper
MasterJames Mar 31, 2016
c46af8a
added Extra examples header
MasterJames Mar 31, 2016
453a2b3
gui tweak
MasterJames Mar 31, 2016
1b158c6
GUI positioning Tweaks
MasterJames Mar 31, 2016
c8ca285
Camera Position Change
MasterJames Mar 31, 2016
e422e78
gui space for color set hue select needed
MasterJames Mar 31, 2016
0d73cff
typo with to within
MasterJames Mar 31, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
123 changes: 64 additions & 59 deletions docs/api/extras/helpers/SpotLightHelper.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,60 +1,65 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<base href="../../../" />
<script src="list.js"></script>
<script src="page.js"></script>
<link type="text/css" rel="stylesheet" href="page.css" />
</head>
<body>
[page:Object3D] &rarr;

<h1>[name]</h1>

<div class="desc">This displays a cylinder helper object for a [page:SpotLight] </div>


<h2>Example</h2>

<code>
var spotLight = new THREE.SpotLight( 0xffffff );
spotLight.position.set( 10, 10, 10 );
scene.add( spotLight );

var spotLightHelper = new THREE.SpotLightHelper( spotLight );
scene.add( spotLightHelper );
</code>


<h2>Constructor</h2>


<h3>[name]([page:SpotLight light])</h3>
<div>
light -- The [page:SpotLight] to display
</div>


<h2>Properties</h2>


<h3>[property:SpotLight light]</h3>
<div>
The [page:SpotLight]
</div>


<h2>Methods</h2>


<h3>[method:null update]()</h3>
<div>
Updates the light helper.
</div>

<h2>Source</h2>

[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
</body>
</html>
<base href="../../../" />
<script src="list.js"></script>
<script src="page.js"></script>
<link type="text/css" rel="stylesheet" href="page.css" />
</head>
<body>
[page:Object3D] &rarr;

<h1>[name]</h1>

<div class="desc">This displays a cylinder helper object for a [page:SpotLight] </div>

<h2>Example</h2>
<iframe src='../examples/webgl_lights_spotlight.html'></iframe>
<a target="THREE_Examples" href="../examples/#webgl_lights_spotlight">View in Examples</a><br />
<h2>Other Examples</h2>

<div>[example:webgl_lights_spotlights lights / spotlights ]</div>

<h2>Code Example</h2>
<code>
var spotLight = new THREE.SpotLight( 0xffffff );
spotLight.position.set( 10, 10, 10 );
scene.add( spotLight );

var spotLightHelper = new THREE.SpotLightHelper( spotLight );
scene.add( spotLightHelper );
</code>


<h2>Constructor</h2>


<h3>[name]([page:SpotLight light])</h3>
<div>
light -- The [page:SpotLight] to display
</div>


<h2>Properties</h2>


<h3>[property:SpotLight light]</h3>
<div>
The [page:SpotLight]
</div>


<h2>Methods</h2>


<h3>[method:null update]()</h3>
<div>
Updates the light helper.
</div>

<h2>Source</h2>

[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
</body>
</html>
10 changes: 9 additions & 1 deletion docs/api/lights/SpotLight.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,19 +12,26 @@

<h1>[name]</h1>

<div class="desc">A point light that can cast shadow in one direction.</div>
<div class="desc">A point light that can cast a shadow in one direction within a falloff cone.</div>

<div class="desc">Affects objects using [page:MeshLambertMaterial] or [page:MeshPhongMaterial].</div>


<h2>Example</h2>

<iframe src='../examples/webgl_lights_spotlight.html'></iframe>
<a target="THREE_Examples" href="../examples/#webgl_lights_spotlight">View in Examples</a><br />
<h2>Other Examples</h2>

<div>[example:webgl_lights_spotlights lights / spotlights ]</div><br />
<div>[example:webgl_interactive_cubes_gpu interactive / cubes / gpu ]</div>
<div>[example:webgl_interactive_draggablecubes interactive / draggablecubes ]</div>
<div>[example:webgl_materials_bumpmap_skin materials / bumpmap / skin ]</div>
<div>[example:webgl_materials_cubemap_dynamic materials / cubemap / dynamic ]</div>
<div>[example:webgl_morphtargets_md2 morphtargets / md2 ]</div>
<div>[example:webgl_shading_physical shading / physical ]</div>

<h2>Code Example</h2>
<code>
// white spotlight shining from the side, casting shadow

Expand All @@ -43,6 +50,7 @@ <h2>Example</h2>
scene.add( spotLight );
</code>

<h2>Extra Examples</h2>
<div>
[example:webgl_materials_bumpmap materials / bumpmap]<br/>
[example:webgl_shading_physical shading / physical]<br/>
Expand Down
2 changes: 2 additions & 0 deletions examples/files.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -60,6 +60,8 @@ var files = {
"webgl_lights_physical",
"webgl_lights_pointlights",
"webgl_lights_pointlights2",
"webgl_lights_spotlight",
"webgl_lights_spotlights",
"webgl_lines_colors",
"webgl_lines_cubes",
"webgl_lines_dashed",
Expand Down
Loading