wgge 1.0.0 → 1.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "wgge",
-	"version": "1.0.0",
+	"version": "1.0.1",
 	"description": "Web GL Game Engine",
 	"main": "index.js",
 	"devDependencies": {

package/editor/material/MaterialPreviewRenderer.js

@@ -1,136 +0,0 @@
-import DomRenderer from "../../core/renderer/dom/DomRenderer";
-import * as THREE from "three";
-import {BoxGeometry, SphereGeometry} from "three";
-import {EffectComposer} from "three/examples/jsm/postprocessing/EffectComposer";
-import {RenderPass} from "three/examples/jsm/postprocessing/RenderPass";
-import {ShaderPass} from "three/examples/jsm/postprocessing/ShaderPass";
-import {FXAAShader} from "three/examples/jsm/shaders/FXAAShader";
-import Vector2 from "../../core/model/vector/Vector2";
-import Vector3 from "../../core/model/vector/Vector3";
-import DOMHelper from "../../core/helper/DOMHelper";
-
-const PREVIEW_SIZE = new Vector2(350, 350);
-
-export default class MaterialPreviewRenderer extends DomRenderer {
-
-	/**
-	 * @type MaterialModel
-	 */
-	model;
-
-	constructor(game, model, dom) {
-		super(game, model, dom);
-
-		this.model = model;
-		this.container = null;
-		this.scene = null;
-	}
-
-	activateInternal() {
-		this.container = this.addElement('div', 'bg item-def');
-		this.buttons = DOMHelper.createElement(this.container, 'div', 'buttons');
-		this.close = DOMHelper.createElement(this.buttons, 'button', null, 'Close', () => this.game.editor.activeMaterial.set(null));
-
-		this.paper = DOMHelper.createElement(this.container, 'div', 'paper');
-		this.inner = DOMHelper.createElement(this.paper, 'div', 'inner');
-
-		this.renderer = new THREE.WebGLRenderer({antialias: true, alpha: true});
-		this.inner.appendChild(this.renderer.domElement);
-		this.renderer.setSize(PREVIEW_SIZE.x, PREVIEW_SIZE.y);
-		this.scene = new THREE.Scene();
-
-		const horizontal = 3;
-		const vertical = 3;
-
-		this.camera = new THREE.OrthographicCamera(-horizontal, horizontal, -vertical, vertical);
-		this.camera.updateProjectionMatrix();
-
-		const camPosition = new Vector3(-100, 100, -100);
-		this.camera.position.set(camPosition.x, camPosition.y, camPosition.z);
-		this.camera.lookAt(0, 0, 0);
-
-		this.ambientLight = new THREE.AmbientLight(0xe0e0e0);
-		this.scene.add(this.ambientLight);
-
-		this.directLight = new THREE.DirectionalLight(0xe0e0e0, 1);
-		this.directLight.position.set(0, 10, 0);
-		this.directLight.castShadow = true;
-		this.directLight.shadow.bias = 0;
-		this.directLight.shadow.camera.near = 0.5;
-		this.directLight.shadow.camera.far = 25;
-		this.directLight.shadow.camera.right = 15;
-		this.directLight.shadow.camera.left = -15;
-		this.directLight.shadow.camera.top = 15;
-		this.directLight.shadow.camera.bottom = -15;
-		this.directLight.shadow.mapSize.width = 1024;
-		this.directLight.shadow.mapSize.height = 1024;
-		this.scene.add(this.directLight);
-
-		this.composer = new EffectComposer(this.renderer);
-		this.composer.setSize(PREVIEW_SIZE.x, PREVIEW_SIZE.y);
-
-		const renderPass = new RenderPass(this.scene, this.camera);
-		renderPass.clearColor = new THREE.Color(0, 0, 0);
-		renderPass.clearAlpha = 0;
-		this.composer.addPass(renderPass);
-
-		this.effectFXAA = new ShaderPass(FXAAShader);
-		this.effectFXAA.uniforms['resolution'].value.set(1 / PREVIEW_SIZE.x, 1 / PREVIEW_SIZE.y);
-		this.effectFXAA.material.transparent = true;
-		this.composer.addPass(this.effectFXAA);
-
-		const pixelRatio = this.renderer.getPixelRatio();
-		this.effectFXAA.material.uniforms['resolution'].value.x = 1 / (PREVIEW_SIZE.x * pixelRatio);
-		this.effectFXAA.material.uniforms['resolution'].value.y = 1 / (PREVIEW_SIZE.y * pixelRatio);
-
-		this.updatePreview();
-	}
-
-	deactivateInternal() {
-		this.ambientLight.dispose();
-		this.ambientLight = null;
-		this.directLight.dispose();
-		this.directLight = null;
-		this.scene = null;
-		this.renderer.dispose();
-		this.renderer = false;
-		this.removeElement(this.container);
-		if (this.gui) {
-			this.gui.destroy();
-			this.gui = null;
-		}
-	}
-
-	renderInternal() {
-		this.updatePreview();
-	}
-
-	updatePreview() {
-		this.game.assets.resetMaterial(this.model.id.get());
-		this.game.assets.loadMaterial(
-			this.model.id.get(),
-			(material) => {
-				if (this.ball) {
-					this.ball.removeFromParent();
-				}
-				this.ball = new THREE.Mesh(
-					new SphereGeometry(),
-					material
-				);
-				this.scene.add(this.ball);
-
-				if (this.box) {
-					this.box.removeFromParent();
-				}
-				this.box = new THREE.Mesh(
-					new BoxGeometry(),
-					material
-				);
-				this.box.position.set(-10, -10, -10);
-				this.scene.add(this.box);
-				this.composer.render();
-			}
-		)
-	}
-
-}

package/game/resources/assets/loader/GlbLoader.js

@@ -1,16 +0,0 @@
-import AssetLoader from "./AssetLoader";
-import {GLTFLoader} from "three/examples/jsm/loaders/GLTFLoader";
-
-export default class GlbLoader extends AssetLoader {
-
-	loadInternal() {
-		const loader = new GLTFLoader();
-		loader.load(
-			this.url(),
-			(gltf) => this.finish(gltf),
-			null,
-			(err) => this.fail(`Glb '${this.url()}' not loaded: ${err}`)
-		);
-	}
-
-}

package/game/resources/assets/loader/MaterialLoader.js

@@ -1,50 +0,0 @@
-import * as THREE from "three";
-import AssetLoader from "./AssetLoader";
-import StringHelper from "../../../../core/helper/StringHelper";
-
-/**
- * Loads a single THREE material.
- */
-export default class MaterialLoader extends AssetLoader {
-
-	loadInternal() {
-
-		const id = StringHelper.extractId(this.uri);
-		const definition = this.assets.resources.materials.getById(id);
-
-		if (!definition) {
-			this.fail(`material ID ${this.uri} not found`);
-			return;
-		}
-
-		const params = {
-			color: definition.color.get()
-		};
-
-		if (definition.useTexture.get()) {
-			this.assets.getAsset(
-				definition.uri.get(),
-				(img) => {
-					const texture = new THREE.Texture();
-					texture.image = img;
-					texture.needsUpdate = true;
-					texture.wrapS = definition.wrapS.get();
-					texture.wrapT = definition.wrapT.get();
-					texture.repeat.set(
-						definition.repeatX.get(),
-						definition.repeatY.get()
-					);
-					params.map = texture;
-					this.finish(this.createMaterial(definition.threeType.get(), params));
-				}
-			);
-		} else {
-			this.finish(this.createMaterial(definition.threeType.get(), params));
-		}
-	}
-
-	createMaterial(threeType, params) {
-		return new THREE[threeType](params);
-	}
-
-}

package/game/resources/assets/loader/Model3dAnimationLoader.js

@@ -1,28 +0,0 @@
-import AssetLoader from "./AssetLoader";
-import StringHelper from "../../../../core/helper/StringHelper";
-import AnimationHelper from "../../../../core/animation/3d/AnimationHelper";
-import * as SkeletonUtils from "three/examples/jsm/utils/SkeletonUtils";
-
-/**
- * Loads an AnimationHelper for 3d model
- */
-export default class Model3dAnimationLoader extends AssetLoader {
-
-	loadInternal() {
-
-		const id = StringHelper.extractId(this.uri);
-		const model = this.assets.resources.models3d.getById(id);
-
-		if (!model) {
-			this.fail(`3D model id ${id} (${this.uri}) not found!`);
-			return;
-		}
-
-		this.assets.getAsset(model.uri.get(), (gltf) => {
-			const anim = new AnimationHelper(SkeletonUtils.clone(gltf.scene), gltf.animations);
-			anim.mesh.scale.set(model.scale.x, model.scale.y, model.scale.z);
-			this.finish(anim);
-		});
-	}
-
-}

package/game/resources/assets/loader/Model3dLoader.js

@@ -1,26 +0,0 @@
-import AssetLoader from "./AssetLoader";
-import StringHelper from "../../../../core/helper/StringHelper";
-
-/**
- * Loads a 3d model
- */
-export default class Model3dLoader extends AssetLoader {
-
-	loadInternal() {
-
-		const id = StringHelper.extractId(this.uri);
-		const model = this.assets.resources.models3d.getById(id);
-
-		if (!model) {
-			this.fail(`3D model id ${id} (${this.uri}) not found!`);
-			return;
-		}
-
-		this.assets.getAsset(model.uri.get(), (gltf) => {
-			const mesh = gltf.scene.clone();
-			mesh.scale.set(model.scale.x, model.scale.y, model.scale.z);
-			this.finish(mesh);
-		});
-	}
-
-}

package/game/resources/assets/loader/SpriteLoader.js

@@ -1,40 +0,0 @@
-import * as THREE from "three";
-import AssetLoader from "./AssetLoader";
-import StringHelper from "../../../../core/helper/StringHelper";
-
-/**
- * Loads a single Sprite
- */
-export default class SpriteLoader extends AssetLoader {
-
-	loadInternal() {
-
-		const spriteId = StringHelper.extractId(this.uri);
-		const sprite = this.assets.resources.sprites.getById(spriteId);
-
-		if (!sprite) {
-			this.fail(`Sprite ${spriteId} not found!`);
-			return;
-		}
-
-		this.assets.getAsset(sprite.uri.get(), (img) => {
-			const texture = new THREE.Texture();
-			texture.image = img;
-			texture.needsUpdate = true;
-			texture.wrapS = THREE.RepeatWrapping;
-			texture.wrapT = THREE.RepeatWrapping;
-			texture.repeat.set(1, 1);
-			const mesh = new THREE.Mesh(new THREE.PlaneGeometry(sprite.size.x, sprite.size.y), new THREE.MeshBasicMaterial({
-				transparent: true,
-				map: texture
-			}));
-			//const mesh = new THREE.Sprite(new THREE.SpriteMaterial({map: texture}));
-			mesh.position.set(sprite.coordinates.x, sprite.coordinates.y, sprite.coordinates.z);
-			const target = mesh.position.clone().add(new THREE.Vector3(-1, 1, -1));
-			mesh.lookAt(target.x, target.y, target.z);
-			this.finish(mesh);
-		});
-
-	}
-
-}

package/game/resources/material/MaterialModel.js

@@ -1,69 +0,0 @@
-import DirtyValue from "../../../core/model/value/DirtyValue";
-import IdentifiedModelNode from "../../../core/model/collection/table/IdentifiedModelNode";
-import * as THREE from "three";
-import BoolValue from "../../../core/model/value/BoolValue";
-import IntValue from "../../../core/model/value/IntValue";
-
-export default class MaterialModel extends IdentifiedModelNode {
-
-	/**
-	 * @type DirtyValue
-	 */
-	name;
-
-	/**
-	 * @type DirtyValue
-	 */
-	threeType;
-
-	/**
-	 * @type DirtyValue
-	 */
-	color;
-
-	/**
-	 * @type BoolValue
-	 */
-	useTexture;
-
-	/**
-	 * @type DirtyValue
-	 */
-	uri;
-
-	/**
-	 * @type IntValue
-	 */
-	wrapS;
-
-	/**
-	 * @type IntValue
-	 */
-	wrapT;
-
-	/**
-	 * @type IntValue
-	 */
-	repeatX;
-
-	/**
-	 * @type IntValue
-	 */
-	repeatY;
-
-	constructor(id) {
-		super(id);
-
-		this.name = this.addProperty('name', new DirtyValue(`Material ${id}`));
-		this.threeType = this.addProperty('threeType', new DirtyValue('MeshBasicMaterial'));
-		this.color = this.addProperty('color', new DirtyValue('#700000'));
-
-		this.useTexture = this.addProperty('useTexture', new BoolValue(true));
-		this.uri = this.addProperty('uri', new DirtyValue('img/texture/dirt.png'));
-		this.wrapS = this.addProperty('wrapS', new IntValue(THREE.RepeatWrapping));
-		this.wrapT = this.addProperty('wrapT', new IntValue(THREE.RepeatWrapping));
-		this.repeatX = this.addProperty('repeatX', new IntValue(2));
-		this.repeatY = this.addProperty('repeatY', new IntValue(2));
-	}
-
-}