aptechka 0.1.0

package/src/packages/en3/core/en3.ts

@@ -0,0 +1,306 @@
+import { Ladder } from '$packages/ladder'
+import { LayoutBox, LayoutBoxOptions } from '$packages/layout-box'
+import { RESIZE_ORDER, TICK_ORDER } from '$packages/order'
+import { resizer } from '$packages/resizer'
+import { ticker, TickerCallback } from '$packages/ticker'
+import { ElementOrSelector } from '$packages/utils'
+import {
+  Object3D,
+  OrthographicCamera,
+  PerspectiveCamera,
+  REVISION,
+  Scene,
+  WebGLRenderer,
+  WebGLRendererParameters,
+} from 'three'
+import { dispose } from '../utils/dispose'
+
+export type En3AttachedObject3D<T extends Object3D> = T & {
+  userData: {
+    box: LayoutBox
+  }
+}
+
+export interface En3Parameters {
+  containerElement?: HTMLElement
+  webGLRendererParameters?: WebGLRendererParameters
+  maxPixelRatio?: number
+  cameraAutoUpdate?: boolean
+  cameraType?: 'perspective' | 'orthographic'
+  cameraDistance?: number
+  cameraNear?: number
+  cameraFar?: number
+  cameraFov?: 'auto' | number
+}
+
+export type En3AttachOptions = Omit<LayoutBoxOptions, 'containerElement' | 'cartesian'>
+
+class En3 {
+  #CDNVersion = `https://unpkg.com/three@0.${REVISION}.x`
+
+  #containerElement: HTMLElement = null!
+
+  #webglRenderer: WebGLRenderer = null!
+
+  #camera: PerspectiveCamera | OrthographicCamera = null!
+  #scene: Scene = null!
+
+  #attachedObjects: Array<En3AttachedObject3D<Object3D>> = []
+
+  #cameraPosition = new Ladder({
+    x: 0,
+    y: 0,
+    z: 0,
+  })
+
+  #cameraRotation = new Ladder({
+    x: 0,
+    y: 0,
+    z: 0,
+  })
+
+  #cameraFov: 'auto' | number = 'auto'
+
+  #width = 0
+  #height = 0
+
+  #pixelRatio = 0
+  #maxPixelRatio = 2
+
+  #isCameraAutoUpdate = true
+  #isCreated = false
+
+  public get CDNVersion() {
+    return this.#CDNVersion
+  }
+
+  public get containerElement() {
+    return this.#containerElement
+  }
+
+  public get webglRenderer() {
+    return this.#webglRenderer
+  }
+
+  public get camera() {
+    return this.#camera
+  }
+
+  public get scene() {
+    return this.#scene
+  }
+
+  public get attachedObjects() {
+    return this.#attachedObjects
+  }
+
+  public get cameraPosition() {
+    return this.#cameraPosition
+  }
+
+  public get cameraRotation() {
+    return this.#cameraRotation
+  }
+
+  public get width() {
+    return this.#width
+  }
+
+  public get height() {
+    return this.#height
+  }
+
+  public get pixelRatio() {
+    return this.#pixelRatio
+  }
+
+  public get cameraDistance() {
+    return this.#cameraPosition.getStepValue('_initial').z
+  }
+
+  public set cameraDistance(value: number) {
+    this.#cameraPosition.setStep('_initial', '+', {
+      z: value,
+    })
+
+    this.#cameraPosition.calculate()
+
+    this.#resizeCamera()
+  }
+
+  public attachToHTMLElement<T extends Object3D>(
+    element: ElementOrSelector,
+    object: T,
+    options?: En3AttachOptions
+  ) {
+    const box = new LayoutBox(element, {
+      ...options,
+      containerElement: this.containerElement,
+      cartesian: true,
+    })
+
+    box.bindObject(object)
+
+    object.userData.box = box
+
+    this.#attachedObjects.push(object as any)
+
+    return object as En3AttachedObject3D<T>
+  }
+
+  public detachFromHTMLElement(object: Object3D) {
+    this.#attachedObjects = this.#attachedObjects.filter((o) => {
+      if (o === object) {
+        const data = (object as En3AttachedObject3D<Object3D>).userData
+
+        data.box.destroy()
+
+        return false
+      }
+
+      return true
+    })
+  }
+
+  public add<T extends Object3D<any>>(
+    object: T,
+    element?: ElementOrSelector,
+    options?: En3AttachOptions
+  ) {
+    this.scene.add(object)
+
+    if (element) {
+      return this.attachToHTMLElement<T>(element, object, options)
+    }
+  }
+
+  public remove(object: Object3D, detach?: boolean) {
+    this.scene.remove(object)
+
+    if (detach) {
+      this.detachFromHTMLElement(object)
+    }
+  }
+
+  public setup(options?: En3Parameters) {
+    if (this.#isCreated) {
+      console.warn('[en3.setup]: You are trying to setup en3 again.')
+      return
+    }
+
+    this.#containerElement = options?.containerElement || document.body
+
+    this.#camera =
+      options?.cameraType === 'orthographic' ? new OrthographicCamera() : new PerspectiveCamera()
+
+    this.#cameraPosition.bind(this.#camera.position)
+    this.#cameraRotation.bind(this.#camera.rotation)
+
+    this.#cameraPosition.setStep('_initial', '+', {
+      z: options?.cameraDistance || 1000,
+    })
+
+    this.#cameraPosition.calculate()
+
+    this.#camera.near = options?.cameraNear || 1
+    this.#camera.far = options?.cameraFar || 11000
+    this.#cameraFov = options?.cameraFov || 'auto'
+
+    this.#scene = new Scene()
+
+    this.#maxPixelRatio = options?.maxPixelRatio || 2
+
+    this.#isCameraAutoUpdate = options?.cameraAutoUpdate === false ? false : true
+
+    this.#webglRenderer = new WebGLRenderer(options?.webGLRendererParameters)
+
+    this.#webglRenderer.domElement.style.cssText = `
+      position: fixed;
+      left: 0;
+      top: 0;
+      width: 100%;
+      height: 100%;
+      z-index: -1;
+    `
+
+    this.#containerElement.prepend(this.#webglRenderer.domElement)
+
+    this.#isCreated = true
+
+    resizer.subscribe(this.#resizeListener, RESIZE_ORDER.EN3)
+    ticker.subscribe(this.#tickListener, { order: TICK_ORDER.EN3 })
+  }
+
+  public destroy() {
+    if (!this.#isCreated) {
+      console.warn('[en3.setup]: You are trying to destory en3 but it has not been initialized.')
+      return
+    }
+
+    this.#attachedObjects.forEach((object) => {
+      object.userData.box.destroy()
+    })
+
+    resizer.unsubscribe(this.#resizeListener)
+    ticker.unsubscribe(this.#tickListener)
+
+    this.scene.clear()
+
+    dispose(this.scene)
+
+    this.#webglRenderer.dispose()
+    this.#webglRenderer.domElement.remove()
+    this.#webglRenderer = null!
+
+    this.#isCreated = false
+  }
+
+  public render(scene: Scene, camera: OrthographicCamera | PerspectiveCamera) {
+    this.#webglRenderer.render(scene, camera)
+  }
+
+  public onResize?(): void
+
+  #update() {
+    if (this.#isCameraAutoUpdate) {
+      this.#cameraPosition.calculate()
+      this.#cameraRotation.calculate()
+    }
+  }
+
+  #resizeCamera() {
+    if (this.camera instanceof PerspectiveCamera) {
+      this.camera.aspect = this.#width / this.#height
+      this.camera.fov =
+        this.#cameraFov === 'auto'
+          ? 2 *
+            Math.atan(this.#height / 2 / this.#cameraPosition.getStepValue('_initial').z) *
+            (180 / Math.PI)
+          : this.#cameraFov
+    } else if (this.camera instanceof OrthographicCamera) {
+      this.camera.left = this.#width / -2
+      this.camera.right = this.#width / 2
+      this.camera.top = this.#height / 2
+      this.camera.bottom = this.#height / -2
+    }
+
+    this.camera.updateProjectionMatrix()
+  }
+
+  #resizeListener = () => {
+    this.#width = this.#containerElement.clientWidth
+    this.#height = this.#containerElement.clientHeight
+    this.#pixelRatio = Math.min(this.#maxPixelRatio, devicePixelRatio || 1)
+    this.#webglRenderer.setPixelRatio(this.#pixelRatio)
+    this.#webglRenderer.setSize(this.#width, this.#height)
+    this.#resizeCamera()
+    this.onResize?.()
+  }
+
+  #tickListener: TickerCallback = () => {
+    this.#update()
+    this.render(this.#scene, this.#camera)
+  }
+}
+
+export const en3 = new En3()

package/src/packages/en3/index.ts

@@ -0,0 +1,52 @@
+export { en3, type En3AttachedObject3D, type En3Parameters } from './core/en3'
+
+export { en3LazyLoader } from './instances/en3LazyLoader'
+
+export { en3GLTFLoader } from './loaders/en3GLTFLoader'
+
+export { En3Clip } from './objects/En3Clip'
+
+export { En3ClipHelpers } from './objects/En3ClipHelpers'
+
+export { En3GLTF } from './objects/En3GLTF'
+
+export {
+  En3ImageLike,
+  type En3ImageLikeParameters,
+  type En3ImageLikeMaterial,
+} from './objects/En3ImageLike'
+
+export { En3Image, type En3ImageParameters } from './objects/En3Image'
+
+export { En3Video, type En3VideoParameters } from './objects/En3Video'
+
+export { type En3SourceConsumer } from './objects/En3SourceConsumer'
+
+export {
+  En3SourceManager,
+  type En3SourceManagerParameters,
+  type En3SourceManagerFullParameters,
+  type En3SourceManagerLoader,
+} from './attachments/En3SourceManager'
+
+export { dispose } from './utils/dispose'
+export { traverseMeshes } from './utils/traverseMeshes'
+export { traverseMaterials } from './utils/traverseMaterials'
+export { coverTexture } from './utils/coverTexture'
+
+export { En3HTML, type En3HTMLParameters } from './test/En3HTML'
+
+export {
+  En3Raycaster,
+  type En3RaycasterEventType,
+  type En3RaycasterEvent,
+  type En3RaycasterOptions,
+  type En3RaycasterCallback,
+} from './test/En3Raycaster'
+
+export {
+  En3ModifiedMaterial,
+  type En3ModifiedMaterialParameters,
+  type En3VertexChunk,
+  type En3FragmentChunk,
+} from './test/En3ModifiedMaterial'

package/src/packages/en3/instances/en3LazyLoader.ts

@@ -0,0 +1,22 @@
+import { intersector } from '$packages/intersector'
+import { ElementOrSelector, getElement } from '$packages/utils'
+import { En3SourceConsumer } from '../objects/En3SourceConsumer'
+
+class En3LazyLoader {
+  public add(consumer: En3SourceConsumer<any>, element: ElementOrSelector) {
+    const subscriber = (entry: IntersectionObserverEntry) => {
+      if (entry.isIntersecting) {
+        consumer.sourceManager.lazyLoad()
+        intersector.unsubscribe(subscriber)
+      }
+    }
+
+    const target = getElement(element)
+
+    if (target) {
+      return intersector.subscribe(target, subscriber)
+    }
+  }
+}
+
+export const en3LazyLoader = new En3LazyLoader()

package/src/packages/en3/libs/MeshoptDecoder.js

@@ -0,0 +1,138 @@
+// This file is part of meshoptimizer library and is distributed under the terms of MIT License.
+// Copyright (C) 2016-2020, by Arseny Kapoulkine (arseny.kapoulkine@gmail.com)
+
+let generated
+
+const MeshoptDecoder = () => {
+  if (generated) return generated
+
+  // Built with clang version 11.0.0 (https://github.com/llvm/llvm-project.git 0160ad802e899c2922bc9b29564080c22eb0908c)
+  // Built from meshoptimizer 0.14
+  const wasm_base =
+    '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'
+  const wasm_simd =
+    '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'
+
+  // Uses bulk-memory and simd extensions
+  const detector = new Uint8Array([
+    0, 97, 115, 109, 1, 0, 0, 0, 1, 4, 1, 96, 0, 0, 3, 3, 2, 0, 0, 5, 3, 1, 0, 1, 12, 1, 0, 10, 22,
+    2, 12, 0, 65, 0, 65, 0, 65, 0, 252, 10, 0, 0, 11, 7, 0, 65, 0, 253, 15, 26, 11,
+  ])
+
+  // Used to unpack wasm
+  const wasmpack = new Uint8Array([
+    32, 0, 65, 253, 3, 1, 2, 34, 4, 106, 6, 5, 11, 8, 7, 20, 13, 33, 12, 16, 128, 9, 116, 64, 19,
+    113, 127, 15, 10, 21, 22, 14, 255, 66, 24, 54, 136, 107, 18, 23, 192, 26, 114, 118, 132, 17, 77,
+    101, 130, 144, 27, 87, 131, 44, 45, 74, 156, 154, 70, 167,
+  ])
+
+  if (typeof WebAssembly !== 'object') {
+    // This module requires WebAssembly to function
+    return {
+      supported: false,
+    }
+  }
+
+  let wasm = wasm_base
+
+  if (WebAssembly.validate(detector)) {
+    wasm = wasm_simd
+  }
+
+  let instance
+
+  const promise = WebAssembly.instantiate(unpack(wasm), {}).then((result) => {
+    instance = result.instance
+    instance.exports.__wasm_call_ctors()
+  })
+
+  function unpack(data) {
+    const result = new Uint8Array(data.length)
+    for (let i = 0; i < data.length; ++i) {
+      const ch = data.charCodeAt(i)
+      result[i] = ch > 96 ? ch - 71 : ch > 64 ? ch - 65 : ch > 47 ? ch + 4 : ch > 46 ? 63 : 62
+    }
+    let write = 0
+    for (let i = 0; i < data.length; ++i) {
+      result[write++] = result[i] < 60 ? wasmpack[result[i]] : (result[i] - 60) * 64 + result[++i]
+    }
+    return result.buffer.slice(0, write)
+  }
+
+  function decode(fun, target, count, size, source, filter) {
+    const sbrk = instance.exports.sbrk
+    const count4 = (count + 3) & ~3 // pad for SIMD filter
+    const tp = sbrk(count4 * size)
+    const sp = sbrk(source.length)
+    const heap = new Uint8Array(instance.exports.memory.buffer)
+    heap.set(source, sp)
+    const res = fun(tp, count, size, sp, source.length)
+    if (res === 0 && filter) {
+      filter(tp, count4, size)
+    }
+    target.set(heap.subarray(tp, tp + count * size))
+    sbrk(tp - sbrk(0))
+    if (res !== 0) {
+      throw new Error(`Malformed buffer data: ${res}`)
+    }
+  }
+
+  const filters = {
+    // legacy index-based enums for glTF
+    0: '',
+    1: 'meshopt_decodeFilterOct',
+    2: 'meshopt_decodeFilterQuat',
+    3: 'meshopt_decodeFilterExp',
+    // string-based enums for glTF
+    NONE: '',
+    OCTAHEDRAL: 'meshopt_decodeFilterOct',
+    QUATERNION: 'meshopt_decodeFilterQuat',
+    EXPONENTIAL: 'meshopt_decodeFilterExp',
+  }
+
+  const decoders = {
+    // legacy index-based enums for glTF
+    0: 'meshopt_decodeVertexBuffer',
+    1: 'meshopt_decodeIndexBuffer',
+    2: 'meshopt_decodeIndexSequence',
+    // string-based enums for glTF
+    ATTRIBUTES: 'meshopt_decodeVertexBuffer',
+    TRIANGLES: 'meshopt_decodeIndexBuffer',
+    INDICES: 'meshopt_decodeIndexSequence',
+  }
+
+  generated = {
+    ready: promise,
+    supported: true,
+    decodeVertexBuffer(target, count, size, source, filter) {
+      decode(
+        instance.exports.meshopt_decodeVertexBuffer,
+        target,
+        count,
+        size,
+        source,
+        instance.exports[filters[filter]],
+      )
+    },
+    decodeIndexBuffer(target, count, size, source) {
+      decode(instance.exports.meshopt_decodeIndexBuffer, target, count, size, source)
+    },
+    decodeIndexSequence(target, count, size, source) {
+      decode(instance.exports.meshopt_decodeIndexSequence, target, count, size, source)
+    },
+    decodeGltfBuffer(target, count, size, source, mode, filter) {
+      decode(
+        instance.exports[decoders[mode]],
+        target,
+        count,
+        size,
+        source,
+        instance.exports[filters[filter]],
+      )
+    },
+  }
+
+  return generated
+}
+
+export { MeshoptDecoder }

package/src/packages/en3/loaders/en3GLTFLoader.ts

@@ -0,0 +1,54 @@
+/**
+ * https://github.com/donmccurdy/three-gltf-viewer/blob/main/src/viewer.js
+ */
+
+import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js'
+import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader.js'
+import { KTX2Loader } from 'three/examples/jsm/loaders/KTX2Loader.js'
+
+import { MeshoptDecoder } from '../libs/MeshoptDecoder'
+import { en3 } from '../core/en3'
+
+class En3GLTFLoader {
+  readonly #gltfLoader = new GLTFLoader()
+
+  readonly #dracoLoader = new DRACOLoader().setDecoderPath(
+    `${en3.CDNVersion}/examples/jsm/libs/draco/gltf/`
+  )
+
+  readonly #ktx2Loader = new KTX2Loader().setTranscoderPath(
+    `${en3.CDNVersion}/examples/jsm/libs/basis/`
+  )
+
+  #ktx2DetectedSupport = false
+
+  constructor() {
+    this.#gltfLoader
+      .setCrossOrigin('anonymous')
+      .setDRACOLoader(this.#dracoLoader)
+      .setMeshoptDecoder(MeshoptDecoder)
+  }
+
+  public get gltfLoader() {
+    return this.#gltfLoader
+  }
+
+  public get dracoLoader() {
+    return this.#dracoLoader
+  }
+
+  public get ktx2Loader() {
+    return this.#ktx2Loader
+  }
+
+  public load(...parameters: Parameters<typeof this.gltfLoader.load>) {
+    if (!this.#ktx2DetectedSupport) {
+      this.#gltfLoader.setKTX2Loader(this.#ktx2Loader.detectSupport(en3.webglRenderer))
+      this.#ktx2DetectedSupport = true
+    }
+
+    this.gltfLoader.load(...parameters)
+  }
+}
+
+export const en3GLTFLoader = new En3GLTFLoader()

package/src/packages/en3/loaders/en3TextureLoader.ts

@@ -0,0 +1,3 @@
+import { TextureLoader } from 'three'
+
+export const en3TextureLoader = new TextureLoader()

package/src/packages/en3/objects/En3Clip.ts

@@ -0,0 +1,53 @@
+import { LayoutBox } from '$packages/layout-box'
+import { TICK_ORDER } from '$packages/order'
+import { ticker } from '$packages/ticker'
+import { ElementOrSelector } from '$packages/utils'
+import { Plane, Vector3 } from 'three'
+
+export class En3Clip {
+  #layoutBox: LayoutBox = null!
+  #planes: Array<Plane> = []
+
+  constructor(elementOrSelector: ElementOrSelector) {
+    this.#layoutBox = new LayoutBox(elementOrSelector, { cartesian: false })
+
+    this.#planes = [
+      new Plane(new Vector3(0, -1, 0)),
+      new Plane(new Vector3(0, 1, 0)),
+      new Plane(new Vector3(-1, 0, 0)),
+      new Plane(new Vector3(1, 0, 0)),
+    ]
+
+    ticker.subscribe(this.#tickListener, { order: TICK_ORDER.LAYOUT_BOX })
+  }
+
+  public get planes() {
+    return this.#planes
+  }
+
+  public get layoutBox() {
+    return this.#layoutBox
+  }
+
+  public destroy() {
+    ticker.unsubscribe(this.#tickListener)
+    this.#layoutBox.destroy()
+  }
+
+  #tickListener = () => {
+    const scrollValueX = this.#layoutBox.position.x - this.#layoutBox.left
+    const scrollValueY = this.#layoutBox.position.y - this.#layoutBox.top
+
+    // Top
+    this.#planes[0].constant = this.#layoutBox.scale.y / 2 + scrollValueY * -1
+
+    // Bottom
+    this.#planes[1].constant = this.#layoutBox.scale.y / 2 + scrollValueY
+
+    // Right
+    this.#planes[2].constant = this.#layoutBox.scale.x / 2 + scrollValueX
+
+    // Left
+    this.#planes[3].constant = this.#layoutBox.scale.x / 2 + scrollValueX * -1
+  }
+}

package/src/packages/en3/objects/En3ClipHelpers.ts

@@ -0,0 +1,12 @@
+import { Group, PlaneHelper } from 'three'
+import { En3Clip } from './En3Clip'
+
+export class En3ClipHelpers extends Group {
+  constructor(clip: En3Clip, size = 500) {
+    super()
+    this.add(new PlaneHelper(clip.planes[0], size, 0xff0000))
+    this.add(new PlaneHelper(clip.planes[1], size, 0xff0000))
+    this.add(new PlaneHelper(clip.planes[2], size, 0xff0000))
+    this.add(new PlaneHelper(clip.planes[3], size, 0xff0000))
+  }
+}