Class: XComponent

cate: affine combination

cate mask

User defined animation - not supported in v1.0

Model translation

Model scale

Alpah change @deprecated replaced by U_ALPHA

uniform u_alpha animation

Uniform change - @deprecated?

current time (ms)

Vertex translate morphing in vertex uniforms

Uniform pos morphing

• tweening Obj3.mesh.unfiorms.wpos alone Obj3.datum.path, which is created by Thrender case like AssetType.PathTube.
  

Uniform pos morphing, with count specifying position number

??

DEPRECATED
replaced by ROTAXIS, used for affines + non-affine combination testing

Rotate around axis

Orbit around pivot

Move alone path

Shader material with color changing

Extending

not used?

short for material

deprecated
shaders provide by xglsl

deprecated
customer

mesh created as THREE.Mesh(), using THREE.MeshPhongMaterial as material, usually loaded asset from gltf asset

mesh created as THREE.Mesh(), using THREE.MeshBasicMaterial as material

THREE.Points.
If Visual.assets is a gltf, load the vertices;
if Visual.assets is undefined, generate vertices from the geometry declared in Obj3.

Note

1. Obj3Type.POINTS is an array of vertices buffer.
   
2. Visual.asset is different from Obj3.asset, see XComponent.Visual.asset

THREE.Points created from referencing model, with asset = entity id.

voxel generated for Obj3.box

ShaderFlag has a similar name, makes this error proven

html DOM as texture, test/example: htmltex.html

lines group, with dynamic lines' segment, of which end points can be tweened and updated.

tube generated according curve geometry. Visual.paras: tubularSegments = 20, radius = 2, radialSegments = 6, closed = false,
the same as Three.js TubeBufferGeometry constructor

opengl / webgl wireframe

THREE.Curve, rendered as opengl / webgl line. Geometry is created with Obj3.geom.
So there are lines, curves and shape using this visual type.

Daynamic polygon, extruded and the top vertices can be animated, with customer shader (not in v0.3)

used by axis

gltf asset file

Svg format asset

Svg format asset

not used

User provide mesh in Obj3.mesh

Handled by as an extesion like XComponent.Dynatex by CanvTex

A reference implementation of refrection, ported from Three.js mirror example

Shader receiving light, shadow, reflection & textures

With component XComponent.Dynatex handled by CanvTex

Handled by as a user extesion.
Thrender will create only an empty group.
Dynatex is a good example for use to implement / extend a component that only need an empty group.

default camera ctrl

map ctrl

orbit ctrl

custom or undefined

THREE.Box:
Obj3.box paras:
[width, height, depth]

Obj3.box: [radius, height, radialSegments]

THREE.Cylinder
box paras:
radiusTop — Radius of the cylinder at the top. Default is 1.
radiusBottom — Radius of the cylinder at the bottom. Default is 1.
height — Height of the cylinder. Default is 1.
radialSegments — Number of segmented faces around the circumference of the cylinder. Default is 8
heightSegments — Number of rows of faces along the height of the cylinder. Default is 1.
openEnded — A Boolean indicating whether the ends of the cylinder are open or capped. Default is false, meaning capped.
thetaStart — Start angle for first segment, default = 0 (three o'clock position).
thetaLength — The central angle, often called theta, of the circular sector. The default is 2*Pi, which makes for a complete cylinder.

Three.js Tetrahedron
box paras:
radius — Radius of the tetrahedron. Default is 1.
detail — Default is 0. Setting this to a value greater than 0 adds vertices making it no longer a tetrahedron.

Three.js Dodecahedron

Three.js Octahedron

Three.js Icosahedron

Three.js Icosahedron

Three.js Icosahedron

THREE.PolyhedronBufferGeometry, not supported

Three.js Icosahedron

line
For gl.LINE_STRip vs. gl.LINES, see Three.js Icosahedron

Random CatmullRomCurve3

Random line segments

THREE.Curve, with section points provided by user

?

same as pointSect, but converted to THREE.CatmullRomCurve3

TODO

Geojson path

Polygon in xz plane from way points, with y = paras.y0.

Hexatiles generated with help of AssetKeepr.

Tiles of cylinders generated by extruding polygon, with help of AssetKeepr.
Shader: ShaderFlag.boxLayers or texPrism

discard fragment when alpha less than threshold

defualt normal mix

defualt normal mix

adding (clampped)

color acculating by multiplication

color difference

mask, 16 bits for types

Materials of this kind of shader can accepting xlight.

default points shader

Shadding a cube into evenly distributed points, with texture

Color array defined by visual.color, can be morphed by ModelSeqs.script.

A scaled volumetric orb, with each vertices has an "a_tan" vec3 attribute representing path point's direction

A scaled volumetric orb moving alone a_pos, a vec3 array, and tweened by a_t float

Groups of moving orbs

Orbs centered at eacth uniform 'geoLoc'

color line

polygon layers

polygon layers (tiled floor)

volumetric boxes texture

Only used for AssetType.reflectex

for testing receiving directional shadow, see receiving Three.js directional shadow handling.

Fragment shape

Igonre the face, e.g. a plane for picking Dynatex area.