編輯

宣傳冊

如何下載

連結

此編輯器僅適用於 Chrome 瀏覽器、平板電腦或手機。然而，先刪除編輯器的匯出遊戲則沒有限制。

• 居住
• 下載
  • 下載bacione.html
  • 打開你的文件管理器
  • 點擊 bacione.html 在 Chrome 瀏覽器中運行
  • 點擊「運行」即可玩滑雪遊戲
• Games.pdf - Ski 和 Marslander 教程
• YouTube - 產品展示
• Reddit - Reddit 討論
• Github - github 討論

巴喬內？

Bacione 的意思是“大吻”，如“Keep It Satisfyingly Simple”中所示。

目的

在手機上離線編程小型 JavaScript 遊戲

使命

創建同類中最方便拇指操作的 IDE

設計

這個編輯器的設計目標是為那些沒有電腦或只是喜歡用手機或平板電腦編寫小型 JavaScript 遊戲的人提供愉快的體驗。解決的其他限制包括離線和沒有外部鍵盤（用拇指或手寫筆在螢幕上打字）。雖然有許多適合此用例的編輯器和鍵盤應用程序，但它們都不是最佳的。兩個主要問題是減少以下方面的點擊次數：1) 存取特殊字元和 2) 重構。要解決第一個問題，需要支援額外按鍵功能或安裝鍵盤應用程式。為了解決#2，有必要減少重構所需的點擊次數。解決這兩個問題後，螢幕的大部分空間都被佔用了，留給程式碼區域的空間就很少了。為了解決這個問題，編輯器包括內建鍵盤和高效的重構工具。

特徵

• 與其他手機編輯器相比，點擊次數更少。
• 常用鍵一鍵即可。
• 上下文感知邏輯減少了點擊次數。
• 重構程式碼的工作量更少。
• 完全可編程的鍵盤。
• 建立您自己的鍵盤圖示和功能。
• 專為手機和平板電腦設計。
• 無需設定。
• 一個文件。
• 易於分享。
• 離線。
• 普通的 JavaScript。
• 沒有依賴性。
• 免費（GPL 授權）
• 無廣告
• 從 Chrome 瀏覽器中的 Android 檔案管理器執行。
• 易於修改的編輯器。
• 在編輯器中編輯編輯器。
• 編輯器只有 7 KB。
• 支援滑動和長按重複。

限制

• 縱向模式支援：此編輯器僅支援縱向模式。
• 相容性：編輯器僅適用於平板電腦或手機上的 Chrome 瀏覽器。然而，刪除了編輯器的匯出遊戲則沒有這樣的限制。
• 多檔案：此編輯器不適用於大型遊戲或多檔案專案。這是因為在 Chrome 瀏覽器中從 Android 上的檔案管理器開啟 HTML 檔案不支援多個檔案 - 所有內容都必須包含在單一整體 HTML 檔案中。這也意味著無法使用外部影像或音訊檔案。可以改為使用以程式設計方式建立的元素；例如，Marslander 遊戲使用向量圖形和噪音產生器，而其他一些遊戲則使用表情符號。

如果此編輯器不支援您的需求，您可以考慮嘗試使用具有 Termux 和 Apache 的 Neovim。您可以在這裡找到我對這些工具的配置。

問題

• 遊標未對齊：在編輯器視窗中的文件末尾用力向上滑動可能會導致遊標與文字未對齊。建議的解決方法是從最後稍微退一步。

筆記

以下對變更的任何引用均指「雜項」按鈕中的「編輯編輯器」功能，由菱形符號表示。

