@tomorrowevening/hermes 0.0.37 → 0.0.39

package/src/example/three/Scene1.ts

@@ -1,225 +0,0 @@
-import { BackSide, CircleGeometry, DirectionalLight, HemisphereLight, Mesh, MeshBasicMaterial, MeshMatcapMaterial, MeshPhongMaterial, MeshPhysicalMaterial, Object3D, SphereGeometry, SpotLight, WebGLRenderer } from 'three';
-import { BlendFunction, EffectComposer, EffectPass, FXAAEffect, NoiseEffect, RenderPass, TiltShiftEffect, VignetteEffect } from 'postprocessing';
-import CustomMaterial from './CustomMaterial';
-import { hierarchyUUID } from '../../editor/utils';
-import { IS_DEV, app } from '../constants';
-import FBXAnimation from './FBXAnimation';
-import { cubeTextures, textures } from './loader';
-import BaseScene from './BaseScene';
-
-export default class Scene1 extends BaseScene {
-  dance!: FBXAnimation;
-
-  private customMat!: CustomMaterial;
-  private post!: EffectComposer;
-
-  constructor(renderer: WebGLRenderer) {
-    super(renderer);
-    this.name = 'Scene1';
-    const envMap = cubeTextures.get('environment')!;
-    this.background = envMap;
-
-    if (app.editor) {
-      const bg = new Mesh(new SphereGeometry(), new MeshBasicMaterial({ envMap: envMap, side: BackSide }));
-      bg.name = 'bg';
-      bg.scale.setScalar(1000);
-      this.add(bg);
-    }
-
-    this.createLights();
-    this.createWorld();
-    if (!app.editor) this.createPost();
-    this.createAnimation();
-    if (IS_DEV) hierarchyUUID(this);
-  }
-
-  private createLights() {
-    const lights = new Object3D();
-    lights.name = 'lights';
-    this.add(lights);
-
-    const sun = new DirectionalLight(0xffffff, 0.25);
-    sun.name = 'sun';
-    sun.castShadow = true;
-    sun.position.set(0, 50, 50);
-    const shadow = 256;
-    sun.shadow.camera.top = shadow;
-    sun.shadow.camera.bottom = -shadow;
-    sun.shadow.camera.left = - shadow;
-    sun.shadow.camera.right = shadow;
-    sun.shadow.mapSize.width = 1024;
-    sun.shadow.mapSize.height = 1024;
-    sun.shadow.camera.near = 10;
-    sun.shadow.camera.far = 1000;
-    sun.shadow.bias = 0.0001;
-    lights.add(sun);
-
-    const hemi = new HemisphereLight(0x6fb4e2, 0xc46d27, 0.5);
-    hemi.name = 'hemi';
-    lights.add(hemi);
-
-    const spotlight = new SpotLight(0xffffff, 3);
-    spotlight.angle = 5.8;
-    spotlight.decay = 0;
-    spotlight.distance = 1000;
-    spotlight.penumbra = Math.PI;
-    spotlight.name = 'spotlight';
-    spotlight.castShadow = true;
-    spotlight.position.set(-50, 200, 200);
-    spotlight.lookAt(0, 50, 0);
-    lights.add(spotlight);
-  }
-
-  private createWorld() {
-    const world = new Object3D();
-    world.name = 'world';
-    this.add(world);
-
-    const gridTexture = textures.get('uv_grid')!;
-    gridTexture.repeat.setScalar(10);
-    gridTexture.needsUpdate = true;
-    const floorMaterial = new MeshPhongMaterial({ map: gridTexture });
-    const floor = new Mesh(new CircleGeometry(500, 36), floorMaterial);
-    floor.name = 'floor';
-    floor.receiveShadow = true;
-    floor.rotateX(-Math.PI / 2);
-    world.add(floor);
-
-    this.dance = new FBXAnimation('Flair');
-    this.dance.position.set(0, 0, 0);
-    world.add(this.dance);
-
-    this.createTestMaterials(world);
-  }
-
-  private createTestMaterials(world: Object3D) {
-    const geom = new SphereGeometry(20);
-
-    const items: Mesh[] = [];
-    const mesh = new Mesh(geom, new MeshBasicMaterial({ name: 'BasicMaterial', transparent: true }));
-    mesh.name = 'Basic';
-    world.add(mesh);
-    items.push(mesh);
-
-    const mesh2 = new Mesh(geom, new MeshMatcapMaterial({ transparent: true }));
-    mesh2.name = 'Matcap';
-    world.add(mesh2);
-    items.push(mesh2);
-
-    const mesh5 = new Mesh(geom, new MeshPhongMaterial({ name: 'PhongMaterial', transparent: true }));
-    mesh5.name = 'Phong';
-    world.add(mesh5);
-    items.push(mesh5);
-
-    const mesh3 = new Mesh(geom, new MeshPhysicalMaterial({ name: 'PhysicalMaterial', transparent: true }));
-    mesh3.name = 'Physical';
-    world.add(mesh3);
-    items.push(mesh3);
-
-    // CustomMaterial
-    this.customMat = new CustomMaterial();
-    const mesh4 = new Mesh(geom, this.customMat);
-    mesh4.name = 'Shader';
-    world.add(mesh4);
-    items.push(mesh4);
-
-    const spacing = 50;
-    const total = items.length;
-    const offset = ((total - 1) / 2) * spacing;
-    for (let i = 0; i < total; i++) {
-      const x = i * spacing - offset;
-      items[i].position.set(x, 100, -150);
-      items[i].castShadow = true;
-    }
-  }
-
-  private createPost() {
-    this.post = new EffectComposer(this.renderer);
-    this.post.addPass(new RenderPass(this, this.camera));
-
-    const fxaaEffect = new FXAAEffect();
-    fxaaEffect.minEdgeThreshold = 0.01;
-    this.post.addPass(new EffectPass(this.camera, fxaaEffect));
-    
-    const blur = new TiltShiftEffect({
-      focusArea: 0.6
-    });
-    this.post.addPass(new EffectPass(this.camera, blur));
-
-    const noiseEffect = new NoiseEffect({});
-    noiseEffect.blendMode.opacity.value = 0.33;
-    noiseEffect.blendMode.blendFunction = BlendFunction.MULTIPLY;
-    const vignette = new VignetteEffect({});
-    this.post.addPass(new EffectPass(this.camera, noiseEffect, vignette));
-  }
-
-  private createAnimation() {
-    app.theatre.sheet(this.name);
-
-    // Camera
-    app.theatre.sheetObject(
-      this.name,
-      'Camera',
-      {
-        position: {
-          x: this.camera.position.x,
-          y: this.camera.position.y,
-          z: this.camera.position.z,
-        },
-        rotation: {
-          x: this.camera.rotation.x,
-          y: this.camera.rotation.y,
-          z: this.camera.rotation.z,
-        },
-      },
-      (data: any) => {
-        this.camera.position.set(data.position.x, data.position.y, data.position.z);
-        this.camera.rotation.set(data.rotation.x, data.rotation.y, data.rotation.z);
-      }
-    );
-
-    // Dancer
-    app.theatre.sheetObject(
-      this.name,
-      'Break Dancer',
-      {
-        position: {
-          x: this.dance.position.x,
-          y: this.dance.position.y,
-          z: this.dance.position.z,
-        },
-        rotation: {
-          x: this.dance.rotation.x,
-          y: this.dance.rotation.y,
-          z: this.dance.rotation.z,
-        },
-      },
-      (data: any) => {
-        this.dance.position.set(data.position.x, data.position.y, data.position.z);
-        this.dance.rotation.set(data.rotation.x, data.rotation.y, data.rotation.z);
-      }
-    );
-
-    app.theatre.playSheet(this.name, { iterationCount: Infinity });
-  }
-
-  override update() {
-    const delta = this.clock.getDelta();
-    this.customMat.update(delta);
-    this.dance.update(delta);
-  }
-
-  override draw() {
-    if (app.editor) {
-      //
-    } else {
-      //
-    }
-    this.post.render();
-  }
-
-  override resize(width: number, height: number): void {
-    super.resize(width, height);
-    if (!app.editor) this.post.setSize(width, height);
-  }
-}

