WebVR A-Frame學(xué)習(xí)教程
WebVR A-Frame學(xué)習(xí)教程
跨平臺虛擬現(xiàn)實(shí)體驗(yàn)的設(shè)計和原型
課程英文名:Learn A-Frame And Get Ready For WebVR
此視頻教程共2.5小時,中英雙語字幕,畫質(zhì)清晰無水印,源碼附件全

下載地址
課程編號:371
百度網(wǎng)盤地址:https://pan.baidu.com/s/11fq7xpyK2GWhU4P3M1FryQ?pwd=5f0c
課程內(nèi)容
你將會學(xué)到的
了解基本語法
使用移動和傳送
變換場景中的對象
修改控件
修改虛擬環(huán)境
加載和播放音視頻
加載和顯示 3D 模型
編寫和注冊組件
使用標(biāo)準(zhǔn)和語義動畫
使用 JavaScript 控制實(shí)體
與對象互動
在任何設(shè)備上測試 WebVR 場景
本課程包括:
8 小時 長的隨選視頻
25 篇文章
54 個可下載資源
在移動設(shè)備和電視上觀看
要求
對虛擬現(xiàn)實(shí)的濃厚興趣
愿意學(xué)習(xí)新的技能和技術(shù)
有基本的 HTML 和 JavaScript 編碼知識者優(yōu)先
了解 3D 建模將是一個額外的優(yōu)勢,但不是必需的
說明
*** 2020 年 4 月 27 日新聞 ***
可下載的源代碼已更新至最新版本 v.1.0.4,適用于以下講座:
第 51 講"多實(shí)體組件第 1 部分"
第 52 講"多實(shí)體組件第 2 部分"
其他講座的代碼更新目前正在進(jìn)行中!
*** 介紹 ***
歡迎來到我的 A-Frame 課程,您將在其中學(xué)習(xí)如何在幾個小時內(nèi)在任何設(shè)備上創(chuàng)建和測試您的第一個 WebVR 場景!
無論您從事設(shè)計或開發(fā)的哪個領(lǐng)域,您都可能已經(jīng)開始關(guān)注 Web 虛擬現(xiàn)實(shí) (WebVR),如果您還沒有,那么很快您將不得不這樣做。
事實(shí)上,如今WebVR 標(biāo)準(zhǔn)在幾乎所有主要耳機(jī)的手機(jī)和臺式電腦上都得到了令人難以置信的良好支持。
顯然是時候讓所有創(chuàng)意人員都參與進(jìn)來了!
*** 關(guān)于我 ***
我是一名有編碼技能的設(shè)計師,我的一些 WebVR 作品在 2018 年 4 月和 2019 年 3 月的比賽和黑客馬拉松中獲獎。
2018 年 4 月,
我的參賽作品"史詩般的中世紀(jì)之戰(zhàn)"被宣布為在"WebVR 中世紀(jì)奇幻體驗(yàn)挑戰(zhàn)賽"中獲得第三名的三名獲獎?wù)咧?,該比賽由Mozilla 和 Sketchfab組織。
2019 年 3 月
我們與 AR 開發(fā)人員合作,合并了 WebVR 和 AR 技術(shù),以在 3D 地圖上進(jìn)行上下文感知的遠(yuǎn)程內(nèi)容放置和現(xiàn)實(shí)世界中的實(shí)時可視化。我們的項(xiàng)目在#SCAPEHACK 2019 上贏得了社區(qū)投票獎,這是Scape Technologies 在倫敦舉辦的首屆黑客馬拉松。
如果你想關(guān)注我的 WebVR 活動,你可以在Twitter 上關(guān)注我:@theDart76
要查看我的一些 WebVR 作品,只需訪問我的網(wǎng)站和我的 WebVR 游樂場(個人資料中的鏈接)。
*** 為什么要注冊 ***
這是您可以在 Udemy 上找到的最完整、最詳細(xì)的 A-Frame 課程,其內(nèi)容結(jié)構(gòu)合理,向您介紹所有主題,從最基本的主題到更高級的主題,循序漸進(jìn)。
在每節(jié)課中,我都會用實(shí)例來解釋概念,這將使您在實(shí)踐中看到理論。如果您想了解我的教學(xué)方式,請看一下預(yù)覽視頻:您可以免費(fèi)觀看前 1 小時 20 分鐘的內(nèi)容!
最重要的是,我在 2017 年 9 月創(chuàng)建了這門課程,當(dāng)時 A-Frame 還在 v0.7.x 上,從那時起我一直在更新它,添加新的內(nèi)容和信息。因此,您將有機(jī)會了解其下一個版本 v0.8.x 和 v0.9.x 發(fā)生了什么變化。
最后但同樣重要的是,因?yàn)槟鷷诰W(wǎng)上找到大量示例和代碼塊(例如在 Glitch、CodePen、Stack Overflow 上),本課程還將讓您理解為什么使用舊版本的 A-Frame 創(chuàng)建的一些項(xiàng)目和實(shí)驗(yàn)可能不會使用最新版本時可以正常工作。
*** 內(nèi)容 ***
通過注冊此A-Frame 課程,您將學(xué)習(xí)如何使用 Mozilla Web 框架構(gòu)建出色的跨平臺虛擬現(xiàn)實(shí)體驗(yàn)。
該課程的結(jié)構(gòu)涵蓋了您開始使用 A-Frame 所需的所有知識,并且能夠:
了解基本語法
變換場景中的對象
修改虛擬環(huán)境
加載和顯示 3D 模型
使用標(biāo)準(zhǔn)和語義動畫
與對象互動
使用移動和傳送
修改控件
加載和播放音視頻
編寫和注冊組件
使用 JavaScript 控制實(shí)體
在任何設(shè)備上測試 WebVR 場景
*** 附加組件 ***
對于每個講座,您將獲得完整的源代碼,您可以自由地將其用作自己項(xiàng)目的模板。
該課程還包括一些額外的寶貴資源,可為您提供:
講座中使用的資源的 Web 鏈接
指向免費(fèi) 3D 模型和 3D 建模軟件的 Web 鏈接
指向 VR 相關(guān)網(wǎng)站的 Web 鏈接
最后,此A-Frame 課程將不斷更新新內(nèi)容、項(xiàng)目和資源,因此您可以將其視為對永無止境的 A-Frame 培訓(xùn)供應(yīng)的訂閱!
此課程面向哪些人:
網(wǎng)頁設(shè)計師
前端網(wǎng)絡(luò)開發(fā)人員
游戲設(shè)計師
游戲開發(fā)商
3D藝術(shù)家
VR愛好者
想了解新趨勢和新技術(shù)的人
計算機(jī)字幕視頻教程網(wǎng)https://blog.ittutorial.top/ ?持續(xù)更新Udemy,Coursera等在線課堂上的視頻教程,類別涵蓋人工智能、機(jī)器學(xué)習(xí)、編程語言、游戲開發(fā)、網(wǎng)絡(luò)安全、云計算、Linux運(yùn)維、面試技巧等計算機(jī)學(xué)科的全部知識。
所有視頻教程均包含中英雙語字幕、練習(xí)源碼及配套的補(bǔ)充資料。