SimpleThree

Dreidimensionale Objekte auf dem HTML5 Canvas mit diesem Construct Addon.

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.

Properties

NameTypeDescriptionOptions
Three-dimensional Canvas Options
Canvas OrdercomboPut the 3D canvas in front or behind the 2D canvas. Default value: 3D In Front– 3D In Front
– 3D Behind
Canvas SizingcomboAutomatically 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 PositioningcomboKeep the 3D canvas at the top-left or use the object’s position. Default value: Top-Left– Top-Left
– Use Object Position
HotspotcomboChoose 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 UnitintegerNumber of 2D pixels per 3D unit, used for 2D to 3D distances translation Default value: 32
Ambient Light Options
Ambient light ColorcolorAmbient light color in RGB format Default value: ffffff
Ambient light IntensityfloatHow bright is the light Default value: 1.5
Fog
Fog TypecomboType of the scene Fog. Default value: None– None
– Linear
– Exponential Squared
Fog ColorcolorColor of the Fog. Default value: ffffff
Fog Density (Exponential Squared Fog Only)floatDefines how fast the fog will grow dense. Default value: 0.06
Fog Near (Linear Fog Only)floatThe 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)floatThe 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 ColorcolorColor of the Scene’s background. Default value: 0

ACES

Actions

NameDescriptionParameters
Canvas 3D
Set Canvas OrderPut 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 Front3D Behind)
Set Canvas SizingAutomatically 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 ScreenUse Object Size)
Set Canvas PositioningKeep the 3D canvas at the top-left or use the object’s position.– Canvas Positioning combo: The canvas position behavior. Options: (Top-LeftUse Object Position)
Set Pixels Per 3D UnitSet 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 ColorSet the Ambient light Color.– Ambient light Color string = "#ffffff": Ambient light color in CSS-style string
Set The Ambient Light IntensitySet How bright is the ambient light.– Ambient light Intensity number = 1.5: How bright is the ambient light
Set The Ambient light Color From NumberSet the Ambient light Color.– Ambient light Color string = rgb(255, 255, 255): Ambient light color From Number
Fog
Set Fog TypeSet The Fog Type.– Fog Type combo: The Type of Fog, use None to have no fog at all. Options: (NoneLinearExponential Squared)
Set Fog ColorSet The Fog Color.– Fog Color string = "#ffffff": Fog color in CSS-style string
Set DensityDefines 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 NearSet The Fog Near Distance. Only applies for Linear Fog.– Fog Near Distance number = 3.2: Distance in 2D units.
Set Fog FarSet The Fog Far Distance. Only applies for Linear Fog.– Fog Far Distance number = 300: Distance in 2D units.
Set Fog Color From NumberSet The Fog Color.– Fog Color number = rgb(255, 255, 255): Fog color From Number
Scene
Set Scene Background ColorSet The Scene Background Color.– Scene Background Color string = "#ffffff": Color in CSS-style string
Set Scene Background Color From NumberSet The Scene Background Color.– Scene Background Color number = 16777215: Color using a number

Expressions

NameTypeDescription
Canvas 3D
Canvas Order
Usage: SimpleThree.CanvasOrder
numberThe 3D canvas in front or behind the 2D canvas. 0=3D In Front, 1=3D Behind
Canvas Sizing
Usage: SimpleThree.CanvasSizing
numberAutomatically 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
numberKeep 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
numberThe location of the hot spot in the object.
Hotspot Y
Usage: SimpleThree.HotspotY
numberThe location of the hot spot in the object.
Pixels Per 3D Unit
Usage: SimpleThree.PixelsPer3DUnit
numberNumber of 2D pixels per 3D unit, used for 2D to 3D distances translation
Ambient Light
Ambient light Color
Usage: SimpleThree.AmbientLightColor
numberAmbient light color in RGB format
Ambient light Intensity
Usage: SimpleThree.AmbientLightIntensity
numberHow bright is the light
Fog
Fog Type
Usage: SimpleThree.FogType
numberThe Fog Type.
Fog Color
Usage: SimpleThree.FogColor
numberThe Fog Color.
Density
Usage: SimpleThree.FogDensity
numberHow fast the fog will grow dense. Only applies on Exponential Squared Fog
Fog Near
Usage: SimpleThree.FogNear
numberThe Fog Near Distance. Only applies for Linear Fog.
Fog Far
Usage: SimpleThree.FogFar
numberThe Fog Far Distance. Only applies for Linear Fog.
Scene
Scene Background Color
Usage: SimpleThree.SceneBackgroundColor
numberThe Scene Background Color.

