hilo3d 1.19.1 → 2.0.0-alpha.2

package/examples/js/OrbitControls.js

@@ -1,292 +0,0 @@
-(function () {
-    var PI2 = Math.PI / 2;
-    var tempEuler = new Hilo3d.Euler();
-    tempEuler.order = 'XYZ';
-    var tempQuat = new Hilo3d.Quaternion();
-    var tempMatrix = new Hilo3d.Matrix4();
-    var tempVector = new Hilo3d.Vector3();
-    var MOUSE = {
-        LEFT: 0,
-        MID: 1,
-        RIGHT: 2
-    };
-    var STATE = {
-        NONE: -1,
-        MOVE: 0,
-        ZOOM: 1,
-        PAN: 2
-    }
-
-    function OrbitControls(stage, opt) {
-        if (opt instanceof Hilo3d.Node) {
-            opt = {
-                model: opt
-            };
-        } else if (!opt) {
-            opt = {};
-        }
-        this.model = opt.model || stage;
-        this.stage = stage;
-        this.canvas = stage.canvas;
-        this.isLockZ = !!opt.isLockZ;
-        this.rotationXLimit = opt.rotationXLimit;
-        this.isLockScale = !!opt.isLockScale;
-        this.isLockRotate = !!opt.isLockRotate;
-        this.isLockMove = !!opt.isLockMove;
-        if (opt.eulerOrder) {
-            tempEuler.order = opt.eulerOrder;
-        }
-
-        if (this.isLockZ) {
-            tempEuler.x = this.model.rotationX * Math.PI / 180;
-            tempEuler.y = this.model.rotationY * Math.PI / 180;
-        }
-
-        this.mouseInfo = {
-            startX: 0,
-            startY: 0,
-            isDown: false
-        };
-
-        this.onWheel = this.onWheel.bind(this);
-        this.onMouseDown = this.onMouseDown.bind(this);
-        this.onMouseMove = this.onMouseMove.bind(this);
-        this.onMouseUp = this.onMouseUp.bind(this);
-
-        this.isEnabled = false;
-        this.enable();
-    }
-
-    OrbitControls.prototype.enable = function(){
-        if(!this.isEnabled){
-            this.isEnabled = true;
-            var canvas = this.canvas;
-            canvas.addEventListener('wheel', this.onWheel, false);
-
-            if ('ontouchmove' in window) {
-                canvas.addEventListener('touchstart', this.onMouseDown, false);
-                canvas.addEventListener('touchmove', this.onMouseMove, false);
-                canvas.addEventListener('touchend', this.onMouseUp, false);
-            } else {
-                document.addEventListener('contextmenu', function (evt) {
-                    //禁掉鼠标右键菜单
-                    evt.preventDefault()
-                });
-                canvas.addEventListener('mousedown', this.onMouseDown, false);
-                canvas.addEventListener('mousemove', this.onMouseMove, false);
-                canvas.addEventListener('mouseup', this.onMouseUp, false);
-            }
-        }
-    };
-
-    OrbitControls.prototype.disable = function(){
-        if(this.isEnabled){
-            this.isEnabled = false;
-            this.mouseInfo.isDown = false;
-            this.mouseInfo.state = STATE.NONE;
-
-            var canvas = this.canvas;
-            canvas.removeEventListener('wheel', this.onWheel, false);
-
-            if ('ontouchmove' in window) {
-                canvas.removeEventListener('touchstart', this.onMouseDown, false);
-                canvas.removeEventListener('touchmove', this.onMouseMove, false);
-                canvas.removeEventListener('touchend', this.onMouseUp, false);
-            } else {
-                document.removeEventListener('contextmenu', function (evt) {
-                    //禁掉鼠标右键菜单
-                    evt.preventDefault()
-                });
-                canvas.removeEventListener('mousedown', this.onMouseDown, false);
-                canvas.removeEventListener('mousemove', this.onMouseMove, false);
-                canvas.removeEventListener('mouseup', this.onMouseUp, false);
-            }
-        }
-    }
-
-    OrbitControls.prototype.rotate = function(distanceX, distanceY) {
-        if (this.isLockRotate) {
-            return;
-        }
-        var x = distanceY / 200;
-        var y = distanceX / 200;
-        if (this.isLockZ) {
-            tempEuler.x += x;
-            tempEuler.y += y;
-            if (this.rotationXLimit) {
-                if (tempEuler.x > this.rotationXLimit) {
-                    tempEuler.x = this.rotationXLimit;
-                } else if (tempEuler.x < -this.rotationXLimit) {
-                    tempEuler.x = -this.rotationXLimit;
-                }
-            }
-            this.model.quaternion.fromEuler(tempEuler);
-        } else {
-            tempEuler.set(x, y, 0);
-            tempQuat.fromEuler(tempEuler);
-            this.model.quaternion.premultiply(tempQuat);
-        }
-    };
-
-    OrbitControls.prototype.scale = function(s) {
-        if (this.isLockScale) {
-            return;
-        }
-        this.model.scaleX *= s;
-        this.model.scaleY *= s;
-        this.model.scaleZ *= s;
-
-        this.onScale && this.onScale(s);
-    };
-
-    OrbitControls.prototype.move = function(x, y) {
-        if(this.isLockMove){
-            return;
-        }
-        this.model.x += x;
-        this.model.y += y;
-    };
-
-    OrbitControls.prototype.onMouseDown = function (evt) {
-        this.mouseInfo.isDown = true;
-        if (evt.type === 'touchstart') {
-
-            this.mouseInfo.startX = evt.touches[0].pageX;
-            this.mouseInfo.startY = evt.touches[0].pageY;
-
-            switch (evt.touches.length) {
-                case 1:
-                    this.mouseInfo.state = STATE.MOVE;
-                    break;
-                case 2:
-                    var x = evt.touches[1].pageX - evt.touches[0].pageX;
-                    var y = evt.touches[1].pageY - evt.touches[0].pageY;
-                    this.mouseInfo.startPointerDistance = Math.sqrt(x * x + y * y);
-                    this.mouseInfo.state = STATE.ZOOM;
-                    break;
-                case 3:
-                    this.mouseInfo.state = STATE.PAN;
-                    break;
-            }
-        } else {
-            switch (evt.button) {
-                case MOUSE.LEFT:
-                    this.mouseInfo.startX = evt.pageX;
-                    this.mouseInfo.startY = evt.pageY;
-                    this.mouseInfo.state = STATE.MOVE;
-                    break;
-                case MOUSE.RIGHT:
-                    this.mouseInfo.startX = evt.pageX;
-                    this.mouseInfo.startY = evt.pageY;
-                    this.mouseInfo.state = STATE.PAN;
-                    break;
-            }
-        }
-    }
-
-    OrbitControls.prototype.onMouseMove = function (evt) {
-        if (!this.mouseInfo.isDown) {
-            return;
-        }
-        evt.preventDefault();
-        evt.stopPropagation();
-        var scope = this;
-        if (evt.type === 'touchmove') {
-            switch (this.mouseInfo.state) {
-                case STATE.MOVE:
-                    scope.handlerToucheMove(evt);
-                    break;
-                case STATE.ZOOM:
-                    scope.handlerToucheZoom(evt);
-                    break;
-                case STATE.PAN:
-                    scope.handlerTouchePan(evt);
-                    break;
-            }
-        } else {
-            switch (this.mouseInfo.state) {
-                case STATE.MOVE:
-                    scope.handlerMouseMove(evt);
-                    break;
-                case STATE.PAN:
-                    scope.handlerMousePan(evt);
-                    break;
-            }
-        }
-
-    }
-
-    OrbitControls.prototype.handlerMousePan = function (evt) {
-        var distanceX = evt.pageX - this.mouseInfo.startX;
-        var distanceY = evt.pageY - this.mouseInfo.startY;
-        this.mouseInfo.startX = evt.pageX;
-        this.mouseInfo.startY = evt.pageY;
-        this.model.worldMatrix.getScaling(tempVector);
-        this.move(distanceX * 2 * tempVector.x, distanceY * 2 * tempVector.y);
-    }
-
-    OrbitControls.prototype.handlerMouseMove = function (evt) {
-        var distanceX = evt.pageX - this.mouseInfo.startX;
-        var distanceY = evt.pageY - this.mouseInfo.startY;
-        this.mouseInfo.startX = evt.pageX;
-        this.mouseInfo.startY = evt.pageY;
-
-        this.rotate(distanceX, distanceY);
-    }
-
-    OrbitControls.prototype.handlerToucheZoom = function (evt) {
-        var x = evt.touches[1].pageX - evt.touches[0].pageX;
-        var y = evt.touches[1].pageY - evt.touches[0].pageY;
-        var pointerDistance = Math.sqrt(x * x + y * y);
-        var scale = 1
-        scale = pointerDistance / this.mouseInfo.startPointerDistance;
-        this.mouseInfo.startPointerDistance = pointerDistance;
-        if (scale != 1) {
-            this.scale(scale);
-        }
-    }
-
-    OrbitControls.prototype.handlerTouchePan = function (evt) {
-        evt = evt.touches[0];
-        var distanceX = evt.pageX - this.mouseInfo.startX;
-        var distanceY = evt.pageY - this.mouseInfo.startY;
-        this.mouseInfo.startX = evt.pageX;
-        this.mouseInfo.startY = evt.pageY;
-        this.move(distanceX * .01, -distanceY * .01);
-    }
-
-    OrbitControls.prototype.handlerToucheMove = function (evt) {
-        var model = this.model;
-        evt = evt.touches[0];
-        this.handlerMouseMove(evt);
-    }
-
-    OrbitControls.prototype.onMouseUp = function (evt) {
-        this.mouseInfo.isDown = false;
-        this.mouseInfo.state = STATE.NONE;
-    }
-
-    OrbitControls.prototype.onWheel = function (evt) {
-        evt.preventDefault();
-        var _deltaY = evt.deltaY;
-        if (_deltaY < -100) {
-            _deltaY = -90
-        } else if (_deltaY > 100) {
-            _deltaY = 90
-        }
-        var s = 1 + _deltaY * 0.001;
-        this.scale(1 / s);
-    }
-
-    OrbitControls.prototype.bindEvent = function () {
-        
-    }
-
-    if(typeof module !== 'undefined'){
-        module.exports = OrbitControls;
-    }
-
-    if(typeof window !== 'undefined'){
-        window.OrbitControls = OrbitControls;
-    }
-})();

