test key

pano3.html

@@ -131,12 +131,8 @@
 
     <div class="ctrlBtn"></div>
 
-    <script src="js/three.min.js"></script>
-    <script src="js/tween.umd.js"></script>
 
-    <script src="test.js"></script>
-
-    <!-- <script src="app.min.js"></script> -->
+    <script src="app.min.js"></script> 
 
     <script type="text/javaScript">
 

test.js

@@ -1,167 +0,0 @@
-
-var camera, scene, renderer,controls,material;
-var sphere;
-
-
-init();
-animate();
-
-function init(texture) {
-
-    var container, mesh;
-
-    container = document.getElementById('container');
-
-    // camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 1, 1100);
-    camera = new THREE.PerspectiveCamera(90, window.innerWidth / window.innerHeight, 1, 1100);
-    camera.target = new THREE.Vector3(0, 0, 0);
-
-    scene = new THREE.Scene();
-
-    var geometry = new THREE.SphereBufferGeometry(500, 60, 40);
-    geometry.scale(-1, 1, 1);
-    // invert the geometry on the x-axis so that all of the faces point inward
-
-    material = new THREE.MeshBasicMaterial({ color:0x0000ff});
-
-    mesh = new THREE.Mesh(geometry, material);
-
-    scene.add(mesh);
-
-
-    var geometry = new THREE.SphereBufferGeometry(5, 60, 40);
-    geometry.scale(-1, 1, 1);
-    // invert the geometry on the x-axis so that all of the faces point inward
-
-    material = new THREE.MeshBasicMaterial({ color:0xff00ff});
-
-    sphere = new THREE.Mesh(geometry, material);
-
-    scene.add(sphere);
-
-    renderer = new THREE.WebGLRenderer();
-    renderer.setPixelRatio(window.devicePixelRatio);
-    renderer.setSize(window.innerWidth, window.innerHeight);
-    container.appendChild(renderer.domElement);
-
-    camera.position.set( 0, 0, 10 );
-
-    window.camera=camera
-
-    window.addEventListener('resize', onWindowResize, false);
-
-}
-
-function onWindowResize() {
-
-    camera.aspect = window.innerWidth / window.innerHeight;
-    camera.updateProjectionMatrix();
-
-    renderer.setSize(window.innerWidth, window.innerHeight);
-
-}
-
-function updateCameraTo(){
-    const coords = {x: camera.fov, y: 0} // Start at (0, 0)
-    const fov = 30
-
-    const tween = new TWEEN.Tween(coords) // Create a new tween that modifies 'coords'.
-        .to({x:fov,y:0}, 5000) // Move to (300, 200) in 1 second.
-        .easing(TWEEN.Easing.Quadratic.Out) // Use an easing function to make the animation smooth.
-        .onUpdate((e,t) => {
-            camera.fov = coords.x
-            camera.updateProjectionMatrix();
-        })
-        .onComplete(()=>{
-
-            camera.fov = 90
-            // console.log()
-        })
-        .start() // Start the tween immediately.
-
-}
-
-
-//------------------------------------------
-function animate() {
-    requestAnimationFrame(animate);
-    update();
-}
-
-function update() {
-
-    if(camera.fov>=90){
-
-        console.log(camera.fov)
-        updateCameraTo()
-    }
-
-    TWEEN.update()
-
-    renderer.render(scene, camera);
-
-}
-// function reloadData() {
-//     window.location.href="pano_object_scenne_test.html";
-// }
-
-var btn = new tvSysBtnBind({
-    id: "Jdoc",
-    className: "ctrlBtn",
-    currentClass: "current",
-    keyRemoveDefault: false,
-    effect: "base",
-    currentIndex: 0,
-    onLoad: function(e) {
-      console.log(e);
-    },
-    onPress:function() {
-        var keyCode = this.event.keyCode;
-        
-        console.log(keyCode);
-        alert(keyCode)
-        switch (keyCode) {
-            case 37:
-            // reloadData();
-            break;
-            case 39:
-            
-            break;
-            case 38:
-            
-            break;
-            case 40:
-
-            break;
-            // case 24:
-            //     alert('24')
-            // break;
-            // case 25:
-            //     alert('25')
-            // break;
-            // case 4:
-            //     alert('4')
-            // case 19:
-            //     alert('19')
-            // case 20:
-            //     alert('20')
-            // case 21:
-            //     alert('21')
-            // case 22:
-            //     alert('22')
-            // case 23:
-            //     alert('23')
-            break;
-        
-            default:
-                break;
-        }
-    },
-    onEnterPress: function() {
-       alert(12321);
-    },
-    onBack: function() {
-       
-    }
-});
-