日韩在线一区二区三区,日本午夜一区二区三区,国产伦精品一区二区三区四区视频,欧美日韩在线观看视频一区二区三区 ,一区二区视频在线,国产精品18久久久久久首页狼,日本天堂在线观看视频,综合av一区

[發(fā)明專利]一種在網(wǎng)頁(yè)中加載3D模型的方法有效

專利信息
申請(qǐng)?zhí)枺?/td> 201710918604.8 申請(qǐng)日: 2017-09-30
公開(kāi)(公告)號(hào): CN107679188B 公開(kāi)(公告)日: 2021-11-16
發(fā)明(設(shè)計(jì))人: 饒鐘權(quán);劉紅;鄔前偉;李慶松;黎玉玲;劉鵬程;俞益飛;周燁;張自忠;邱孝揚(yáng);趙子云;汪全;楊愷 申請(qǐng)(專利權(quán))人: 深圳市同立方科技有限公司
主分類號(hào): G06F16/957 分類號(hào): G06F16/957;G06F3/0484
代理公司: 東莞市奧豐知識(shí)產(chǎn)權(quán)代理事務(wù)所(普通合伙) 44424 代理人: 田小紅
地址: 518000 廣東省深圳市龍崗區(qū)*** 國(guó)省代碼: 廣東;44
權(quán)利要求書(shū): 查看更多 說(shuō)明書(shū): 查看更多
摘要:
搜索關(guān)鍵詞: 一種 網(wǎng)頁(yè) 加載 模型 方法
【說(shuō)明書(shū)】:

發(fā)明公開(kāi)了一種在網(wǎng)頁(yè)中加載3D模型的方法,包括以下步驟,一在HTML代碼中引入Thee.js及相關(guān)插件;二、編寫(xiě)js代碼,利用Three.js提供的loader將3D模型導(dǎo)入js文件中;三、將3D模型添加到上一步創(chuàng)建好的場(chǎng)景中,并設(shè)置場(chǎng)景的燈光、攝像機(jī)、場(chǎng)景、渲染器;四、通過(guò)appendchild將場(chǎng)景追加到HTML代碼中的body標(biāo)簽中;五、在js文件中編碼定義對(duì)3D模型的交互操作;六、網(wǎng)頁(yè)中顯示加載的3D模型。本發(fā)明(1)不用裝額外的插件及flash,實(shí)現(xiàn)真正的網(wǎng)頁(yè)3D動(dòng)畫(huà),減少了開(kāi)發(fā)者的工作量,從而大大降低開(kāi)發(fā)成本;(2)能隨意向網(wǎng)頁(yè)中加載外部的3D模型(3)能對(duì)加載進(jìn)來(lái)的3D模型經(jīng)行一系列的交互操作;(4)模型保持獨(dú)立性,網(wǎng)頁(yè)代碼與模型代碼分離,低耦合度,易于維護(hù)和更新。

技術(shù)領(lǐng)域

本發(fā)明涉及計(jì)算機(jī)虛擬現(xiàn)實(shí)技術(shù)領(lǐng)域,特別涉及一種在網(wǎng)頁(yè)中加載3D模型的方法。

背景技術(shù)

現(xiàn)有的FLASH不支持3D模型,只能做偽3D動(dòng)畫(huà),而無(wú)法直接在網(wǎng)頁(yè)中展示真3D動(dòng)畫(huà),HTML5 3D做出的3D動(dòng)畫(huà),能進(jìn)行縮放、拖拽、翻轉(zhuǎn)等簡(jiǎn)單的交互操作,無(wú)法實(shí)現(xiàn)類似于模型炸開(kāi)、3D模型分離等交互操作,而且不能做到直接導(dǎo)入3D模型到網(wǎng)頁(yè)中,需要編碼生成3D模型,工作量非常大,時(shí)間和金錢(qián)的成本高,不夠先進(jìn)的瀏覽器無(wú)法支持網(wǎng)頁(yè)3D模型動(dòng)畫(huà)。

發(fā)明內(nèi)容

本發(fā)明的目的是提供一種在網(wǎng)頁(yè)中加載3D模型的方法,以實(shí)現(xiàn)真正的網(wǎng)頁(yè)3D動(dòng)畫(huà)、還能隨意向網(wǎng)頁(yè)中加載外部的3D模型和能對(duì)加載進(jìn)來(lái)的3D模型經(jīng)行一系列復(fù)雜交互操作。

為了實(shí)現(xiàn)上述目的,本發(fā)明提供如下技術(shù)方案:

