Type: Plugin
Creates a secondary canvas to render Three JS objects. It provides basic settings for Ambient Light and Fog.
NOTE: This plugin is needed by the other
simplethree_*
plugins to work.
Name | Type | Description | Options |
---|---|---|---|
Three-dimensional Canvas Options | |||
Canvas Order | combo | Put the 3D canvas in front or behind the 2D canvas. Default value: 3D In Front |
- 3D In Front - 3D Behind |
Canvas Sizing | combo | Automatically keep the 3D canvas size to be the same as the 2D canvas or use the object's size as set in the layout. Default value: In sync with Screen |
- In sync with Screen - Use Object Size |
Canvas Positioning | combo | Keep the 3D canvas at the top-left or use the object's position. Default value: Top-Left |
- Top-Left - Use Object Position |
Hotspot | combo | Choose the location of the hot spot in the object. Default value: Top-left |
- Top-left - Top - Top-right - Left - Center - Right - Bottom-left - Bottom - Bottom-right |
Pixels Per 3D Unit | integer | Number of 2D pixels per 3D unit, used for 2D to 3D distances translation Default value: 32 |
|
Ambient Light Options | |||
Ambient light Color | color | Ambient light color in RGB format Default value: ffffff |
|
Ambient light Intensity | float | How bright is the light Default value: 1.5 |
|
Fog | |||
Fog Type | combo | Type of the scene Fog. Default value: None |
- None - Linear - Exponential Squared |
Fog Color | color | Color of the Fog. Default value: ffffff |
|
Fog Density (Exponential Squared Fog Only) | float | Defines how fast the fog will grow dense. Default value: 0.06 |
|
Fog Near (Linear Fog Only) | float | The minimum distance to start applying fog. Objects that are less than 'near' units from the active camera won't be affected by fog. Default value: 3.2 |
|
Fog Far (Linear Fog Only) | float | The maximum distance at which fog stops being calculated and applied. Objects that are more than 'far' units away from the active camera won't be affected by fog. Default value: 300 |
|
Scene | |||
Scene Background Color | color | Color of the Scene's background. Default value: 0 |
Name | Description | Parameters |
---|---|---|
Canvas 3D | ||
Set Canvas Order | Put the 3D canvas in front or behind the 2D canvas. | - Canvas Order combo: If the 3D canvas will be in front or behind the 2D canvas. Options: (3D In Front , 3D Behind ) |
Set Canvas Sizing | Automatically keep the 3D canvas size to be the same as the 2D canvas or use the object's size as set in the layout. | - Canvas Sizing combo: The canvas size behavior. Options: (In sync with Screen , Use Object Size ) |
Set Canvas Positioning | Keep the 3D canvas at the top-left or use the object's position. | - Canvas Positioning combo: The canvas position behavior. Options: (Top-Left , Use Object Position ) |
Set Pixels Per 3D Unit | Set the Number of 2D pixels per 3D unit, used for 2D to 3D distances translation. | - Pixels Per 3D Unit number = 32 : Number of 2D pixels per 3D unit |
Ambient Light | ||
Set The Ambient light Color | Set the Ambient light Color. | - Ambient light Color string = "#ffffff" : Ambient light color in CSS-style string |
Set The Ambient Light Intensity | Set How bright is the ambient light. | - Ambient light Intensity number = 1.5 : How bright is the ambient light |
Set The Ambient light Color From Number | Set the Ambient light Color. | - Ambient light Color string = rgb(255, 255, 255) : Ambient light color From Number |
Fog | ||
Set Fog Type | Set The Fog Type. | - Fog Type combo: The Type of Fog, use None to have no fog at all. Options: (None , Linear , Exponential Squared ) |
Set Fog Color | Set The Fog Color. | - Fog Color string = "#ffffff" : Fog color in CSS-style string |
Set Density | Defines how fast the fog will grow dense. Only applies on Exponential Squared Fog | - Fog Density number = 0.06 : How fast the fog will grow dense. |
Set Fog Near | Set The Fog Near Distance. Only applies for Linear Fog. | - Fog Near Distance number = 3.2 : Distance in 2D units. |
Set Fog Far | Set The Fog Far Distance. Only applies for Linear Fog. | - Fog Far Distance number = 300 : Distance in 2D units. |
Set Fog Color From Number | Set The Fog Color. | - Fog Color number = rgb(255, 255, 255) : Fog color From Number |
Scene | ||
Set Scene Background Color | Set The Scene Background Color. | - Scene Background Color string = "#ffffff" : Color in CSS-style string |
Set Scene Background Color From Number | Set The Scene Background Color. | - Scene Background Color number = 16777215 : Color using a number |
Name | Type | Description | Parameters |
---|---|---|---|
Canvas 3D | |||
Canvas Order Usage: SimpleThree.CanvasOrder |
number |
The 3D canvas in front or behind the 2D canvas. 0=3D In Front, 1=3D Behind | |
Canvas Sizing Usage: SimpleThree.CanvasSizing |
number |
Automatically keep the 3D canvas size to be the same as the 2D canvas or use the object's size as set in the layout. 0=In sync with Screen, 1=Use Object Size | |
Canvas Positioning Usage: SimpleThree.CanvasPositioning |
number |
Keep the 3D canvas at the top-left or use the object's position. 0=Top-Left, 1=Use Object Position | |
Hotspot X Usage: SimpleThree.HotspotX |
number |
The location of the hot spot in the object. | |
Hotspot Y Usage: SimpleThree.HotspotY |
number |
The location of the hot spot in the object. | |
Pixels Per 3D Unit Usage: SimpleThree.PixelsPer3DUnit |
number |
Number of 2D pixels per 3D unit, used for 2D to 3D distances translation | |
Ambient Light | |||
Ambient light Color Usage: SimpleThree.AmbientLightColor |
number |
Ambient light color in RGB format | |
Ambient light Intensity Usage: SimpleThree.AmbientLightIntensity |
number |
How bright is the light | |
Fog | |||
Fog Type Usage: SimpleThree.FogType |
number |
The Fog Type. | |
Fog Color Usage: SimpleThree.FogColor |
number |
The Fog Color. | |
Density Usage: SimpleThree.FogDensity |
number |
How fast the fog will grow dense. Only applies on Exponential Squared Fog | |
Fog Near Usage: SimpleThree.FogNear |
number |
The Fog Near Distance. Only applies for Linear Fog. | |
Fog Far Usage: SimpleThree.FogFar |
number |
The Fog Far Distance. Only applies for Linear Fog. | |
Scene | |||
Scene Background Color Usage: SimpleThree.SceneBackgroundColor |
number |
The Scene Background Color. |