A-Frame簡明教程之初體驗
阿新 • • 發佈：2018-10-31
本文為A-Frame簡明教程系列文章的第一篇，大家可以到專題裡瞭解更多。
A-Frame初體驗
關於A-Frame
A-Frame是一個利用web技術建立虛擬現實的框架，由moz://a維護支援。
儘管名字起的有點不著調，但是，對於有著web程式設計背景的人來說，上手容易，而且虛擬現實也是未來的趨勢，A-Frame的確是值得一學。
讓我們一起來學習感受下。
簡單案例-全景圖片
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title 案例解析
跟其他的庫一樣，使用A-Frame最簡單的方法是在head部分裡引入JS庫，可以使用本地載入的方式，也可以使用CDN的方式。
<script src="//cdn.bootcss.com/aframe/0.7.1/aframe.min.js"></script>接著，我們就可以在網頁裡使用A-Frame為所欲為啦。
全景圖片的案例裡，我們其實只需要把全景圖片放到天空裡就行啦。
<a-scene>
<a-sky src="//aframe.io/aframe/examples/boilerplate/panorama/puydesancy.jpg" <a-scene></a-scene>用來建立一個場景。
<a-sky></a-sky>用來建立天空。
敬請期待
稍微需要說句，webvr方面目前只有firefox、chrome支援的較為好點。
本篇文章就是帶大家入個門，欲知後事如何，敬請期待本系列教程。