[{"data":1,"prerenderedAt":59},["ShallowReactive",2],{"content-query-rauXuc2Y9q":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"page":11,"body":12,"_type":53,"_id":54,"_source":55,"_file":56,"_stem":57,"_extension":58},"/notes/20240729","notes",false,"","[開發中] 隱藏頁面 day1","兩年前學 three.js 的時候我做了一個 3D 網頁，不過一直有個地方覺得很可惜，就是當時開發的時候沒有考慮手機的使用方式，所以不算是一個很完整的作品。","2024 / 07 / 29","20240729",{"type":13,"children":14,"toc":50},"root",[15,22,27,32,37,42],{"type":16,"tag":17,"props":18,"children":19},"element","p",{},[20],{"type":21,"value":9},"text",{"type":16,"tag":17,"props":23,"children":24},{},[25],{"type":21,"value":26},"同時，我一直很想把虛擬場景的互動方式加入到我現在的個人網站裡面，所以趁著放假的時候就來實做看看。",{"type":16,"tag":17,"props":28,"children":29},{},[30],{"type":21,"value":31},"目前的設計是點擊選單右上角的 [ ? ] 按鈕，就會用比較不一樣的轉場進入這個 2D 場景的頁面。",{"type":16,"tag":17,"props":33,"children":34},{},[35],{"type":21,"value":36},"程式的部分是直接用 canvas 把圖片放到場景上，也可以放動圖。互動的部分跟以前那個 3D 網頁一樣，也可以透過點擊來觸發一些對話。",{"type":16,"tag":17,"props":38,"children":39},{},[40],{"type":21,"value":41},"場景還沒開始畫，目前只有簡單繪製的草稿在上面就是了。",{"type":16,"tag":17,"props":43,"children":44},{},[45],{"type":16,"tag":46,"props":47,"children":49},"img",{"alt":7,"src":48},"/img/notes/20240729_01.jpg",[],{"title":7,"searchDepth":51,"depth":51,"links":52},2,[],"markdown","content:notes:20240729.md","content","notes/20240729.md","notes/20240729","md",1741793256483]