一種在網(wǎng)頁(yè)中加載3D模型的方法,包括以下步驟,步驟一、在HTML代碼中引入Thee.js及相關(guān)插件;

步驟二、編寫(xiě)js代碼,利用Three.js提供的loader將3D模型導(dǎo)入js文件中;

步驟三、將3D模型添加到上一步創(chuàng)建好的場(chǎng)景中,并設(shè)置場(chǎng)景的燈光、攝像機(jī)、場(chǎng)景、渲染器;

步驟四、通過(guò)appendchild將場(chǎng)景追加到HTML代碼中的body標(biāo)簽中;

步驟五、在js文件中編碼定義對(duì)3D模型的交互操作;

步驟六、網(wǎng)頁(yè)中顯示加載的3D模型;

步驟五中,編碼定義對(duì)3D模型的交互操作如下,

(1)播放動(dòng)畫(huà)。點(diǎn)擊播放按鈕后,遞歸調(diào)用定義的animate()方法,通過(guò)requestAnimationFrame()方法,循環(huán)渲染,使3D模型的動(dòng)畫(huà)循環(huán)播放,動(dòng)畫(huà)播放時(shí),可以通過(guò)鼠標(biāo)拖拽、縮放、翻轉(zhuǎn)模型;

(2)停止播放動(dòng)畫(huà)。模型動(dòng)畫(huà)播放時(shí),點(diǎn)擊停止按鈕后,通過(guò)cancelAnimation()方法取消動(dòng)畫(huà)幀更新的請(qǐng)求,使3D模型的動(dòng)畫(huà)立即停止,動(dòng)畫(huà)停止后,不能通過(guò)鼠標(biāo)拖拽、縮放和翻轉(zhuǎn)模型。

(3)復(fù)位模型。模型動(dòng)畫(huà)在播放時(shí)、或者模型動(dòng)畫(huà)停止時(shí)、或者模型炸開(kāi)時(shí),點(diǎn)擊復(fù)位按鈕,通過(guò)traverse()方法遍歷3D模型的每一個(gè)骨骼蒙皮動(dòng)畫(huà),并調(diào)用pose()方法,將每一個(gè)骨骼蒙皮動(dòng)畫(huà)返回動(dòng)畫(huà)播放前的狀態(tài),從而使模型恢復(fù)到最初完整狀態(tài);模型復(fù)位后,支持鼠標(biāo)拖拽、縮放、翻轉(zhuǎn)操作;

(4)模型分離。點(diǎn)擊分離按鈕,記3D模型的動(dòng)畫(huà)關(guān)鍵幀數(shù)為count,通過(guò)for循環(huán),逐幀播放3D模型的動(dòng)畫(huà),并將每一幀動(dòng)畫(huà)的循環(huán)屬性loop設(shè)置為false,使3D模型動(dòng)畫(huà)只播放一次,這樣就可以使3D模型在最后一幀播完后靜止,并保持炸開(kāi)狀態(tài)。此時(shí)模型支持鼠標(biāo)拖拽、縮放、翻轉(zhuǎn)操作;

(5)模型拆解。利用three.js提供的射線跟蹤鼠標(biāo)的位置,檢測(cè)射線和模型是否相交,若相交,將相交的模型部分標(biāo)記為“被選中”,實(shí)時(shí)監(jiān)測(cè)鼠標(biāo)位置,實(shí)時(shí)更新模型“被選中”的部分在場(chǎng)景中的位置,從而實(shí)現(xiàn)了模型拆解;

下載完整專利技術(shù)內(nèi)容需要扣除積分,VIP會(huì)員可以免費(fèi)下載。

該專利技術(shù)資料僅供研究查看技術(shù)是否侵權(quán)等信息,商用須獲得專利權(quán)人授權(quán)。該專利全部權(quán)利屬于深圳市同立方科技有限公司,未經(jīng)深圳市同立方科技有限公司許可,擅自商用是侵權(quán)行為。如果您想購(gòu)買此專利、獲得商業(yè)授權(quán)和技術(shù)合作,請(qǐng)聯(lián)系【客服

本文鏈接:http://www.szxzyx.cn/pat/books/201710918604.8/2.html,轉(zhuǎn)載請(qǐng)聲明來(lái)源鉆瓜專利網(wǎng)。

×

專利文獻(xiàn)下載

說(shuō)明:

1、專利原文基于中國(guó)國(guó)家知識(shí)產(chǎn)權(quán)局專利說(shuō)明書(shū);

2、支持發(fā)明專利 、實(shí)用新型專利、外觀設(shè)計(jì)專利(升級(jí)中);

