添加Onsize事件

sample/redme.txt

@@ -1,3 +1,8 @@
+
+
+这个文件写的是一些实例.
+
+
 //注册功能.  可以在unload里面添加
 export function test()
 {

src/app/expand/ExpandManage.ts

@@ -3,58 +3,37 @@
 // import { App } from "../../main";
 
 
-
-
-
-interface Call
-{
-    star(n: number): object;
-    end(n: number): object;
-}
-
-
-//消息管理
-class EvenManage
+import { App } from "../../main";
+import * as THREE from 'three'
+export class ExpandManage
 {
-    evenList: Call[];
 
-    star(n: number)
-    {
-        // for -> star
-    }
-    end(n: number)
+    constructor()
     {
-        //for end
+        //Load code
+        console.log("logBegin.");
+        new ResizeEven();
     }
 }
 
-var evenM = new EvenManage();
 
 
-function add(n: number)
-{
-
-}
-
-
-
-//单例.
-export class ExpandManage
+export class ResizeEven
 {
     constructor()
     {
-        //不做任何事情.
+        window.addEventListener('resize', () => ResizeEven.onWindowResize, false);
     }
 
-    static load()
-    {
-        //TODO addLoad
-        console.log("ExpandLog")
-        exet();
-    }
-    static unload()
-    {
 
-        //TODO unLoad        
+    //事件.
+    static onWindowResize()
+    {
+        let app = App.getCurApp();
+        if (app.gCurCamera && app.gCurCamera instanceof THREE.OrthographicCamera) {
+            // app.gCurCamera.aspect = window.innerWidth / window.innerHeight;
+            app.gCurCamera.updateProjectionMatrix();
+        }
+        app.gRender.setSize(window.innerWidth, window.innerHeight);
     }
 }

src/app/mesh/createBoard.ts

@@ -31,6 +31,7 @@ namespace CreateBoardUtil
             this.m_StartAn = p1.clone().sub(this.m_Center).angle();
             this.m_EndAn = p2.clone().sub(this.m_Center).angle();
             if (bul < 0) {
+                //一个神奇的特性 它需要这么做
                 this.m_StartAn -= Math.PI;
                 this.m_EndAn -= Math.PI;
             }
@@ -65,7 +66,11 @@ namespace CreateBoardUtil
     export function getVec(data: object): THREE.Vector3
     {
         return new THREE.Vector3(data["x"], data["y"], data["z"]);
-    } export function createBoard(boardData: object)
+    }
+
+
+    //创建板件 暂时这么写    
+    export function createBoard(boardData: object)
     {
         var pts: THREE.Vector2[] = new Array();
         var buls: number[] = new Array();
@@ -105,54 +110,7 @@ namespace CreateBoardUtil
         ext.translate(0, 0, -18)
         ext.applyMatrix(boardMat);
 
-        var loader: THREE.TextureLoader = new THREE.TextureLoader();
-        var url = require("file-loader?!../textures/木纹.jpg");
-        var texture: THREE.Texture = loader.load(url);
-
-        texture.wrapS = texture.wrapT = THREE.RepeatWrapping; // CHANGED
-        texture.offset.set(0, 1); // CHANGED
-        texture.repeat.set(0.002, 0.002); // CHANGED
-        texture.needsUpdate = true;
-
-
-
-        //var mesh = new THREE.Mesh(ext, new THREE.MeshNormalMaterial());// map: texture  THREE.MeshPhongMaterial({ side: THREE.DoubleSide })
-        var nMater = new THREE.MeshNormalMaterial();
-        var material = new THREE.MeshPhongMaterial({ map: texture }); // front
-        var material2 = new THREE.ShaderMaterial({
-            uniforms: {}
-        });
-        material2.extensions.derivatives = true;
-
-        var mat5 = new THREE.MeshBasicMaterial({
-            color: 0xFF00FF,
-            map: texture
-        });
-        var mat3 = new THREE.MeshBasicMaterial({ wireframe: true });
-        var mat4 = new THREE.MeshLambertMaterial({ map: texture });
-
-
-        var mat6 = new THREE.MeshBasicMaterial({
-            // color: 0xFF00FF,
-            map: texture
-        });
-
-        // add a wireframe to highlight the segmentation
-        // var mesh = THREE.SceneUtils.createMultiMaterialObject(ext, [mat6, new THREE.MeshPhongMaterial({
-        //     color: 0x000000,
-        //     wireframe: true,
-        //     // transparent: true
-        // })]);
-        mat4.needsUpdate = true;
-
-        var mat7 = new THREE.MeshStandardMaterial({
-            color: 0xffffff,
-            roughness: 0.5,
-            metalness: 1.0,
-            map: texture
-        });
-        var mesh = new THREE.Mesh(ext, mat4);
-        mesh.castShadow = true;
+        var mesh = new THREE.Mesh(ext);
         return mesh;
     }
 

src/main.ts

@@ -21,8 +21,7 @@ export class App
         //渲染循环        
         this.render();
 
-        //加载插件        
-        ExpandManage.load();
+        new ExpandManage();
     }
 
     gCameraMap: Map<string, THREE.Camera>;
@@ -57,6 +56,10 @@ export class App
                 // maxLights: 1//maxLights:最大灯光数
             }
         );
+
+        //这里暂时初始化成这个. 未来将分离出 Viewer
+        this.gRender.setSize(window.innerWidth, window.innerHeight);
+
         //设置它的背景色为白色
         this.gRender.setClearColor(0x000000, 0.5);
         //加到画布

src/old/Texture.ts

@@ -1,2 +1,2 @@
-var loader = new THREE.TextureLoader();
-var texture = loader.load("textures/UV_Grid_Sm.jpg");
+// var loader = new THREE.TextureLoader();
+// var texture = loader.load("textures/UV_Grid_Sm.jpg");