3d 中旋轉(zhuǎn)攝像機(jī)

hightopo 發(fā)布于2019-08-23 17:13 / 2488人閱讀

// 旋轉(zhuǎn)相機(jī)

rotateCamera (axis, speed, dt) {

    // var camera = viewer.getCamera()
    // var pivot = camera.pivot;
    // camera.target = pivot;
    // var target = camera.target
    // var dt = 1;
    // dt+=1;
    // var posx = target.x ? + ?1000*Math.cos(dt * 3.14 /180);
    // var posy = target.y ? + ?1000*Math.cos(1 * 3.14 /180);
    // camera.position.x = posx
    // camera.position.y = posy

    var nav = viewerAll.navigation;

    var up = nav.getCameraUpVector()

    var pos = nav.getPosition()

    var matrix = new THREE.Matrix4().makeRotationAxis(
        axis, speed * dt);
    // viewer.impl.invalidate (true)

    pos.applyMatrix4(matrix)
    up.applyMatrix4(matrix)

    nav.setView(pos, new THREE.Vector3(0,0,1))
    nav.setCameraUpVector(up)
}

runAnimation () {
    if(viewer.animateFlag){

        var dt = 0.01;
        dt+=0.01;
        var axis = new THREE.Vector3(0,0,1);
        viewer.vmethods.rotateCamera(axis, 10.0 * Math.PI/180, dt);
        window.requestAnimationFrame(viewer.vmethods.runAnimation);
    }

}1

云服務(wù)器 GPU云服務(wù)器 jquery3D旋轉(zhuǎn)木馬 jquery3D旋轉(zhuǎn)切換 js鼠標(biāo)拖動3D立方體旋轉(zhuǎn) 3d攝像頭

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/103989.html

相關(guān)文章

css3d-engine源碼學(xué)習(xí)簡析

摘要：全景旋轉(zhuǎn)首先學(xué)習(xí)一下基礎(chǔ)坐標(biāo)系這個(gè)只要記住一下軸各自方向就可以，下面分析會用到。開始從這里開始準(zhǔn)備攻略webgl（準(zhǔn)備挖新坑），F(xiàn)lutter框架當(dāng)然也會繼續(xù)補(bǔ)充，但是今天學(xué)習(xí)的不是webgl，而是css3d-engine這個(gè)庫，因?yàn)橹案慊顒涌吹搅艘粋€(gè)全景旋轉(zhuǎn)活動就是使用這個(gè)庫完成，頗為驚艷（一開始以為是webgl實(shí)現(xiàn)的，但是看了代碼才知道用CSS3就可以完成，雖然覺得還是應(yīng)該用...

pinecone 2019-08-21 17:47 評論0 收藏0
css3d-engine源碼學(xué)習(xí)簡析

摘要：全景旋轉(zhuǎn)首先學(xué)習(xí)一下基礎(chǔ)坐標(biāo)系這個(gè)只要記住一下軸各自方向就可以，下面分析會用到。開始從這里開始準(zhǔn)備攻略webgl（準(zhǔn)備挖新坑），F(xiàn)lutter框架當(dāng)然也會繼續(xù)補(bǔ)充，但是今天學(xué)習(xí)的不是webgl，而是css3d-engine這個(gè)庫，因?yàn)橹案慊顒涌吹搅艘粋€(gè)全景旋轉(zhuǎn)活動就是使用這個(gè)庫完成，頗為驚艷（一開始以為是webgl實(shí)現(xiàn)的，但是看了代碼才知道用CSS3就可以完成，雖然覺得還是應(yīng)該用...

Amio 2019-08-01 18:04 評論0 收藏0
css3d-engine源碼學(xué)習(xí)簡析

摘要：全景旋轉(zhuǎn)首先學(xué)習(xí)一下基礎(chǔ)坐標(biāo)系這個(gè)只要記住一下軸各自方向就可以，下面分析會用到。開始從這里開始準(zhǔn)備攻略webgl（準(zhǔn)備挖新坑），F(xiàn)lutter框架當(dāng)然也會繼續(xù)補(bǔ)充，但是今天學(xué)習(xí)的不是webgl，而是css3d-engine這個(gè)庫，因?yàn)橹案慊顒涌吹搅艘粋€(gè)全景旋轉(zhuǎn)活動就是使用這個(gè)庫完成，頗為驚艷（一開始以為是webgl實(shí)現(xiàn)的，但是看了代碼才知道用CSS3就可以完成，雖然覺得還是應(yīng)該用...

魏憲會 2019-08-29 13:54 評論0 收藏0
多屏互動——H5 中級進(jìn)階

摘要：手機(jī)屏幕朝上，水平靜止放置，軸重力加速度為，為。當(dāng)手機(jī)水平放置，撥動手機(jī)，使其慢慢旋轉(zhuǎn)，重力加速度的數(shù)據(jù)并沒有變化。四元數(shù)的基本數(shù)學(xué)方程為其中表示旋轉(zhuǎn)角度，表示旋轉(zhuǎn)軸。四元數(shù)表示一個(gè)完整的旋轉(zhuǎn)。前言隨著智能硬件的普及，手機(jī)，平板，PC甚至路邊的電子廣告牌，現(xiàn)代瀏覽器已經(jīng)無處不在。在瀏覽器里編織出我們自己的一片天地已經(jīng)輕車熟路，但是這還不夠，H5賦予了瀏覽器太多的新特性，等待我們?nèi)ナ?..

wdzgege 2019-08-21 14:08 評論0 收藏0