導語:
????????????前面分享了幾個有關threejs的實操案例拴曲,發(fā)現(xiàn)自己是真不太表達坡垫。不過還好我把步驟代碼是直接貼出來的,可以方便大家拷貝咽白。關于threejs的demo案例其官方提供的demo有很多页响,不過我們真正在項目中需要使用的功能或者效果篓足,demo案例經(jīng)常會遇到?jīng)]有提到的,這就需要靠大家一起研究分享闰蚕。下面我再和大家分享一個比較常見而且實用的功能--三視圖栈拖,一般設備查看都會實用該功能,效果如下圖:
怎么樣 是不是很炫酷没陡。
1. 代碼分享
前期準備工作就不介紹了涩哟,這里直接開始視圖切換,在三維場景里 相機分為正交相機和透視相機盼玄,大家在做項目的時候估計大部分都是使用的正交相機贴彼,因為這個相機更符合人們的視角觀察(通俗點就是近大遠小)埃儿,正交相機一般都用在機械或工程制圖里(我這里說的是一般具體什么場景用什么相機 我覺得都是用戶說的算畢竟人家是出資方^^);嘮叨了半天還沒寫代碼器仗,因為三視圖這兩種相機的選擇會有一點點區(qū)別。這個時候再不貼代碼就真講不清楚了,這里我只以頂視圖為例說明:
threeInit.camLength=10;// 透視相機該值大小不重要,只是表面我們使用的方向精钮,正交相機該值是相機到物體的距離威鹿,相當重要,threeInit這個大家可以忽略轨香,是我定義的一個存儲變量的對象忽你;
threeInit.camera.position.set( 0,threeInit.camLength,0);// 頂視圖 x、z值為0弹沽;y值就是我們設置好的,自己添加對應事件就行了筋粗;其它兩個視圖一樣
結語:本次案例沒有太多代碼策橘,也沒有難度(難度都是會者不難,我也是測試了很多次才發(fā)現(xiàn)的 哎 一步步實踐出真知)希望可以幫助到大家?