• 編輯編輯器：可以在編輯器中編輯編輯器。但是，它不是即時的，因此您必須按一下「儲存」並開啟新建立的帶有時間戳記的 HTML 檔案。如果新的損壞了，請打開舊的。該功能是為了支援簡單的更改。複雜的更改應該在更強大的環境（例如 Neovim）中執行。
• 運行：運行按鈕運行或停止包含遊標的遊戲。為簡單起見，遊戲框架是方形的，並顯示在鍵盤上方。這樣可以輕鬆地在編輯和運行之間來回切換（雙擊往返）。如果這看起來有限制，並且您想要更大的遊戲框架，那麼您可以更改編輯器或庫中的畫布大小調整程式碼，或者甚至不使用庫。您也可以使用匯出遊戲按鈕匯出編輯器視圖中的任何內容。您甚至可能想要更改exportgame() 函數的工作方式。使用匯出的缺點是您必須從 Android 檔案管理器執行該 HTML 檔案（ 7 按一下往返）。
• 鍵盤尺寸：鍵盤的尺寸是指考慮方形遊戲框架後剩餘的區域。這意味著在手機上鍵盤寬度大約是螢幕寬度，在平板電腦上大約是螢幕寬度的一半。
• 鍵盤位置：在平板電腦上，鍵盤位於右下角。如果您使用左手拇指而不是右手拇指打字，則可以更改它。
• 自訂鍵盤功能：此編輯器特別有用，因為它具有自訂鍵盤，只需單擊即可存取所有主要功能。為了支援這一點，只需單擊一下即可存取對程式設計很重要的 32 個特殊字元中的 22 個，而其餘 10 個可透過 Shift 鍵存取。請注意，空白鍵非常小，位於右下角。此外，退格鍵和返回鍵位於第二行，因為它們經常與其他鍵協調。例如，要剪切文本，請按複製鍵，然後按退格鍵；要取消選擇，請按返回鍵。如果您不喜歡這種佈局，可以更改它。
• 選擇：此編輯器的一個主要優點是高效的選擇。選擇是基於上下文的；根據遊標所在的位置，它將選擇一個單字、一行、一個段落或一個程式碼區塊。要了解選擇的工作原理，您可以觀看 YouTube 影片。使用“複製”按鈕執行選擇，這意味著同時發生兩件事。這主要是為了減少按鈕的數量。剪切分為兩個步驟：按一下「複製」（選擇並複製），然後按一下「退格」（刪除選擇）。複製後點選 Enter 按鈕會將遊標移到所選內容的末端。如果剪切（複製/退格）包含一行，則遊標將前進一行。這是因為使用者在剪下一行時的意圖通常是將其貼到下一行之後。這有助於減少重構程式碼時的點擊次數。選擇（複製）也可用於導航，例如將遊標移至區塊的末尾，將遊標放在起始區塊字元之前，按一下複製，按一下 Enter。但是，如果您打算使用貼上緩衝區中的某些內容，請不要這樣做。多次按一下「複製」將根據選擇規則擴展選擇範圍，方向鍵將一次擴展（或取消擴展）所選內容一個字元。
• 複製和貼上：您必須使用編輯器中的內部複製和貼上按鈕在編輯器中複製和貼上程式碼。若要從外部來源複製程式碼，請使用系統複製和貼上技術，例如長按然後選擇複製和貼上。
• 格式：在手機上，編輯器的空間非常寶貴，您無法承受大量空白，尤其是水平空白。對於縮排，可以使用空白鍵（沒有 Tab 鍵），而 Enter 鍵將保留先前的縮排。嘗試僅對分支和循環使用縮進，而不是縮排函數體，而在前後使用垂直空格。請參閱 Marslander 遊戲的範例。
• 註釋按鈕：註釋按鈕對於調試非常有用。當您按下“註釋”按鈕時，它會註釋程式碼並將副本放入貼上緩衝區中。下一步是貼上然後編輯它。如果您不喜歡新程式碼的結果，可以輕鬆刪除程式碼並取消註解原始程式碼。
• 導航：導航主要透過觸控螢幕來完成，因此沒有 Home、End 或垂直箭頭鍵。相反，提供了左右箭頭來幫助在觸摸大致位置後準確定位遊標。縮放鍵可增加文字大小，還可以幫助將遊標定位在正確的位置。
• 建議大小：由於在手機上導航程式碼可能非常具有挑戰性，因此建議創建足夠小的遊戲，以便透過單一手勢即可捲動。
• 全螢幕：啟動全螢幕模式將為您提供更多空間來導航和編輯程式碼。您可以透過向上滑動「縮放」按鈕來切換全螢幕。
• 關閉視圖：沒有關閉按鈕。若要關閉視圖，請按一下任意位置或選擇選項。視圖有：幫助、雜項、差異和錯誤。
• 表情符號產生：第一次開啟雜項視圖時，載入圖示需要一些時間。
• 選擇器：顏色選擇器和圖示選擇器將程式碼放入貼上中，因此如果看起來什麼都沒有發生，請不要驚慌。點擊貼上按鈕查看代碼。
• 錯誤檢測：此編輯器沒有即時錯誤檢測（在您鍵入時）。點擊運行時會發現錯誤。將顯示錯誤訊息，當錯誤消除時（透過按一下該視圖上的任意位置），遊標將自動定位到發生錯誤的程式碼。有時，當您只是忘記了括號或其他需要匹配對的區塊字元時，錯誤訊息並不明顯。為了幫助解決這個問題，輔助進程將天真地計算所有區塊字符，以確保計數均勻，並在錯誤視圖中顯示附加訊息。
• Diff 函數： Diff 函數很簡單，不會產生準確的結果。它旨在僅提供自文件打開或上次保存以來的進度的大致指示。
• 儲存機制：編輯器中的儲存功能受到 HTML 約束的限制。作為解決方法，每次儲存時都會產生一個新的帶有時間戳記的檔案。如果您要儲存到「下載」資料夾，請務必確保其中沒有其他用途的文件，因為這可能會導致您難以快速重新開啟您的作品。另外，定期刪除舊的編輯器 HTML 文件，僅保留最新版本。
• 主題：編輯器提供淺色和深色主題，以提供可自訂的觀看體驗。您可以透過向上滑動「雜項」按鈕在主體之間切換。您也可以更改或添加更多。