package/src/example/three/Scene2.ts

@@ -1,138 +0,0 @@
-import { DirectionalLight, LineBasicMaterial, LineSegments, Mesh, MeshBasicMaterial, MeshMatcapMaterial, Object3D, Points, PointsMaterial, SkinnedMesh, SphereGeometry, SpotLight, WebGLRenderer } from 'three';
-import { IS_DEV, app } from '../constants';
-import { hierarchyUUID } from '../../editor/utils';
-import BaseScene from './BaseScene';
-import FBXAnimation from './FBXAnimation';
-import { textures } from './loader';
-
-export default class Scene2 extends BaseScene {
-  dance!: FBXAnimation;
-
-  constructor(renderer: WebGLRenderer) {
-    super(renderer);
-    this.name = 'Scene2';
-    this.camera.position.set(0, 0, 125);
-    this.camera.lookAt(0, 0, 0);
-
-    this.createLights();
-    this.createWorld();
-    this.createAnimation();
-    if (IS_DEV) hierarchyUUID(this);
-  }
-
-  private createLights() {
-    const lights = new Object3D();
-    lights.name = 'lights';
-    this.add(lights);
-
-    const sun = new DirectionalLight(0xffffff, 0.25);
-    sun.name = 'sun';
-    sun.castShadow = true;
-    sun.position.set(0, 50, 50);
-    lights.add(sun);
-
-    const spotlight = new SpotLight(0xffffff, 3);
-    spotlight.angle = 5.8;
-    spotlight.decay = 0;
-    spotlight.distance = 1000;
-    spotlight.penumbra = Math.PI;
-    spotlight.name = 'spotlight';
-    spotlight.position.set(-50, 200, 200);
-    spotlight.lookAt(0, 50, 0);
-    lights.add(spotlight);
-  }
-
-  private createWorld() {
-    const world = new Object3D();
-    world.name = 'world';
-    this.add(world);
-
-    const gridTexture = textures.get('uv_grid')!;
-    gridTexture.repeat.setScalar(10);
-    gridTexture.needsUpdate = true;
-    const floorMaterial = new MeshBasicMaterial({
-      map: gridTexture,
-    });
-    const floor = new Mesh(new SphereGeometry(250, 36), floorMaterial);
-    floor.name = 'floor';
-    floor.receiveShadow = true;
-    floor.position.y = -75;
-    floor.scale.y = 0.1;
-    world.add(floor);
-
-    const points = new Points(new SphereGeometry(50), new PointsMaterial({ size: 2 }));
-    points.name = 'points';
-    points.position.x = -100;
-    world.add(points);
-
-    const lines = new LineSegments(new SphereGeometry(50), new LineBasicMaterial());
-    lines.name = 'lines';
-    lines.position.x = 100;
-    world.add(lines);
-
-    this.dance = new FBXAnimation('Flair');
-    this.dance.name = 'flair';
-    this.dance.traverse((obj: Object3D) => {
-      if (obj instanceof SkinnedMesh) {
-        const mesh = obj as SkinnedMesh;
-        mesh.material = new MeshMatcapMaterial();
-      }
-    });
-    world.add(this.dance);
-  }
-
-  private createAnimation() {
-    app.theatre.sheet(this.name);
-
-    // Camera
-    app.theatre.sheetObject(
-      this.name,
-      'Camera',
-      {
-        position: {
-          x: this.camera.position.x,
-          y: this.camera.position.y,
-          z: this.camera.position.z,
-        },
-        rotation: {
-          x: this.camera.rotation.x,
-          y: this.camera.rotation.y,
-          z: this.camera.rotation.z,
-        },
-      },
-      (data: any) => {
-        this.camera.position.set(data.position.x, data.position.y, data.position.z);
-        this.camera.rotation.set(data.rotation.x, data.rotation.y, data.rotation.z);
-      }
-    );
-
-    // Dancer
-    app.theatre.sheetObject(
-      this.name,
-      'Dancer',
-      {
-        position: {
-          x: this.dance.position.x,
-          y: this.dance.position.y,
-          z: this.dance.position.z,
-        },
-        rotation: {
-          x: this.dance.rotation.x,
-          y: this.dance.rotation.y,
-          z: this.dance.rotation.z,
-        },
-      },
-      (data: any) => {
-        this.dance.position.set(data.position.x, data.position.y, data.position.z);
-        this.dance.rotation.set(data.rotation.x, data.rotation.y, data.rotation.z);
-      }
-    );
-
-    app.theatre.playSheet(this.name, { iterationCount: Infinity });
-  }
-
-  override update(): void {
-    const delta = this.clock.getDelta();
-    this.dance.update(delta);
-  }
-}