package/examples/js/init.js

@@ -1,128 +0,0 @@
-var camera, stage, renderer, gl, directionLight, ambientLight, ticker, stats, orbitControls;
-if (!window.notInit) {
-    camera = new Hilo3d.PerspectiveCamera({
-        aspect: innerWidth / innerHeight,
-        far: 100,
-        near: 0.1,
-        z: 3
-    });
-
-    stage = new Hilo3d.Stage({
-        container: document.getElementById('container'),
-        camera: camera,
-        clearColor: new Hilo3d.Color(0.3, 0.35, 0.35),
-        width: innerWidth,
-        height: innerHeight,
-        preferWebGL2: location.search.indexOf('webgl2') > -1,
-        antialias: false,
-        alpha: false,
-        useLogDepth: false,
-    });
-
-    window.onresize = function(){
-        camera.aspect = innerWidth / innerHeight;
-        stage.resize(innerWidth, innerHeight);
-    }
-
-    renderer = stage.renderer;
-    gl;
-
-    directionLight = new Hilo3d.DirectionalLight({
-        color: new Hilo3d.Color(1, 1, 1),
-        direction: new Hilo3d.Vector3(0, -1, 0)
-    }).addTo(stage);
-
-    ambientLight = new Hilo3d.AmbientLight({
-        color: new Hilo3d.Color(1, 1, 1),
-        amount: .5
-    }).addTo(stage);
-
-    ticker = new Hilo3d.Ticker(60);
-    ticker.addTick(stage);
-    ticker.addTick(Hilo3d.Tween);
-    ticker.addTick(Hilo3d.Animation);
-    stats = new Stats(ticker, stage.renderer.renderInfo);
-    orbitControls = new OrbitControls(stage, {
-        isLockMove: true,
-        isLockZ: true
-    });
-
-    ['init', 'initFailed'].forEach(function(eventName){
-        stage.renderer.on(eventName, function(e){
-            console.log(e.type, e);
-            console.log('Stage use ' + (renderer.isWebGL2 ? 'WebGL2' : 'WebGL1'));
-        });
-    });
-
-    setTimeout(function() {
-        ticker.start(true);
-        gl = renderer.gl;
-    }, 10);
-}
-
-var utils = {
-    keys: {},
-    parseQuery(url) {
-        var reg = /([^?#&=]+)=([^#&]*)/g;
-        var params = {};
-        var result;
-        while ((result = reg.exec(url))) {
-            params[result[1]] = decodeURIComponent(result[2]);
-        }
-        return params;
-    },
-    buildUrl(url, params) {
-        if (url === undefined) {
-            url = '';
-        }
-
-        if (params === undefined) {
-            params = {};
-        }
-        
-        var originParams = this.parseQuery(url);
-        var newParams = Object.assign(originParams, params);
-        var qs = Object.keys(newParams).map(function(key) {
-            return key + '=' + encodeURIComponent(newParams[key])
-        }).join('&');
-        return url.replace(/(\?.*)?$/, '?' + qs);
-    },
-    loadEnvMap(callback) {
-        var loadQueue = new Hilo3d.LoadQueue([{
-            type: 'CubeTexture',
-            images: [
-                '//gw.alicdn.com/tfs/TB1i.dWr9cqBKNjSZFgXXX_kXXa-128-128.jpg',
-                '//gw.alicdn.com/tfs/TB1ozYarJcnBKNjSZR0XXcFqFXa-128-128.jpg',
-                '//gw.alicdn.com/tfs/TB11Nc_rRsmBKNjSZFFXXcT9VXa-128-128.jpg',
-                '//gw.alicdn.com/tfs/TB13ldPr_mWBKNjSZFBXXXxUFXa-128-128.jpg',
-                '//gw.alicdn.com/tfs/TB1RmQ6rTqWBKNjSZFAXXanSpXa-128-128.jpg',
-                '//gw.alicdn.com/tfs/TB13j8frYZnBKNjSZFKXXcGOVXa-128-128.jpg'
-            ]
-        }, {
-            type: 'CubeTexture',
-            right: '//gw.alicdn.com/tfs/TB1EJJYr9cqBKNjSZFgXXX_kXXa-1024-1024.jpg',
-            left: '//gw.alicdn.com/tfs/TB1xXKFrSYTBKNjSZKbXXXJ8pXa-1024-1024.jpg',
-            top: '//gw.alicdn.com/tfs/TB1U7Fmr7UmBKNjSZFOXXab2XXa-1024-1024.jpg',
-            bottom: '//gw.alicdn.com/tfs/TB1zJRdr8jTBKNjSZFDXXbVgVXa-1024-1024.jpg',
-            front: '//gw.alicdn.com/tfs/TB1SkFLrQZmBKNjSZPiXXXFNVXa-1024-1024.jpg',
-            back: '//gw.alicdn.com/tfs/TB1z9F2h4tnkeRjSZSgXXXAuXXa-1024-1024.jpg',
-            magFilter: Hilo3d.constants.LINEAR,
-            minFilter: Hilo3d.constants.LINEAR_MIPMAP_LINEAR
-        }, {
-            src: '//gw.alicdn.com/tfs/TB1.K0CrYZnBKNjSZFhXXc.oXXa-256-256.png',
-            wrapS: Hilo3d.constants.CLAMP_TO_EDGE,
-            wrapT: Hilo3d.constants.CLAMP_TO_EDGE,
-            type: 'Texture'
-        }]).start().on('complete', function() {
-            var result = loadQueue.getAllContent();
-
-            callback({
-                diffuseEnvMap: result[0],
-                specularEnvMap: result[1],
-                brdfLUT: result[2],
-            });
-        });
-    }
-};
-
-utils.keys = utils.parseQuery(location.href);