Verge3D 3.4版新增的兩個拼圖:text multi-line、exec script 支援在拼圖環境下使用JavaScript,是以實際上這兩個拼圖就是Verge3D内置的代碼編輯器。
有哪些功能
這個代碼編輯器支援HTML/CSS/JS,具有代碼高亮、文法檢查、代碼補全(弱)、主題配置、快捷鍵等功能,不亞于本地的代碼編輯器。

有了它,如果想直接在拼圖環境下動态建立HTML元素就很容易了,尤其是CSS,再也不用一行一行用文本拼圖拼接了。
但是,宅家呗認為它的重要意義是,開發者再也不用頻繁打開VS Code、Sublime這些本就對3D美術不太熟悉的代碼編輯器了。你現在可以專注在拼圖環境中開發互動功能,不論是使用拼圖還是必要時插入代碼。
快捷鍵和配置
像VS Code一樣,内置代碼編輯器支援大量快捷鍵和配置。快捷鍵大全見後文,你也可以在《使用者手冊》頁面找到快捷鍵的連結。
https://zjbcool.com/v3d-user-manual/v3d-user-manual.html
這裡介紹一下如何打開配置選項,将光标定位在内置編輯器文本輸入區域,按下快捷鍵:ctrl +, 即可在浏覽器右側打開配置選項。
在配置選項裡面你可以選擇一個暗色主題,字型大小。其它多數選項保持預設設定就好,因為這個設定是不能儲存的,下次打開還是預設的設定。
最重要的是它的快捷鍵,熟悉這些快捷鍵可以讓你獲得和使用本地代碼編輯器一樣的體驗。宅家呗個人的體驗是它的多數快捷鍵都是你已經習慣使用的,比如移動行的快捷鍵是alt + 上下方向鍵,複制行是shift+alt+上下方向鍵。
text multi-line拼圖内置快捷鍵
行操作
Windows/Linux | Mac | 操作 |
Ctrl-D | Command-D | 删除行 |
Alt-Shift-Down | Command-Option-Down | 向下複制行 |
Alt-Shift-Up | Command-Option-Up | 向上複制行 |
Alt-Down | Option-Down | 向下移動行 |
Alt-Up | Option-Up | 向上移動行 |
Alt-Delete | Ctrl-K | 删至行尾 |
Alt-Backspace | Command-Backspace | 删至行首 |
Ctrl-Backspace | Option-Backspace, Ctrl-Option-Backspace | 向左删除單詞 |
Ctrl-Delete | Option-Delete | 向右删除單詞 |
--- | Ctrl-O | 分割線 |
選擇
Windows/Linux | Mac | 操作 |
Ctrl-A | Command-A | 全選 |
Shift-Left | Shift-Left | 左選 |
Shift-Right | Shift-Right | 右選 |
Ctrl-Shift-Left | Option-Shift-Left | 單詞左選 |
Ctrl-Shift-Right | Option-Shift-Right | 單詞右選 |
Shift-Home | Shift-Home | 選擇行首 |
Shift-End | Shift-End | 選擇行尾 |
Alt-Shift-Left | Command-Shift-Left | 選至行首 |
Alt-Shift-Right | Command-Shift-Right | 選至行尾 |
Shift-Up | Shift-Up | 向上選擇 |
Shift-Down | Shift-Down | 向下選擇 |
Shift-PageUp | Shift-PageUp | 選擇頁首 |
Shift-PageDown | Shift-PageDown | 選擇頁尾 |
Ctrl-Shift-Home | Command-Shift-Up | 選至頁首 |
Ctrl-Shift-End | Command-Shift-Down | 選至頁尾 |
Ctrl-Shift-D | Command-Shift-D | 複制行 |
Ctrl-Shift-P | --- | 選擇括号之間 |
多光标
Windows/Linux | Mac | 操作 |
Ctrl-Alt-Up | Ctrl-Option-Up | 向上添加多光标 |
Ctrl-Alt-Down | Ctrl-Option-Down | 向下添加多光标 |
Ctrl-Alt-Right | Ctrl-Option-Right | 将後面出現的添加到多選 |
Ctrl-Alt-Left | Ctrl-Option-Left | 将前面出現的添加到多選 |
Ctrl-Alt-Shift-Up | Ctrl-Option-Shift-Up | 将多光标從目前行移到上面的行 |
Ctrl-Alt-Shift-Down | Ctrl-Option-Shift-Down | 将多光标從目前行移到下面的行 |
Ctrl-Alt-Shift-Right | Ctrl-Option-Shift-Right | 從多選中删除目前出現的内容,然後移至下一個 |
Ctrl-Alt-Shift-Left | Ctrl-Option-Shift-Left | 從多選中删除目前出現的内容,然後移至上一個 |
Ctrl-Shift-L | Ctrl-Shift-L | 全選多選 |
轉至
Windows/Linux | Mac | 操作 |
Left | Left, Ctrl-B | 左移 |
Right | Right, Ctrl-F | 右移 |
Ctrl-Left | Option-Left | 按單詞左移 |
Ctrl-Right | Option-Right | 按單詞右移 |
Up | Up, Ctrl-P | 轉至上一行 |
Down | Down, Ctrl-N | 轉至下一行 |
Alt-Left, Home | Command-Left,Home,Ctrl-A | 轉至行首 |
Alt-Right, End | Command-Right,End,Ctrl-E | 轉至行尾 |
PageUp | Option-PageUp | 轉至頁首 |
PageDown | Option-PageDown, Ctrl-V | 轉至頁尾 |
Ctrl-Home | Command-Home,Command-Up | 轉至頁首 |
Ctrl-End | Command-End,Command-Down | 轉至頁尾 |
Ctrl-L | Command-L | 轉至行号 |
Ctrl-Up | --- | 向上滾動 |
Ctrl-Down | Command-Down | 向下滾動 |
Ctrl-P | --- | 轉至比對的括号 |
--- | Option-PageDown | 向下滾動頁面 |
--- | Option-PageUp | 向上滾動頁面 |
轉至頁首 | ||
PageDown | Option-PageDown, Ctrl-V | 轉至頁尾 |
Ctrl-Home | Command-Home,Command-Up | 轉至頁首 |
Ctrl-End | Command-End,Command-Down | 轉至頁尾 |
Ctrl-L | Command-L | 轉至行号 |
Ctrl-Up | --- | 向上滾動 |
Ctrl-Down | Command-Down | 向下滾動 |
Ctrl-P | --- | 轉至比對的括号 |
--- | Option-PageDown | 向下滾動頁面 |
--- | Option-PageUp | 向上滾動頁面 |
查找/替換
Windows/Linux | Mac | 操作 |
Ctrl-F | Command-F | 查 |
查找/替換
Windows/Linux | Mac | 操作 |
Ctrl-F | Command-F | 查找 |
Ctrl-H | Command-Option-F | 替換 |
Ctrl-K | Command-G | 查找下一個 |
Ctrl-Shift-K | Command-Shift-G | 查找下一個 |
折疊
Windows/Linux | Mac | 操作 |
Alt-L, Ctrl-F1 | Command-Option-L, Command-F1 | 折疊選中 |
Alt-Shift-L, Ctrl-Shift-F1 | Command-Option-Shift-L, Command-Shift-F1 | 打開 |
Alt-0 | Command-Option-0 | 折疊全部 |
Alt-Shift-0 | Command-Option-Shift-0 | 打開全部 |
其它
Windows/Linux | Mac | 操作 |
Tab | Tab | 縮進 |
Shift-Tab | Shift-Tab | 退回 |
Ctrl-Z | Command-Z | 撤消 |
Ctrl-Shift-Z, Ctrl-Y | Command-Shift-Z, Command-Y | 重做 |
Ctrl-, | Command-, | 顯示設定菜單 |
Ctrl-/ | Command-/ | 注釋切換 |
Ctrl-T | Ctrl-T | 颠倒字母 |
Ctrl-Enter | Command-Enter | 全屏 |
Ctrl-Shift-U | Ctrl-Shift-U | 改為小寫字母 |
Ctrl-U | Ctrl-U | 改為大寫字母 |
Insert | Insert | 覆寫 |
Ctrl-Shift-E | Command-Shift-E | Macros重播 |
Ctrl-Alt-E | --- | Macros記錄 |
Delete | --- | 删除 |
--- | Ctrl-L | 居中 |
更進一步
如果想了解更多Verge3D開發技術請購買宅家呗進階課。
關注宅家呗進階課内容更新:
https://zjbcool.com/v3d-tutorials/v3d-tutorials.html
Verge3D問題和進階課咨詢請在釘釘群:21935218,@宅小呗 + 問題 。