package/src/example/three/loader.ts

@@ -1,110 +0,0 @@
-import { CubeTexture, CubeTextureLoader, Group, Object3D, RepeatWrapping, Texture, TextureLoader } from 'three';
-import { FBXLoader } from 'three/examples/jsm/loaders/FBXLoader';
-import { Events, app, threeDispatcher } from '../constants';
-
-export const cubeTextures: Map<string, CubeTexture> = new Map();
-export const json: Map<string, any> = new Map();
-export const models: Map<string, Group> = new Map();
-export const textures: Map<string, Texture> = new Map();
-
-export function loadCube(name: string, source: string[]): Promise<CubeTexture> {
-  return new Promise((resolve, reject) => {
-    new CubeTextureLoader()
-      .setPath('images/milkyWay/')
-      .load(source, (value: CubeTexture) => {
-        cubeTextures.set(name, value);
-        resolve(value);
-      }, undefined, () => {
-        reject();
-      });
-  });
-}
-
-export function loadModel(name: string, source: string): Promise<Group> {
-  return new Promise((resolve, reject) => {
-    new FBXLoader()
-      .setPath('./models/')
-      .loadAsync(source)
-      .then((model: Group) => {
-        // Shadows
-        model.traverse((obj: Object3D) => {
-          if (obj['isMesh']) {
-            obj.castShadow = true;
-            obj.receiveShadow = true;
-          }
-        });
-
-        models.set(name, model);
-        resolve(model);
-      })
-      .catch((reason: any) => {
-        console.log(`Couldn't load:`, source);
-        console.log(reason);
-        reject();
-      });
-  });
-}
-
-export function loadTexture(name: string, source: string): Promise<Texture> {
-  return new Promise((resolve, reject) => {
-    new TextureLoader()
-      .load(source, (value: Texture) => {
-        value.wrapS = RepeatWrapping;
-        value.wrapT = RepeatWrapping;
-        value.needsUpdate = true;
-        textures.set(name, value);
-        resolve(value);
-      }, undefined, () => {
-        reject();
-      });
-  });
-}
-
-export function loadJSON(name: string, source: string): Promise<any> {
-  return new Promise((resolve, reject) => {
-    fetch(source)
-      .then(response => {
-        if (!response.ok) {
-          throw new Error(`Network response was not ok: ${response.status}`);
-        }
-        return response.json();
-      })
-      .then(data => {
-        json.set(name, data);
-        resolve(data);
-      })
-      .catch(() => {
-        console.log(`Couldn't load: ${source}`);
-        reject();
-      });
-  });
-}
-
-export function loadAssets(): Promise<void> {
-  return new Promise((resolve, reject) => {
-    const assets: (() => Promise<any>)[] = [
-      () => loadCube('environment', [
-        'dark-s_px.jpg',
-        'dark-s_nx.jpg',
-        'dark-s_py.jpg',
-        'dark-s_ny.jpg',
-        'dark-s_pz.jpg',
-        'dark-s_nz.jpg'
-      ]),
-      () => loadTexture('uv_grid', 'images/uv_grid_opengl.jpg'),
-      () => loadModel('Flair', 'Flair.fbx'),
-      () => loadJSON('animation', 'json/animation.json'),
-    ];
-
-    Promise.all(assets.map(load => load()))
-      .then(() => {
-        app.onLoad().then(() => {
-          threeDispatcher.dispatchEvent({ type: Events.LOAD_COMPLETE });
-          resolve();
-        });
-      })
-      .catch(() => {
-        reject();
-      });
-  });
-}

