鐵人檔案
在這次挑戰中，我將學習並運用HTML和JavaScript來搭建一個功能齊全的網站。透過學習HTML，我將掌握如何構建網站的基本結構和內容展示；透過JavaScript，我將能夠為網站添加互動功能，使其更具動態性與使用者體驗。這個挑戰將幫助我全面了解網頁開發的基本技術，並提升我的實作能力。
為了讓大家更有體驗感，我將這幾天所有的遊戲檔案上傳到 GitHub，讓訪客能點擊連結進入我的主頁後自行編譯並執行遊戲。不過，由於我先前並不熟悉 GitHub 的...
在這十多天的時間裡，我第一次正式的使用 HTML 來學習寫程式，這次的經歷讓我收穫了很多意想不到的技能。在這次的磚塊遊戲製作過程中，我深入了解到了前端製作的過程...
原定今天要開始架設我的骨架網站，但在架設過程中遇到特別多的障礙，所以我改成先學習如何使用 A-Frame。 A-Frame 是一個基於 HTML 的開源框架，用...
今天我來建構這次的程式碼架構，一樣是使用 HTML 來操作。這段程式碼的前半部份跟之前的大差不差所以不多做敘述。 比較特別且關鍵的是 <script sr...
今天這段程式碼的<body>部分主要負責在網頁中呈現一個基本的 3D 場景，並加入了不同的 3D 元素。<a-scene>是 A-Fra...
今天新增的程式碼主要是針對 A-Frame 場景中相機的自定義與互動功能進行增強。 首先， position="0 1 4" 設定了相機在場...
今天新增的程式碼主要集中在A-Frame虛擬現實場景中添加光源，以提升整體的視覺效果。首先，新增了一個環境光（ <a-light type="a...
今天，我加了一個圓環進入我的程式碼裡面，讓整個畫面變得更豐富一點。為了讓整體畫面更鮮明，我選用橘色來當我的光環顏色。 首先，使用 <a-entity>...
今天的程式碼主要新增了第二個具有金屬光澤的旋轉圓環，讓場景更加豐富且具視覺效果。 首先，原有的無光澤圓環保留在畫面中，並繼續保持其粗糙且無光澤的外觀，通過將 m...
這三十天終於結束了！這段時間裡，我學到了特別多關於HTML的相關應用。 在挑戰的前半部分，我創立了一個磚塊遊戲，這是我第一次運用canvas完成一個互動性強的遊...
