@vyr/three 0.0.1

package/src/asset/index.ts

@@ -0,0 +1,187 @@
+import { Group } from "three"
+import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js'
+import { FontLoader, Font } from 'three/examples/jsm/loaders/FontLoader.js'
+import { Asset, AssetGraph, Category, Port } from "@vyr/engine"
+import { ExtrudeGeometryDescriptor, TextDescriptor, GeoMapDescriptor, InstancedMeshDescriptor, MeshBasicMaterialDescriptor, MeshDescriptor, MeshPhongMaterialDescriptor, MeshStandardMaterialDescriptor, ModelDescriptor, OrbitControllerDescriptor, ParticleDescriptor, PointsDescriptor, PointsMaterialDescriptor, ShaderMaterialDescriptor, SpriteDescriptor, SpriteMaterialDescriptor, TextureDescriptor, TransformControllerDescriptor, TubeGeometryDescriptor } from "../descriptor"
+import { material } from '../utils'
+
+const factoryImage = (url: string) => {
+    return new Promise<HTMLImageElement>((resolve, reject) => {
+        const image = document.createElement('img')
+        image.src = Asset.joinUrl(url)
+        image.crossOrigin = ''
+        image.addEventListener('load', () => resolve(image))
+        image.addEventListener('error', (error) => reject(error))
+    })
+}
+Asset.register(Category.image, factoryImage)
+
+const factoryAudio = (url: string) => {
+    return new Promise<HTMLAudioElement>((resolve, reject) => {
+        const audio = document.createElement('audio')
+        audio.src = Asset.joinUrl(url)
+        audio.crossOrigin = ''
+        audio.addEventListener('load', () => resolve(audio))
+        audio.addEventListener('error', (error) => reject(error))
+    })
+}
+Asset.register(Category.audio, factoryAudio)
+
+const factoryVideo = (url: string) => {
+    return new Promise<HTMLVideoElement>((resolve, reject) => {
+        const video = document.createElement('video')
+        video.src = Asset.joinUrl(url)
+        video.crossOrigin = ''
+        video.addEventListener('load', () => resolve(video))
+        video.addEventListener('error', (error) => reject(error))
+    })
+}
+Asset.register(Category.video, factoryVideo)
+
+let loader: GLTFLoader | null = null
+const factoryModel = (url: string) => {
+    return new Promise<Group>((resolve, reject) => {
+        if (loader === null) loader = new GLTFLoader()
+        loader.load(Asset.joinUrl(url), (glb) => {
+            glb.scene.animations.push(...glb.animations)
+            resolve(glb.scene)
+        }, undefined, reject)
+    })
+}
+Asset.register(Category.model, factoryModel)
+
+
+let fontLoader: FontLoader | null = null
+const factoryFont = (url: string) => {
+    return new Promise<Font>((resolve, reject) => {
+        if (fontLoader === null) fontLoader = new FontLoader()
+        fontLoader.load(Asset.joinUrl(url), (font) => {
+            resolve(font)
+        }, undefined, reject)
+    })
+}
+Asset.register(Category.font, factoryFont)
+
+const ModelDescriptorProvider = (descriptor: ModelDescriptor, port: Port) => {
+    if (descriptor.url) port.edges.push({ key: 'url', category: Category.model, asset: `${descriptor.url}?${descriptor.uuid}` })
+}
+
+const MeshDescriptorProvider = (descriptor: MeshDescriptor, port: Port) => {
+    material.pickMaterial(descriptor.material, port)
+
+    if (descriptor.geometry) port.edges.push({ key: 'geometry', category: Category.geometry, asset: descriptor.geometry })
+}
+const InstancedMeshDescriptorProvider = (descriptor: InstancedMeshDescriptor, port: Port) => {
+    MeshDescriptorProvider(descriptor, port)
+    if (descriptor.setting) port.edges.push({ key: 'setting', category: Category.dataset, asset: descriptor.setting })
+}
+const TextDescriptorProvider = (descriptor: TextDescriptor, port: Port) => {
+    if (descriptor.material) port.edges.push({ key: 'material', category: Category.material, asset: descriptor.material })
+    if (descriptor.font) port.edges.push({ key: 'font', category: Category.font, asset: descriptor.font })
+}
+const PointsDescriptorProvider = (descriptor: PointsDescriptor, port: Port) => {
+    if (descriptor.material) port.edges.push({ key: 'material', category: Category.material, asset: descriptor.material })
+    if (descriptor.geometry) port.edges.push({ key: 'geometry', category: Category.geometry, asset: descriptor.geometry })
+}
+const ParticleDescriptorProvider = (descriptor: ParticleDescriptor, port: Port) => {
+    if (descriptor.map) port.edges.push({ key: 'map', category: Category.texture, asset: descriptor.map })
+    if (descriptor.alphaMap) port.edges.push({ key: 'alphaMap', category: Category.texture, asset: descriptor.alphaMap })
+    if (descriptor.track) port.edges.push({ key: 'track', category: Category.dataset, asset: descriptor.track })
+}
+
+const SpriteDescriptorProvider = (descriptor: SpriteDescriptor, port: Port) => {
+    if (descriptor.material) port.edges.push({ key: 'material', category: Category.material, asset: descriptor.material })
+}
+
+const GeoMapDescriptorProvider = (descriptor: GeoMapDescriptor, port: Port) => {
+    material.pickMaterial(descriptor.material, port)
+    if (descriptor.borderMaterial) port.edges.push({ key: 'borderMaterial', category: Category.material, asset: descriptor.borderMaterial })
+    if (descriptor.shadowMaterial) port.edges.push({ key: 'shadowMaterial', category: Category.material, asset: descriptor.shadowMaterial })
+    if (descriptor.label) port.edges.push({ key: 'label', category: Category.prefab, asset: descriptor.label })
+    if (descriptor.geojsonRegion) port.edges.push({ key: 'geojsonRegion', category: Category.json, asset: descriptor.geojsonRegion })
+    if (descriptor.geojsonBorder) port.edges.push({ key: 'geojsonBorder', category: Category.json, asset: descriptor.geojsonBorder })
+}
+
+const TransformControllerDescriptorProvider = (descriptor: TransformControllerDescriptor, port: Port) => {
+    if (descriptor.event) port.edges.push({ key: 'event', category: Category.ts, asset: descriptor.event })
+}
+const orbitControllerDescriptorProvider = (descriptor: OrbitControllerDescriptor, port: Port) => {
+    if (descriptor.event) port.edges.push({ key: 'event', category: Category.ts, asset: descriptor.event })
+}
+
+const MeshBasicMaterialDescriptorProvider = (descriptor: MeshBasicMaterialDescriptor, port: Port) => {
+    if (descriptor.map) port.edges.push({ key: 'map', category: Category.texture, asset: descriptor.map })
+    if (descriptor.alphaMap) port.edges.push({ key: 'alphaMap', category: Category.texture, asset: descriptor.alphaMap })
+    if (descriptor.envMap) port.edges.push({ key: 'envMap', category: Category.texture, asset: descriptor.envMap })
+    if (descriptor.lightMap) port.edges.push({ key: 'lightMap', category: Category.texture, asset: descriptor.lightMap })
+    if (descriptor.specularMap) port.edges.push({ key: 'specularMap', category: Category.texture, asset: descriptor.specularMap })
+}
+
+const MeshPhongMaterialDescriptorProvider = (descriptor: MeshPhongMaterialDescriptor, port: Port) => {
+    if (descriptor.map) port.edges.push({ key: 'map', category: Category.texture, asset: descriptor.map })
+    if (descriptor.alphaMap) port.edges.push({ key: 'alphaMap', category: Category.texture, asset: descriptor.alphaMap })
+    if (descriptor.envMap) port.edges.push({ key: 'envMap', category: Category.texture, asset: descriptor.envMap })
+    if (descriptor.lightMap) port.edges.push({ key: 'lightMap', category: Category.texture, asset: descriptor.lightMap })
+    if (descriptor.specularMap) port.edges.push({ key: 'specularMap', category: Category.texture, asset: descriptor.specularMap })
+    if (descriptor.aoMap) port.edges.push({ key: 'aoMap', category: Category.texture, asset: descriptor.aoMap })
+    if (descriptor.bumpMap) port.edges.push({ key: 'bumpMap', category: Category.texture, asset: descriptor.bumpMap })
+    if (descriptor.emissiveMap) port.edges.push({ key: 'emissiveMap', category: Category.texture, asset: descriptor.emissiveMap })
+    if (descriptor.normalMap) port.edges.push({ key: 'normalMap', category: Category.texture, asset: descriptor.normalMap })
+}
+
+const MeshStandardMaterialDescriptorProvider = (descriptor: MeshStandardMaterialDescriptor, port: Port) => {
+    if (descriptor.map) port.edges.push({ key: 'map', category: Category.texture, asset: descriptor.map })
+    if (descriptor.alphaMap) port.edges.push({ key: 'alphaMap', category: Category.texture, asset: descriptor.alphaMap })
+    if (descriptor.envMap) port.edges.push({ key: 'envMap', category: Category.texture, asset: descriptor.envMap })
+    if (descriptor.lightMap) port.edges.push({ key: 'lightMap', category: Category.texture, asset: descriptor.lightMap })
+    if (descriptor.aoMap) port.edges.push({ key: 'aoMap', category: Category.texture, asset: descriptor.aoMap })
+    if (descriptor.bumpMap) port.edges.push({ key: 'bumpMap', category: Category.texture, asset: descriptor.bumpMap })
+    if (descriptor.emissiveMap) port.edges.push({ key: 'emissiveMap', category: Category.texture, asset: descriptor.emissiveMap })
+    if (descriptor.metalnessMap) port.edges.push({ key: 'metalnessMap', category: Category.texture, asset: descriptor.metalnessMap })
+    if (descriptor.normalMap) port.edges.push({ key: 'normalMap', category: Category.texture, asset: descriptor.normalMap })
+    if (descriptor.roughnessMap) port.edges.push({ key: 'roughnessMap', category: Category.texture, asset: descriptor.roughnessMap })
+}
+
+const PointsMaterialDescriptorProvider = (descriptor: PointsMaterialDescriptor, port: Port) => {
+    if (descriptor.map) port.edges.push({ key: 'map', category: Category.texture, asset: descriptor.map })
+    if (descriptor.alphaMap) port.edges.push({ key: 'alphaMap', category: Category.texture, asset: descriptor.alphaMap })
+}
+
+const SpriteMaterialDescriptorProvider = (descriptor: SpriteMaterialDescriptor, port: Port) => {
+    if (descriptor.map) port.edges.push({ key: 'map', category: Category.texture, asset: descriptor.map })
+    if (descriptor.alphaMap) port.edges.push({ key: 'alphaMap', category: Category.texture, asset: descriptor.alphaMap })
+}
+
+const ShaderMaterialDescriptorProvider = (descriptor: ShaderMaterialDescriptor, port: Port) => {
+    if (descriptor.shader) port.edges.push({ key: 'shader', category: Category.ts, asset: descriptor.shader })
+}
+const ExtrudeGeometryDescriptorProvider = (descriptor: ExtrudeGeometryDescriptor, port: Port) => {
+    if (descriptor.shapes) port.edges.push({ key: 'shapes', category: Category.dataset, asset: descriptor.shapes })
+}
+const TubeGeometryDescriptorProvider = (descriptor: TubeGeometryDescriptor, port: Port) => {
+    if (descriptor.track) port.edges.push({ key: 'track', category: Category.dataset, asset: descriptor.track })
+}
+
+const TextureDescriptorProvider = (descriptor: TextureDescriptor, port: Port) => {
+    if (descriptor.url) port.edges.push({ key: 'url', category: Category.image, asset: descriptor.url })
+}
+
+AssetGraph.register(ModelDescriptor.type, ModelDescriptorProvider)
+AssetGraph.register(MeshDescriptor.type, MeshDescriptorProvider)
+AssetGraph.register(InstancedMeshDescriptor.type, InstancedMeshDescriptorProvider)
+AssetGraph.register(TextDescriptor.type, TextDescriptorProvider)
+AssetGraph.register(PointsDescriptor.type, PointsDescriptorProvider)
+AssetGraph.register(ParticleDescriptor.type, ParticleDescriptorProvider)
+AssetGraph.register(SpriteDescriptor.type, SpriteDescriptorProvider)
+AssetGraph.register(GeoMapDescriptor.type, GeoMapDescriptorProvider)
+AssetGraph.register(OrbitControllerDescriptor.type, orbitControllerDescriptorProvider)
+AssetGraph.register(TransformControllerDescriptor.type, TransformControllerDescriptorProvider)
+AssetGraph.register(MeshBasicMaterialDescriptor.type, MeshBasicMaterialDescriptorProvider)
+AssetGraph.register(MeshPhongMaterialDescriptor.type, MeshPhongMaterialDescriptorProvider)
+AssetGraph.register(MeshStandardMaterialDescriptor.type, MeshStandardMaterialDescriptorProvider)
+AssetGraph.register(PointsMaterialDescriptor.type, PointsMaterialDescriptorProvider)
+AssetGraph.register(SpriteMaterialDescriptor.type, SpriteMaterialDescriptorProvider)
+AssetGraph.register(ShaderMaterialDescriptor.type, ShaderMaterialDescriptorProvider)
+AssetGraph.register(ExtrudeGeometryDescriptor.type, ExtrudeGeometryDescriptorProvider)
+AssetGraph.register(TubeGeometryDescriptor.type, TubeGeometryDescriptorProvider)
+AssetGraph.register(TextureDescriptor.type, TextureDescriptorProvider)