package/src/index.ts

@@ -1,27 +0,0 @@
-// Core
-export * from './editor/utils';
-export { default as Application } from './core/Application';
-export { debugDispatcher, ToolEvents } from './editor/global';
-export { default as BaseRemote } from './core/remote/BaseRemote';
-export { default as RemoteComponents } from './core/remote/RemoteComponents';
-export { default as RemoteTheatre } from './core/remote/RemoteTheatre';
-export { default as RemoteThree } from './core/remote/RemoteThree';
-export { default as RemoteTweakpane } from './core/remote/RemoteTweakpane';
-// Components
-export { default as NavButton } from './editor/components/NavButton';
-export { default as DraggableItem } from './editor/components/DraggableItem';
-export { default as Draggable } from './editor/components/Draggable';
-export { default as DropdownItem } from './editor/components/DropdownItem';
-export { default as Dropdown } from './editor/components/Dropdown';
-export { default as RemoteController } from './core/RemoteController';
-// RemoteThree
-export { default as InfiniteGridHelper } from './editor/multiView/InfiniteGridHelper';
-export { default as UVMaterial } from './editor/multiView/UVMaterial';
-export { default as SidePanel } from './editor/sidePanel/SidePanel';
-export { default as Accordion } from './editor/sidePanel/Accordion';
-export { default as ChildObject } from './editor/sidePanel/ChildObject';
-export { default as ContainerObject } from './editor/sidePanel/ContainerObject';
-export { default as Inspector } from './editor/sidePanel/inspector/Inspector';
-export { default as SceneInspector } from './editor/sidePanel/inspector/SceneInspector';
-export { default as MultiView } from './editor/multiView/MultiView';
-export { default as Editor } from './editor/Editor';

package/src/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types='vite/client' />