@gnsx/three 0.185.16 → 0.186.0

package/examples/jsm/renderers/CSS2DRenderer.js

@@ -46,14 +46,23 @@ class CSS2DObject extends Object3D {
 		this.element.setAttribute( 'draggable', false );
 
 		/**
-		 * The 3D objects center point.
-		 * `( 0, 0 )` is the lower left, `( 1, 1 )` is the top right.
+		 * The object's anchor point, and the point around which the object rotates.
+		 * A value of `(0.5, 0.5)` corresponds to the midpoint of the object. A value
+		 * of `(0, 0)` corresponds to the upper left corner of the object.
 		 *
 		 * @type {Vector2}
 		 * @default (0.5,0.5)
 		 */
 		this.center = new Vector2( 0.5, 0.5 );
 
+		/**
+		 * The object's angle of rotation, counterclockwise, in radians.
+		 *
+		 * @type {number}
+		 * @default 0
+		 */
+		this.rotation2D = 0;
+
 		this.addEventListener( 'removed', function () {
 
 			this.traverse( function ( object ) {
@@ -82,6 +91,8 @@ class CSS2DObject extends Object3D {
 
 		this.center = source.center;
 
+		this.rotation2D = source.rotation2D;
+
 		return this;
 
 	}
@@ -97,8 +108,8 @@ const _a = new Vector3();
 const _b = new Vector3();
 
 /**
- * This renderer is a simplified version of {@link CSS3DRenderer}. The only transformation that is
- * supported is translation.
+ * This renderer is a simplified version of {@link CSS3DRenderer}. The only transformations that
+ * are supported are translation and 2D rotation.
  *
  * The renderer is very useful if you want to combine HTML based labels with 3D objects. Here too,
  * the respective DOM elements are wrapped into an instance of {@link CSS2DObject} and added to the
@@ -235,7 +246,20 @@ class CSS2DRenderer {
 
 					object.onBeforeRender( _this, scene, camera );
 
-					element.style.transform = 'translate(' + ( - 100 * object.center.x ) + '%,' + ( - 100 * object.center.y ) + '%)' + 'translate(' + ( _vector.x * _widthHalf + _widthHalf ) + 'px,' + ( - _vector.y * _heightHalf + _heightHalf ) + 'px)';
+					// pivot point
+					const cx = 100 * object.center.x;
+					const cy = 100 * object.center.y;
+					element.style.transformOrigin = `${cx}% ${cy}%`;
+
+					// angle of rotation, counter-clockwise convention
+					const angle = - object.rotation2D;
+
+					// coordinates
+					const tx = _vector.x * _widthHalf + _widthHalf;
+					const ty = - _vector.y * _heightHalf + _heightHalf;
+
+					// transform
+					element.style.transform = `translate(${- cx}%, ${- cy}%) translate(${tx}px, ${ty}px) rotate(${angle}rad)`;
 
 					if ( element.parentNode !== domElement ) {
 

package/examples/jsm/shaders/DepthLimitedBlurShader.js

@@ -8,7 +8,10 @@ import {
  */
 
 /**
- * TODO
+ * A separable Gaussian blur shader that limits blurring across depth
+ * discontinuities, stopping when the view-space depth difference to a
+ * neighboring sample exceeds `depthCutoff`. This preserves edges and
+ * avoids bleeding across them.
  *
  * Used by {@link SAOPass}.
  *

package/examples/jsm/shaders/ExposureShader.js

@@ -4,7 +4,7 @@
  */
 
 /**
- * TODO
+ * Exposure shader that scales the image color by an exposure factor.
  *
  * @constant
  * @type {ShaderMaterial~Shader}

package/examples/jsm/shaders/FilmShader.js

@@ -4,7 +4,8 @@
  */
 
 /**
- * TODO
+ * Film grain shader that adds animated noise to the image, with an optional
+ * grayscale conversion.
  *
  * Used by {@link FilmPass}.
  *

package/examples/jsm/transpiler/AST.js

@@ -1,4 +1,4 @@
-import { toFloatType } from './TranspilerUtils.js';
+import { toFloatType, isBuiltinType } from './TranspilerUtils.js';
 
 export class ASTNode {
 
@@ -436,6 +436,24 @@ export class FunctionCall extends ASTNode {
 
 	}
 
+	getType() {
+
+		if ( isBuiltinType( this.name ) ) {
+
+			return this.name;
+
+		}
+
+		if ( this.linker.reference ) {
+
+			return this.linker.reference.getType();
+
+		}
+
+		return super.getType();
+
+	}
+
 }
 
 export class Return extends ASTNode {
@@ -594,12 +612,13 @@ export class For extends ASTNode {
 
 export class While extends ASTNode {
 
-	constructor( condition, body = [] ) {
+	constructor( condition, body = [], doWhile = false ) {
 
 		super();
 
 		this.condition = condition;
 		this.body = body;
+		this.doWhile = doWhile;
 
 		this.isWhile = true;