亚洲免费av电影一区二区三区,日韩爱爱视频,51精品视频一区二区三区,91视频爱爱,日韩欧美在线播放视频,中文字幕少妇AV,亚洲电影中文字幕,久久久久亚洲av成人网址,久久综合视频网站,国产在线不卡免费播放

        ?

        基于A-Frame的虛擬現(xiàn)實室內(nèi)裝修效果展示網(wǎng)頁的設(shè)計與實現(xiàn)

        2018-12-24 07:36:44徐慧瓊
        山西電子技術(shù) 2018年6期
        關(guān)鍵詞:光標(biāo)網(wǎng)頁虛擬現(xiàn)實

        徐慧瓊

        (山西職業(yè)技術(shù)學(xué)院計算機工程系,山西 太原 030006)

        21世紀(jì)以來,全球跨入了信息化技術(shù)時代,計算機技術(shù)的應(yīng)用與發(fā)展進(jìn)入了更高的層次,隨著計算機圖形學(xué),人機交互技術(shù),傳感技術(shù),人工智能等領(lǐng)域的不斷發(fā)展和深入,計算機并不僅僅可以實現(xiàn)對聲音、圖像、圖形、動畫、視頻等的處理,而且可以實現(xiàn)將三維實體、三維環(huán)境等以虛擬現(xiàn)實的形式表現(xiàn)出來,產(chǎn)生交互式的三維動畫、動態(tài)仿真[1]。由此,很多虛擬現(xiàn)實系統(tǒng)相繼出現(xiàn),主要涉及的領(lǐng)域有電影、游戲、教育、軍事、醫(yī)療等。但是在虛擬現(xiàn)實硬件快速發(fā)展的同時,其創(chuàng)作內(nèi)容卻相對滯后,創(chuàng)作成本相當(dāng)昂貴,所以到目前為止并沒有得到真正的普及。

        WebVR是Web技術(shù)在VR領(lǐng)域的應(yīng)用,是一種在瀏覽器中創(chuàng)建虛擬現(xiàn)實3D體驗的JavaScript應(yīng)用程序接口。A-Frame框架技術(shù)是WebVR的成員之一,具有一定的代表性。

        1 A-Frame框架技術(shù)綜述

        A-Frame是 Mozilla 基金會開源的網(wǎng)頁虛擬現(xiàn)實體驗(WebVR)框架,是一個方便、強大的開發(fā)庫工具,它定位于Web開發(fā),構(gòu)建于WebGL接口之上,內(nèi)置了Three.js的開發(fā)框架。通過這個工具,Web開發(fā)者不需要編寫太多的JavaScript和GLSL語句,只使用熟悉的HTML標(biāo)記語言就可以快速構(gòu)建3D VR場景,最終實現(xiàn)在網(wǎng)頁中獲得3D虛擬現(xiàn)實體驗的設(shè)計目標(biāo)。

        在國外,A-Frame框架技術(shù)也有著較為廣泛的使用,包括華盛頓郵報、谷歌創(chuàng)新實驗室、國際特赦組織等都是A-Frame框架技術(shù)的用戶。

        1.1 支持A-Frame框架技術(shù)的瀏覽器

        A-Frame支持所有實現(xiàn)了WebGL接口的現(xiàn)代瀏覽器。如:Firefox、chrome、百度VR瀏覽器、Safari等。

        1.2 支持A-Frame框架技術(shù)的硬件設(shè)備

        A-Frame最大的一個優(yōu)勢在于其具備跨平臺性,支持PC端、Mobile端以及頭戴設(shè)備Oculus Rift和HTC Vive[2]。

        2 A-Frame框架技術(shù)在虛擬室內(nèi)裝修效果展示網(wǎng)頁設(shè)計中的應(yīng)用

        2.1 設(shè)計目標(biāo)

        使用A-Frame技術(shù),創(chuàng)建虛擬現(xiàn)實室內(nèi)裝修效果展示網(wǎng)頁,并實現(xiàn)不同裝修效果的切換。

        2.2 操作環(huán)境

        硬件配置:普通電腦一臺,虛擬現(xiàn)實頭顯設(shè)備(不帶手持控制器)一套。

        軟件配置:windows 7操作系統(tǒng),DreamWeaver CS 5,F(xiàn)irefox瀏覽器,Apache服務(wù)器,0.8.0版本的A-frame庫文件aframe.min.js,以及其布局組件文件aframe-layout-component.min.js、事件組件文件aframe-event-set-component.min.js、模板組件文件aframe-template-component.min.js組件文件。素材:360度全景裝修效果設(shè)計圖,導(dǎo)航按鈕圖片。

        2.3 詳細(xì)設(shè)計與制作

        2.3.1 創(chuàng)建網(wǎng)頁文件結(jié)構(gòu)

        創(chuàng)建如圖1所示的文件結(jié)構(gòu)。360images文件夾存放頁面設(shè)計用到的所有圖像素材;component文件夾里存放頁面設(shè)計中用到的所有庫文件和組件文件。

        在DreamWeaver CS 5中打開index.html網(wǎng)頁,在

        亚洲黄片av在线播放| 久久99精品免费一区二区| 无码区a∨视频体验区30秒| 精品中文字幕精品中文字幕 | 男人添女人下部高潮全视频| 国产欧美精品一区二区三区,| 黄网站a毛片免费观看久久| 日韩精品免费一区二区三区观看| 香港台湾经典三级a视频| 免费人成毛片乱码| 免费美女黄网站久久久| 少妇免费av一区二区三区久久 | 搡老熟女老女人一区二区| 91精品啪在线看国产网站| 亚洲中文字幕在线第六区| 精品久久久久久无码中文野结衣 | 不卡视频在线观看网站| 18禁黄污吃奶免费看网站| 久久久久国色av∨免费看| 国产人成在线成免费视频| 日本高清一区二区三区在线观看| 中文字幕丰满乱子无码视频| 久久精品无码一区二区乱片子| 久久亚洲精品成人av观看| 丝袜美腿亚洲一区二区| 国产精品麻豆欧美日韩ww| 欧美日韩一二三区高在线| 狠狠爱婷婷网五月天久久| 久久久久无码精品国产app| 久久精品无码一区二区三区蜜费 | 国产高清在线一区二区不卡| 高清不卡一区二区三区| 成年女人A级毛片免| 国产成人精品一区二三区在线观看| 秋霞在线视频| 免费男人下部进女人下部视频| 久久精品韩国日本国产| 国产精品久久久在线看| 在线精品国产一区二区三区| 蜜桃在线播放免费一区二区三区| 日本乱熟人妻中文字幕乱码69|