來聊 Unity WebGL build

目前版本 Unity 2021.2.7f 疫情的發生讓時間變得好快,於是我就這樣休息了半年。 WebGL 真的必須要說這是我接觸 Unity 五年多以來讓我覺得最靠北的一個東西,不成熟不穩定毛一堆做得我OO叫的,我一定要分享出來讓大家知道拿 Unity 做 WebGL 專案是需要被謹慎評估的。 題外話就是這邊不討論 ECS 跟 Project Tiny 的東西,嗯。 講一些能做到跟不能做到的事情 在硬體規格允許的前提下,確實能 Load 一個不小規模的場景或是高面數模型。 其實只要記憶體跟顯示卡允許,跑場景不會有什麼太大問題。在完全沒有多做設定的狀態下高刷新率螢幕的支援也是沒有問題。(雖然通常會因為效能所以刻意關到 30fps) 唯一我覺得差異比較大的是反鋸齒跟 Shader 算出來的效果真的落差很大,如果是要展示一些擬真效果的物件或場景會顯得比較尷尬。 在 PC 的環境下大多數時候能夠提供一定的效能。 啊你要跑大場景用內顯的話那還真的無解,可能要考慮一下 TA 吧。 大多數狀況下能夠在 Unity 實現的東西都能在 WebGL 被實現。 絕大多數的 Plugin 都能無痛在 WebGL 底下工作,不過由於 WebGL 的環境某種程度上比行動裝置來得嚴苛,所以其實在特效,或是整體的內容規模設計是需要被評估的。 手機沒有被官方支援,所以編出來在手機上跑起來很不理想這件事是可以被預估的。 Unity WebGL 的記憶體管理或是硬體的優化都是針對電腦來實作的,所以在手機端很常會遇到 OO 功能罷工不 work,被瀏覽器 block 掉,記憶體原地爆炸之類的其實都是日常。 Unity WebGL 沒有 WebXR 支援,儘管有人做 plugin 來做相容。 https://github.com/De-Panther/unity-webxr-export 跟本文無關但是題外話,如果要做 WebAR 還是選擇像是 8th Wall 的商業解案要不然就乖乖學 three.js 吧,拿 Unity 做這個光是那個 WebGL build 出來的基本盤大小應該就直接勸退了。...

January 20, 2022 · 2 分鐘 · 小雷

研究!Google 表單透過網址一鍵自動填寫表單內容!

原理 透過網址來預填表單,格式如下 https://docs.google.com/forms/d/e/[表單連結]/viewform?&[欄位1代號]=[欄位1內容]&&[欄位2代號]=[欄位2內容]… 表單連結點進去就會自動填入所有的項目 項目可以跨頁 跨頁的下一步還是得自己按 不管是選擇,簡答,下拉式選單,欄位內容的部分就直接填寫文字內容(或是選擇的內容)即可 欄位代號取得 打開表單,點擊 F12 開啟開發人員面板 在面板按下 command+F 或是 control + F 搜尋元素,輸入 entry. 你可以看到 action="" 欄是表單連結 name=“entry.xxxxxxxxxx” 是欄位代號 value=“aaaa” 是欄位內容 網址建立 複製一下網址的連結,按照上面按照 原理 給的格式貼入相關的元素,拿我這份表單舉例 https://docs.google.com/forms/d/e/viewform?[表單連結]&[欄位1代號]=[欄位1內容]&&[欄位2代號]=[欄位2內容]… https://docs.google.com/forms/d/e/1FAIpQLSfN7WG27WOFUKygeLOPAMmI5N8TpsZH1hQENMGSAcGil7AGyQ/viewform?entry.1876558801=110/07/31&entry.1136496505=0900000000&entry.437250203=37.5&entry.836727167=A班&entry.1919260157=男&entry.1695249575=aaaa 順序其實無所謂,填完之後開新分頁打開連結 將將!東西都自動填完了 延伸應用 基本上有了網址之後很多事情就好辦了。 舉個例子就是如果你要用在「捷徑」App 的話,只要在捷徑裡面撰寫程式碼,呼叫 Safari 開啟即可。 例如說我其中一個欄位想要產生在 36.5~37.5 之間的亂數,以變數的方式安插在 URL 裡面就可以了 或者是如果要分享給親朋好友用,透過 回報 的指令把一些欄位挖空即可,玩法還很多呢 www 作完之後不免俗的放到桌面上方便之後快速呼叫多舒服www 除此之外像是剛剛有取出的 action 連結甚至可以拿來當作 POST 來用,可以直接傳參數進去做到完全自動化的填表單,酷吧!

