@operato/scene-visualizer 1.2.36 → 1.2.39

package/src/threed/real-object-dom-element.ts

@@ -2,19 +2,24 @@
  * Copyright © HatioLab Inc. All rights reserved.
  */
 
-import * as THREE from 'three'
-import { HTMLOverlayElement, HTMLOverlayContainer } from '@hatiolab/things-scene'
+import { HTMLOverlayElement, HTMLOverlayContainer, DELTA } from '@hatiolab/things-scene'
 
-import { RealObjectMesh } from './real-object-mesh'
 import { CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer.js'
 import { RealObject } from './real-object'
-import { SCALE_MIN } from './common'
 
 export class RealObjectDomElement extends RealObject<CSS3DObject> {
   protected getObject3dInstance() {
     return new CSS3DObject((this.component as HTMLOverlayElement | HTMLOverlayContainer).element)
   }
 
+  get cz() {
+    var { zPos = 0 } = this.component.state
+    var { height } = this.component.bounds
+    var { tz = 0 } = this.component.delta() as DELTA
+
+    return zPos + tz + height / 2
+  }
+
   build() {
     super.build()
 

package/src/threed/real-object-sprite.ts

@@ -4,6 +4,7 @@
 
 import * as THREE from 'three'
 import { applyAlpha } from './common'
+import { DELTA } from '@hatiolab/things-scene'
 
 import { RealObject } from './real-object'
 
@@ -22,6 +23,14 @@ export abstract class RealObjectSprite extends RealObject<THREE.Sprite> {
 
   /* overide */
 
+  get cz() {
+    var { zPos = 0 } = this.component.state
+    var { height } = this.component.bounds
+    var { tz = 0 } = this.component.delta() as DELTA
+
+    return zPos + tz + height / 2
+  }
+
   updateAlpha() {
     var { alpha = 1, fillStyle } = this.component.state
 

package/src/threed/texture/canvas-texture.ts

@@ -3,14 +3,36 @@ import { Component } from '@hatiolab/things-scene'
 
 import { createCanvas } from '../html/elements'
 
+function nextPowerOf2(n: number) {
+  var count = 0
+
+  if (n && !(n & (n - 1))) {
+    return n
+  }
+
+  while (n != 0) {
+    n >>= 1
+    count += 1
+  }
+
+  return 1 << count
+}
+
 export function createCanvasTexture(component: Component): THREE.Texture {
+  var { lineWidth } = component.state
   var { width, height } = component.bounds
 
+  width += lineWidth
+  height += lineWidth
+
   // Factor for increasing image resolution.
   // TODO to be able to redraw according to the change in zoom value.
-  const scale = (component.realObject?.threeContainer?.zoom as number) * 2
+  const scale = 2 // component.realObject?.threeContainer?.zoom as number
 
-  let canvas = createCanvas(width * scale, height * scale)
+  var poweredWidth = nextPowerOf2(width * scale)
+  var poweredHeight = nextPowerOf2(height * scale)
+
+  let canvas = createCanvas(poweredWidth, poweredHeight)
 
   var texture = new THREE.CanvasTexture(canvas)
 
@@ -19,19 +41,23 @@ export function createCanvasTexture(component: Component): THREE.Texture {
   texture.needsUpdate = true
   texture.wrapS = THREE.RepeatWrapping
   texture.wrapT = THREE.RepeatWrapping
-  texture.offset.set(0, 0)
-  texture.repeat.set(1, 1)
+  texture.offset.set(0, 1 - (height * scale) / poweredHeight)
+  texture.repeat.set((width * scale) / poweredWidth, (height * scale) / poweredHeight)
   texture.magFilter = THREE.NearestFilter
-  texture.minFilter = THREE.LinearMipMapLinearFilter
-  // @ts-ignore
+  texture.minFilter = THREE.LinearFilter
+  // texture.minFilter = THREE.LinearMipMapLinearFilter
   texture.colorSpace = THREE.SRGBColorSpace
 
   return texture
 }
 
 export function renderCanvasTexture(canvas: HTMLCanvasElement, component: Component, scale: number) {
+  var { lineWidth } = component.state
   var { left, top } = component.bounds
 
+  left -= lineWidth / 2
+  top -= lineWidth / 2
+
   let context = canvas.getContext('2d')
 
   context!.scale(scale, scale)

package/translations/en.json

@@ -8,5 +8,10 @@
   "label.section-digits": "section digits",
   "label.shelf-locations": "shelf locations",
   "label.unit-digits": "unit digits",
-  "label.popup-position": "popup position"
+  "label.popup-position": "popup position",
+  "label.light-type": "light type",
+  "label.intensity": "intensity",
+  "label.distance": "distance",
+  "label.decay": "decay",
+  "label.cast-shadow": "cast shadow"
 }

package/translations/ko.json

@@ -8,5 +8,10 @@
   "label.section-digits": "section digits",
   "label.shelf-locations": "shelf locations",
   "label.unit-digits": "unit digits",
-  "label.popup-position": "팝업 위치"
+  "label.popup-position": "팝업 위치",
+  "label.light-type": "조명 타입",
+  "label.intensity": "intensity",
+  "label.distance": "distance",
+  "label.decay": "decay",
+  "label.cast-shadow": "cast shadow"
 }

package/translations/ms.json

@@ -8,5 +8,10 @@
   "label.section-digits": "[ms] section digits",
   "label.shelf-locations": "[ms] shelf locations",
   "label.unit-digits": "[ms] unit digits",
-  "label.popup-position": "[ms] popup position"
+  "label.popup-position": "[ms] popup position",
+  "label.light-type": "light type",
+  "label.intensity": "intensity",
+  "label.distance": "distance",
+  "label.decay": "decay",
+  "label.cast-shadow": "cast shadow"
 }

package/translations/zh.json

@@ -8,5 +8,10 @@
   "label.section-digits": "段数字",
   "label.shelf-locations": "货架位置",
   "label.unit-digits": "单位数字",
-  "label.popup-position": "弹出位置"
+  "label.popup-position": "弹出位置",
+  "label.light-type": "light type",
+  "label.intensity": "intensity",
+  "label.distance": "distance",
+  "label.decay": "decay",
+  "label.cast-shadow": "cast shadow"
 }