SimpleThree Wall

Type: Behavior

Converts a tiled background in a 3D box or a plane.

Properties

NameTypeDescriptionOptions
Vertical heightintegerThe wall’s vertical height in 2D pixels. Default value: 32
Vertical hotspotcomboChoose the location of the vertical hot spot in the object. Default value: Bottom– Top
– Center
– Bottom
ElevationintegerHow height is this wall elevated from ground in 2D pixels.
Rotation XfloatRotation on the X axis in degrees.
Rotation ZfloatRotation on the Z axis in degrees.
TypecomboThe type of this wall: Box, Vertical Plane (Width is ignored on creation), Horizontal Plane (Vertical Height is ignored on creation) Default value: Box– Box
– Vertical Plane
– Horizontal Plane
Advanced
AnisotropycomboThe number of samples taken along the axis through the pixel that has the highest density of texels. Max will use renderer.getMaxAnisotropy method. The behavior will make sure the value is at most the maximum supported. Default value: 1– 1
– 2
– 4
– 8
– 16
– Max
Enable 2D RendercomboIf whether or not this object’s 2D render will happen, disabling it saves a lot of processing power. Default value: Disabled– Disabled
– Enabled
Magnification FiltercomboHow the texture is sampled when a texel covers more than one pixel. Default value: Linear– Linear
– Nearest
Minification FiltercomboHow the texture is sampled when a texel covers less than one pixel. Default value: Linear Filter– Nearest Filter
– Nearest Mipmap Nearest Filter
– Nearest Mipmap Linear Filter
– Linear Filter
– Linear Mipmap Nearest Filter
– Linear Mipmap Linear Filter

ACES

Actions

NameDescriptionParameters
Transform
Set Wall Vertical Height from 2D pixelsSet the Wall’s vertical height from 2D pixel length.– Vertical height number: The wall’s vertical height in 2D Pixels.
Set Wall Elevation from 2D pixelsSet the Wall’s Elevation from 2D pixel length.– Elevation number: The new wall’s elevation in 2D Pixels.
Set Wall X axis rotationSet the Wall’s X axis rotation in degrees.– Rotation X number: The wall’s X axis rotation in degrees.
Set Wall Z Axis RotationSet the Wall’s Z axis rotation in degrees.– Rotation Z number: The wall’s Z axis rotation in degrees.
Advanced
Set Wall texture anisotropySets the Wall’s texture anisotropy.– Anisotropy combo: The new anisotropy value. Options: (124816Max)

Conditions

NameDescriptionParameters
Transform
Compare Vertical HeightCompare the Wall’s current Vertical Height.– Comparison comparison:
– Value number = 0: Value to compare Vertical Height with
Compare ElevationCompare the Wall’s current Elevation.– Comparison comparison:
– Value number = 0: Value to compare Elevation with
Compare Rotation XCompare the Wall’s current Rotation X.– Comparison comparison:
– Angle (degrees) number = 0: Angle to compare Rotation X with in degrees
Compare Rotation ZCompare the Wall’s current Rotation Z.– Comparison comparison:
– Angle (degrees) number = 0: Angle to compare Rotation Z with in degrees

Expressions

NameTypeDescription
Transform
Vertical Height
Usage: MyObject.SimpleThree Wall.VerticalHeight
numberThe Wall Vertical Height in Pixels.
Elevation
Usage: MyObject.SimpleThree Wall.Elevation
numberThe Wall Elevation in Pixels.
Rotation X
Usage: MyObject.SimpleThree Wall.RotationX
numberThe Wall Rotation X in Degrees.
Rotation Z
Usage: MyObject.SimpleThree Wall.RotationZ
numberThe Wall Rotation Z in Degrees.

Was this helpful?

0 / 0

Schreibe einen Kommentar 0

Your email address will not be published. Required fields are marked *


WeltenSchmid Knowledge Base
Submit

    Type your search string. Minimum 4 characters are required.

    X
    wpChatIcon
    Skip to content