July 31, 2021 · 1 分鐘 · 小雷

M1 Mac - 我也想要漂漂的終端機... iTerm2 + Oh My Zsh + Powerlevel10k 實作

好久沒用 Mac 了。 回來的第一件事情就是來把終端機弄漂亮這樣工作起來心情比較愉悅(? 安裝 Homebrew Homebrew 是 macOS 的一個 Package Manager,我們會透過它來安裝各式各樣的軟體跟套件。 打開終端機輸入指令 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 他就會自動裝好了。(然後回頭一看才發現好像用不太到www 算了) 安裝 iTerm2 其實 Mac 的 terminal 沒有那麼好用,所以大家都用第三方的 iTerm2 由於 ARM 版的 Homebrew 沒有 cask 能用,所以沒辦法用指令安裝。 因此我們就直接上官網抓吧 https://iterm2.com/downloads.html 安裝 Oh My Zsh 這個是一個 zsh 外掛,提供更細部的修正以及佈景主題功能 由於 macOS Big Sur 已經內建 zsh 了 所以我們就直接跳過 zsh 的安裝直接來裝 Oh My Zsh。 sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)" 安裝結束之後預設終端機會被覆蓋掉,重新啟動 iTerm2 即可 安裝 Powerlevel10k 這個是 Oh My Zsh 的超高自訂性終極佈景主題...

July 27, 2021 · 1 分鐘 · 小雷

研究!用 Docsify 來代替 GitBook 寫文件吧

簡介 首先不免俗地來簡單介紹一下 Docsify 是什麼。 Docsify 是一個文件生產器,以線上直接解析 Markdown 的方式來呈現網頁內容。 特色: 無靜態產生的 HTML 檔(除了首頁的設定檔 HTML 以外其他都是 MD 檔) 簡單而且輕量 內建搜尋外掛 多種佈景 外掛支援 表情符號支援 IE11 支援 支援伺服器端 render 簡單來說就是一個好用的文件生產器,快速產生一個類似 GitBook 架構的網站,能掛在任何伺服器或是 GitHub Pages 之類的地方。 安裝 先確定電腦有裝 NPM 吧,沒有的話去裝一下。 打開要存放的位置,用命令提示字元開啟這個路徑 (有裝 Windows Terminal 的話右鍵就有了,要不然就用 cd {路徑} 吧) 安裝 Docsify 至全系統 npm i docsify-cli -g 建立檔案 假設我們要將文件存放於 docs 資料夾裡面,我們就輸入指令 (至於為什麼是 docs,其實是為了 GitHub Pages 的預設目錄,能夠輕鬆地掛起來。) docsify init ./docs 這邊解釋一下裏頭的文件分別在幹嘛 index.html 進入的網頁,也是所有設定設定的地方 README.md 首頁的內容 .nojekyll 避免 GitHub Pages 當成這是個 Jekyll 忽略部分檔案的標記 文件的部分就是直接用 Typora 或是 VSCode 之類的工具編輯 md 檔即可,基本上絕大部分的語法都是無痛支援的,也能夠直接吃先前 GitBook 出來的檔案,其實我覺得很棒。...

July 18, 2021 · 2 分鐘 · 小雷

HoloLens - MRTK 如何安裝 AppX 安裝檔

Unity 版本:2020.3.13 MRTK 版本:2.7.2 透過這種方法,安裝前須先將舊版軟體解除安裝 準備 將編好的 Appx 準備好,並且將 HoloLens 與電腦連接同一個 WiFi (網路) 底下。(你可以從 HoloLens 的 WiFi 設定檢查你的 IP) Windows 裝置入口網站 若已設定過可以跳過 HoloLens 到 設定 > 更新與安全性 > 開發人員專用 底下開啟 裝置入口網站 電腦打開瀏覽器,輸入 HoloLens 上給的的 IP 位址,接受風險並繼續 點擊 Request pin 的按鈕 此時 HoloLens 上會顯示 pin 碼 將資料輸入到瀏覽器當中 PIN displayed on your device 頭顯顯示的 PIN 碼 New user name 使用者名稱 New password 密碼 Confirm password 重新輸入密碼 瀏覽器會提示登入,輸入剛剛設定好的資訊 Windows 裝置入口網站順利開啟 AppX 安裝 執行檔的結構如下...

July 14, 2021 · 1 分鐘 · 小雷