今天這段程式碼的<body>部分主要負責在網頁中呈現一個基本的 3D 場景，並加入了不同的 3D 元素。<a-scene>是 A-Frame 的核心標籤，用來定義一個虛擬現實的場景。在這個場景中，我們加入了不同的幾何形狀，如立方體、球體、圓柱體和平面，並為這些物件設置了它們在 3D 空間中的位置。
首先，<a-box> 標籤用來創建一個立方體，這個立方體被定位在 (-1, 0.5, -3)，並且設定了藍綠色作為它的顏色。在這個版本中，我們移除了旋轉屬性，讓立方體保持固定，不再進行任何旋轉運動。接下來，<a-sphere> 用來創建一個紅色球體，而 <a-cylinder> 則創建了一個黃色的圓柱體，這些物件分別被放置在不同的位置，形成一個簡單但立體的場景。
除了這些 3D 物件，還通過 <a-plane> 創建了一個綠色的平面作為場景的地面。為了使場景看起來更加完整，我們使用 <a-sky> 標籤設定了一個淺灰色的天空背景，增強了沉浸感，讓整個場景在視覺上更加平衡和自然。
iThome鐵人賽
看影片追技術