整合營(yíng)銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          開(kāi)源智體世界:?jiǎn)滩妓?D紀(jì)念館-第23課-煙花插件的

          開(kāi)源智體世界:?jiǎn)滩妓?D紀(jì)念館-第23課-煙花插件的售賣效果優(yōu)化

          用dtns.network德塔世界(開(kāi)源的智體世界引擎),策劃和設(shè)計(jì)《喬布斯超大型的開(kāi)源3D紀(jì)念館》的系列教程。dtns.network是一款主要由JavaScript編寫的智體世界引擎(內(nèi)嵌了three.js編輯器的定制版-支持以第一視角游覽3D場(chǎng)館),可以在瀏覽器和node.js、deno、electron上運(yùn)行,它是一個(gè)跨平臺(tái)的軟件,支持多個(gè)操作系統(tǒng)使用!

          下面分為幾步介紹,如何基于dtns.network智體世界引擎如何實(shí)現(xiàn)喬布斯3D紀(jì)念館的碟狀總部的展覽館擺件的擺件點(diǎn)擊購(gòu)買煙花插件并燃放煙花———它的售賣系統(tǒng)效果優(yōu)化。我們了解到,3D場(chǎng)館里能讓渲染效果變好的最重要的方法之1就是紋理貼圖,其次配合著恰當(dāng)?shù)臒艄庑ЧD敲唇酉聛?lái)我們就一步步解讀如何進(jìn)行煙花插件的售賣效果優(yōu)化。

          注:該《煙花插件》采用開(kāi)源的js-canvas繪制燃放煙花的特效。通過(guò)dtns.plugin(基于vue2版本構(gòu)建《煙花插件》),通過(guò)npm build lib編譯生成index.js,將index.js和index.json配置文件,壓縮生成dpkg的類似小程序安裝包的插件。

          第一步:打開(kāi)頭榜頁(yè)面,找到3D紀(jì)念館xverse輕應(yīng)用

          第二步:點(diǎn)擊右上角...進(jìn)入頭榜編輯器

          第三步:點(diǎn)擊正面的“編輯xverse輕應(yīng)用源碼”,進(jìn)入3D場(chǎng)館編輯器

          注:通過(guò)滾動(dòng)球控制玩家視角,最終面向著《喬布斯傳》3D擺件,點(diǎn)過(guò)它,查看右側(cè)的屬性面板,找到材質(zhì)組件的【貼圖】選項(xiàng)。

          第四步:點(diǎn)擊上傳新的紋理貼圖

          注:在這里我們上傳了一張放煙花的紋理貼圖

          第五步:通過(guò)查看3D場(chǎng)館,看到視覺(jué)效果不佳,我們決定修改所有的光源效果

          在右側(cè)的面板中,在場(chǎng)景3D對(duì)象樹(shù)那里,找到諸如PointLight等的*Light光源,查看并修改下面的屬性面板的光源【強(qiáng)度】和【距離】

          修改如下:強(qiáng)度為0.6,距離設(shè)置為20(如下圖所示)

          第六步:在放煙花的擺件和售賣煙花的3D擺件前面增加一個(gè)強(qiáng)度為0.6、距離為200的點(diǎn)光源

          通過(guò)新增的這個(gè)點(diǎn)光源,我們看到“購(gòu)買煙花”和“放煙花”的兩個(gè)3D擺件的光影效果變得更真實(shí)、也更美觀。

          第七步:點(diǎn)擊頂部菜單【文件】推送頭榜(作品),將該xverse輕應(yīng)用的源碼json文件,分享至社區(qū)

          第八步:修改頭榜標(biāo)題為“3d紀(jì)念館-煙花插件的售賣優(yōu)化”

          注:點(diǎn)擊右上角的“確認(rèn)”,完成xverse輕應(yīng)用的發(fā)布。

          第九步:返回頭榜,找到剛發(fā)布的“3d紀(jì)念館-煙花插件的售賣優(yōu)化”

          第十步:點(diǎn)擊該xverse輕應(yīng)用,進(jìn)入3D場(chǎng)館游覽器

          注:我們看到,經(jīng)過(guò)效果優(yōu)化后的3D擺件,顯示效果更真實(shí)和清晰明了。

          第十一步:點(diǎn)擊“燃放煙花”3D擺件,播放煙花動(dòng)效

          注:我們看到,播放煙花的動(dòng)效也變得更加真實(shí)好看。

          通過(guò)上述20步,我們成功完成了《喬布斯3D紀(jì)念館》的飛碟形態(tài)的煙花插件的購(gòu)買及煙花燃放的3D擺件的售賣效果優(yōu)化。利用對(duì)光源屬性的改進(jìn),我們讓渲染3D擺件和紋理貼圖的效果變得更加真實(shí)而且清晰、好看。通過(guò)本教程,嘗試了通過(guò)紋理和光源屬性修改,實(shí)現(xiàn)了最大渲染效果的優(yōu)化。以推動(dòng)3D場(chǎng)館的后續(xù)重構(gòu)和改進(jìn)。

          注:dtns.network德塔世界(開(kāi)源的智體世界引擎)是在github和gitee上開(kāi)源的項(xiàng)目!

          寒假啦!

          小伙伴們是否會(huì)想念

          在興趣班的學(xué)習(xí)時(shí)光呢?

          在此新春佳節(jié)來(lái)臨之際

          浦錦街道為小伙伴們準(zhǔn)備了

          “云上課堂·新春送福”免費(fèi)公益直播課程

          讓小伙伴們?cè)诩倨谥?/p>

          也能感受藝術(shù)、科技的魅力!

          一起來(lái)?yè)屜阮A(yù)定觀看名額吧!

          2月1日至2月5日,

          每天上午10點(diǎn),

          我們直播間見(jiàn)!

          (所有直播內(nèi)容均為公益免費(fèi))

          直播課程適合幼兒園中班至小學(xué)五年級(jí)的小伙伴

          牛氣沖沖(運(yùn)動(dòng)課堂直播)

          放假在家也要鍛煉身體哦!

          直播內(nèi)容:健身拳法、青少年居家運(yùn)動(dòng)

          課前準(zhǔn)備:寬松舒適的衣服、鞋子

          新春寫福(書(shū)法課堂直播)

          寫一個(gè)大大“福”!

          直播內(nèi)容:軟筆“福”字的寫法、新春對(duì)聯(lián)

          課前準(zhǔn)備:軟筆、墨、斗方紅紙或書(shū)法宣紙

          童話新春(主播課堂直播)

          給家人們送上新春祝福吧!

          直播內(nèi)容:春聯(lián)念法小技巧、貫口:吉祥話

          課前準(zhǔn)備:紙、筆

          璀璨春節(jié)(編程課堂直播)

          讓我們一起用電子煙花來(lái)慶祝新年!

          直播內(nèi)容:mind+編程軟件使用、電子煙花程序編寫

          課前準(zhǔn)備:電腦、網(wǎng)絡(luò)

          “mind+編程軟件”下載網(wǎng)址:

          http://mindplus.cc/download.html

          舞動(dòng)牛年(舞蹈課堂直播)

          用活力四射的街舞迎接新年的到來(lái)!

          直播內(nèi)容:街舞基本動(dòng)作講解、街舞音樂(lè)律動(dòng)

          課前準(zhǔn)備:寬松的衣服、褲子、瑜伽墊

          看直播 拿福袋!

          驚喜還沒(méi)完!

          每次直播課結(jié)束后,直播群內(nèi)將抽取驚喜福袋!

          獎(jiǎng)品豐富,數(shù)量有限!拼手速咯~

          福袋抽獎(jiǎng)及說(shuō)明

          1.福袋抽獎(jiǎng)活動(dòng)將在每堂直播課程結(jié)束后,在“云上課堂·新春送福”班級(jí)群內(nèi)發(fā)布,點(diǎn)擊老師發(fā)布的抽獎(jiǎng)通道將有機(jī)會(huì)抽中福袋,先到先得;

          2.福袋內(nèi)有不限于書(shū)、科技制作、零食等豐富的禮品;

          3.每堂直播課后一共抽取12位幸運(yùn)小伙伴獲得福袋;

          4.抽中福袋的幸運(yùn)小伙伴請(qǐng)于2月6日、7日前往浦江青少年活動(dòng)中心(立躍路3889號(hào))門衛(wèi)室領(lǐng)取福袋。逾期不候;

          5.請(qǐng)勿重復(fù)參與抽獎(jiǎng),重復(fù)參與抽中,將只計(jì)算一次。

          群成員名額有限,趕緊加入吧!

          活動(dòng)主辦單位:

          浦錦街道社區(qū)服務(wù)辦

          浦江青少年活動(dòng)中心

          資料:愜意浦錦

          編輯:方佳璐

          言:

          不管我們要學(xué)習(xí)什么其實(shí)都是希望讓自己做出“實(shí)際的東西”出,這個(gè)實(shí)際“實(shí)際的東西”其實(shí)說(shuō)的就是做個(gè)項(xiàng)目,這不用多說(shuō)大家都懂得。

          這里小編我整理了30個(gè)web前端實(shí)戰(zhàn)項(xiàng)目列表,你可以從中選擇自己想做的項(xiàng)目進(jìn)行參考學(xué)習(xí)練手,也可以從中尋找靈感去做自己的項(xiàng)目。

          而且小編我也為大家準(zhǔn)備了全套的前端學(xué)習(xí)視頻,獲取方式在文末

          項(xiàng)目列表:

          1.【HTML5 canvas龍卷風(fēng)動(dòng)畫制作】

          2.【js css3愛(ài)心表白背景特效】

          3.【原生JS制作愛(ài)心表白代碼】

          4.【jQuery html5七夕表白放煙花動(dòng)畫特效】

          5.【html5網(wǎng)頁(yè)版小霸王游戲坦克大戰(zhàn)】

          6.【vue幸運(yùn)水果機(jī)游戲(老虎機(jī))】

          7.【H5飛機(jī)大戰(zhàn)網(wǎng)頁(yè)游戲】

          8.【vue 3D書(shū)本相冊(cè)翻頁(yè)】

          9.【天貓官網(wǎng)必用技術(shù)——懶加載】

          10.【炫酷的圓形中文時(shí)鐘特效】


          11.【css實(shí)現(xiàn)點(diǎn)擊圖片切換】

          12.【html5 canvas炫酷的萬(wàn)花筒旋轉(zhuǎn)動(dòng)畫】

          13【W(wǎng)EB煙霧夢(mèng)幻特效】

          14.【純css3超炫酷3D旋轉(zhuǎn)立方體動(dòng)畫】

          15.【實(shí)現(xiàn)3d炫酷相冊(cè)】


          16.【純html css 打造女神輪播圖】

          17.【H5酷炫的時(shí)光隧道動(dòng)畫特效】:

          18.【酷炫的光速射線動(dòng)畫特效】:

          19.【酷炫的彩虹旋渦canvas動(dòng)效】:


          20.【canvas噴泉效果】

          21.【video音頻效果】

          22.【酷炫的水體流動(dòng)3D特效】

          23.【酷炫的水晶光圈旋轉(zhuǎn)動(dòng)效】

          24.【RequireJS來(lái)制圖】

          25.【網(wǎng)頁(yè)制作貪吃蛇】

          26.【螺旋圖形動(dòng)畫特效】

          27.【vue音樂(lè)播放器】

          28.【3D環(huán)形空間特效】

          29.【彩色的同心矩形動(dòng)畫特效】

          30.【七彩云霞webgl液態(tài)動(dòng)畫】

          最后:

          幫助大家在成為web前端程序員大牛的道路上披荊斬棘

          領(lǐng)取方式:

          1、點(diǎn)贊+評(píng)論(勾選“同時(shí)轉(zhuǎn)發(fā)”)

          2、如果想獲取這些學(xué)習(xí)資料,先關(guān)注我然后私信小編“01”即可免費(fèi)領(lǐng)取!(私信方法:點(diǎn)擊我頭像進(jìn)我主頁(yè)有個(gè)上面有個(gè)私信按鈕)


          主站蜘蛛池模板: 国模私拍福利一区二区| 国产伦精品一区二区三区视频猫咪 | 国产精品免费一区二区三区四区| 骚片AV蜜桃精品一区| 色一情一乱一区二区三区啪啪高| 亚洲一区在线观看视频| 性色av一区二区三区夜夜嗨| 国产天堂在线一区二区三区| 亚洲国产精品一区二区久| 中文字幕一区二区三区在线播放 | 全国精品一区二区在线观看| 亚洲天堂一区二区三区四区| 国产综合一区二区在线观看| 日韩精品国产一区| 亚洲av综合av一区二区三区| 免费av一区二区三区| 亚洲一区爱区精品无码| 亚洲爽爽一区二区三区| 国产成人无码精品一区不卡| 精品一区狼人国产在线| 武侠古典一区二区三区中文| 波多野结衣一区二区三区88| 中文人妻无码一区二区三区| 一区二区不卡视频在线观看| 精品一区二区三区高清免费观看| 国产福利电影一区二区三区久久久久成人精品综合 | 四虎永久在线精品免费一区二区| 精品永久久福利一区二区| 国产成人精品第一区二区| 国产乱码精品一区二区三区四川人| 日韩在线一区高清在线| 视频精品一区二区三区| 91在线一区二区三区| 国产精品高清一区二区三区| 国产在线精品一区二区夜色| 日韩精品一区二区三区国语自制 | 久久国产精品亚洲一区二区| 亚洲不卡av不卡一区二区| 国产美女一区二区三区| 精品伦精品一区二区三区视频| 无码精品视频一区二区三区|