3、專利數(shù)據(jù)每周兩次同步更新,支持Adobe PDF格式;

4、內(nèi)容包括專利技術(shù)的結(jié)構(gòu)示意圖流程工藝圖技術(shù)構(gòu)造圖

5、已全新升級(jí)為極速版,下載速度顯著提升!歡迎使用!

請(qǐng)您登陸后,進(jìn)行下載,點(diǎn)擊【登陸】 【注冊(cè)】

關(guān)于我們 尋求報(bào)道 投稿須知 廣告合作 版權(quán)聲明 網(wǎng)站地圖 友情鏈接 企業(yè)標(biāo)識(shí) 聯(lián)系我們

鉆瓜專利網(wǎng)在線咨詢

周一至周五 9:00-18:00

咨詢?cè)诰€客服咨詢?cè)诰€客服
tel code back_top
主站蜘蛛池模板: 午夜剧场伦理| 国产一级片一区| 国产精品亚发布| 久久中文一区二区| 国产一区二区高潮| 亚洲国产一区二区久久久777| 国产一区二区播放| 欧美69精品久久久久久不卡| 欧美精品国产一区二区| 色婷婷久久一区二区三区麻豆 | 艳妇荡乳欲伦2| 国产白丝一区二区三区| 久久久中精品2020中文| 国产精品久久久爽爽爽麻豆色哟哟| 久久精品一| 中文字幕另类日韩欧美亚洲嫩草| 欧美在线视频一二三区| 国产一区免费在线观看| 日本精品一二三区| 99er热精品视频国产| 亚洲国产日韩综合久久精品| 夜夜嗨av一区二区三区中文字幕| 国产欧美亚洲精品| 亚洲精品卡一卡二| 亚洲精品456| 狠狠色丁香久久综合频道日韩| 欧美精品久久一区| 欧美髙清性xxxxhdvid| 欧美日韩一区二区三区四区五区六区 | 久久精品一二三| 色综合久久精品| 国产精品美女久久久免费| 国产超碰人人模人人爽人人添| 国产欧美精品久久| 国产色99| 精品国产亚洲一区二区三区| 国产欧美亚洲一区二区| 国产91色综合| 国产精品亚洲精品一区二区三区| 国产欧美日韩va另类在线播放 | 精品国产乱码久久久久久久| 91香蕉一区二区三区在线观看| 亚洲无人区码一码二码三码| 亚洲精品无吗| 国产日产欧美一区| 久久精品中文字幕一区| 午夜少妇性影院免费观看| 强制中出し~大桥未久10| 91看片app| 精品福利一区| 久99久精品| 68精品国产免费久久久久久婷婷| 欧美色综合天天久久| 91在线一区二区| 视频一区二区三区欧美| 蜜臀久久精品久久久用户群体| 午夜看片网址| 亚洲精品乱码久久久久久麻豆不卡| 久久免费视频99| 日本中文字幕一区| 亚洲精品97久久久babes| 少妇性色午夜淫片aaa播放5| 久久狠狠高潮亚洲精品| 亚洲欧美日韩在线看| 亚洲国产精品麻豆| 激情欧美一区二区三区| 一级午夜电影| 国产精品九九九九九| 日韩午夜毛片| 国产一区二区片| 国产精品日产欧美久久久久| 91精品福利观看| 精品综合久久久久| 亚洲久色影视| 久久精品视频偷拍| 午夜影院色| 日本三级香港三级网站| 一区二区免费在线观看| 久久乐国产精品| 国产一区二区三区午夜| 亚洲欧美色图在线| 视频一区二区三区欧美| 久久九精品| 欧美三区视频| 韩国女主播一区二区| 国产乱xxxxx97国语对白| 国产精品天堂| 午夜叫声理论片人人影院| 国产欧美一区二区三区视频| 性刺激久久久久久久久九色| 亚洲欧美日韩综合在线| 国产一区三区四区| 视频一区二区国产| 99久久国产综合精品色伊| 国产精品一区二区不卡| 日韩精品一区二区不卡| 国产精品日本一区二区不卡视频 | 日本伦精品一区二区三区免费| 国产午夜精品一区二区三区四区| 亚洲国产午夜片| 久久精品中文字幕一区| 国产精品一级在线| 5g影院天天爽入口入口| 国产欧美一区二区在线| 国产91免费在线| 国产精品精品国内自产拍下载| 亚洲精品久久久久一区二区| 国产精品久久久综合久尹人久久9| 日韩精品中文字幕在线| 免费观看黄色毛片| 88国产精品欧美一区二区三区三| 激情久久久| 欧美乱战大交xxxxx| 麻豆视频免费播放| 91精品国产九九九久久久亚洲| 高清国产一区二区三区| 午夜黄色大片| 美国三级日本三级久久99 | 午夜国内精品a一区二区桃色| 色噜噜狠狠色综合中文字幕| 久久久久久久国产精品视频| 91精品啪在线观看国产线免费| 亚洲少妇中文字幕| 国产麻豆91欧美一区二区| 免费观看xxxx9999片| 中文字幕一区一区三区| 午夜老司机电影| 国产日韩欧美一区二区在线播放| 国产日韩欧美三级| 男人的天堂一区二区| 午夜大片男女免费观看爽爽爽尤物| 首页亚洲欧美制服丝腿| 国产超碰人人模人人爽人人添| 中文无码热在线视频| 96国产精品视频| 欧美日韩国产一二三| 国产区精品区| 97视频一区| 午夜精品一区二区三区三上悠亚 | 九九国产精品视频| 李采潭无删减版大尺度| 日韩三区三区一区区欧69国产| 国产在线一区不卡| 视频一区二区三区中文字幕| 狠狠色噜噜狠狠狠狠色吗综合| 久久精品国产亚| 97人人模人人爽人人喊38tv| av素人在线| xoxoxo亚洲国产精品| 免费精品99久久国产综合精品应用| 毛片免费看看| 国产日韩欧美一区二区在线观看 | 国产理论片午午午伦夜理片2021| 一区二区三区国产欧美| 日韩偷拍精品| 亚洲欧美另类综合| 日韩女女同一区二区三区| 亚洲欧美日韩在线| 日韩偷拍精品| 欧美高清性xxxxhdvideos| 国产精品久久久久久久久久久久久久不卡 | 精品99免费视频| 午夜av资源| 一区二区三区香蕉视频| 午夜无遮挡| 91久久香蕉国产日韩欧美9色| 国产欧美视频一区二区| 欧美一级免费在线视频| 亚洲三区在线| 波多野结衣女教师电影| 久久国产精品网站| 欧美乱妇在线视频播放| 国产毛片精品一区二区| 亚洲乱亚洲乱妇28p| 亚洲精品久久久久一区二区| 亚洲精品456在线播放| 91一区在线| 中文字幕日韩有码| 久久天天躁狠狠躁亚洲综合公司 | 久久国产精品视频一区| 欧美一区二区精品久久911| 国产激情视频一区二区| 欧美精品国产一区二区| 日韩av一区二区在线播放| 国产剧情在线观看一区二区| 婷婷午夜影院| freexxxxxxx| 夜夜夜夜曰天天天天拍国产| 日本一区二区高清| 国产区91| 久久人人爽爽| 狠狠色噜噜狠狠狠狠2018| 国产在线观看免费麻豆| 午夜wwwww| 午夜肉伦伦| 久久99国产精品久久99| 日本精品一二三区| 国产91清纯白嫩初高中在线观看| 国产视频在线一区二区| 激情久久一区二区三区| 欧美日韩一区二区高清| 夜夜爱av| 中文字幕+乱码+中文字幕一区| 国偷自产中文字幕亚洲手机在线| 久久精品男人的天堂| 国产在线一区观看| 日本三级韩国三级国产三级| 中文字幕在线视频一区二区| 亚洲女人av久久天堂| 欧美日韩一区电影| av素人在线| 亚洲欧美国产日韩综合| 久久久中精品2020中文| 日本美女视频一区二区| 日韩精品乱码久久久久久| 精品国产亚洲一区二区三区| 国产91高清| 国产精品19乱码一区二区三区| 日韩精品免费一区二区夜夜嗨| 欧美午夜精品一区二区三区| 日韩一级免费视频| av午夜电影| 日韩中文字幕一区二区在线视频| 国产第一区二区| 在线视频不卡一区| av不卡一区二区三区| 国产午夜精品一区二区理论影院| 4399午夜理伦免费播放大全| 国产欧美一区二区三区免费看| 在线精品一区二区| 午夜av网址| 91视频国产九色| 国产精品久久久不卡| 欧洲在线一区| 中文无码热在线视频| 日日夜夜精品免费看| 99久久国产综合| 国产超碰人人模人人爽人人添| 欧美精品在线不卡| 久久夜靖品2区| 国产一区免费在线观看| 在线国产一区二区三区| 日本伦精品一区二区三区免费| 99精品国产99久久久久久97| 午夜爱爱电影| 欧美精品粉嫩高潮一区二区|