輕鬆畫畫 SwingSketch:我們為 LG webOS 製作的離線手繪畫板

我們想在 LG 32U889SA 上隨手畫圖,卻一直找不到適合的現成畫板。當時的印象是,這類畫畫功能似乎多與「閨蜜機」一起出現;這是我們尋找 App 時的感受,並非確認只有閨蜜機才能使用畫板。

既然找不到合適的工具,就試著請 OpenAI Codex 幫忙做一個。我們提出想要的功能與使用情境,透過 Codex 協助開發出 「輕鬆畫畫」SwingSketch:一款介面簡單、可以離線使用的 webOS 手繪畫板,讓大螢幕能用來畫張簡單的圖、記下突然想到的點子,或和家人一起塗鴉。

打開就是畫布。選個顏色、調整筆畫粗細,就能開始留下靈感。

輕鬆畫畫電腦瀏覽器預覽,顯示八色畫筆、粗細選擇與畫布

上圖為電腦瀏覽器測試預覽,並非 LG 螢幕實拍。

這個畫板是怎麼做出來的?

這是一次從生活需求出發、透過 AI 協作完成的小專案。Youplay 提出需求、決定功能方向,主要程式與介面由 OpenAI Codex 協助撰寫,再依討論調整,完成檢查與 webOS IPK 打包;後續也製作了獨立的英文介面版本。

從畫筆、橡皮擦、復原重做,到本機草稿與清空確認,我們把想用的功能逐項提出,讓 Codex 將需求轉成可以執行的畫板。這篇介紹也保留目前功能及實測範圍,方便想試用的人了解它能做什麼。

開發標示:由 Youplay 發想與規劃,使用 OpenAI Codex 協助開發。 這是 Youplay 的獨立專案,並非 OpenAI 或 LG 的官方產品。

我們想做一張容易使用的畫布

第一版把常用工具放在畫面上方,減少尋找功能的時間。它適合隨手畫圖、簡單示意及家庭塗鴉,沒有複雜的圖層或專業繪圖設定。

功能可以做什麼
八色畫筆墨黑、珊瑚紅、橘、黃、綠、藍、紫、粉紅
三種粗細依需要切換細、中、粗筆畫
橡皮擦擦去畫布上的局部筆畫
復原/重做畫錯可以退回,也能把剛退回的筆畫加回來
清空確認清空前先詢問;清空後仍可在目前操作中復原
本機草稿自動把目前筆畫保留在這個 App 的本機儲存空間
畫面自適應依可用空間調整工具及畫布配置,畫布維持 16:9 比例

不需要登入,也不把畫作送到雲端

目前版本的畫板本體使用 HTML、CSS 與 JavaScript,繪圖和草稿儲存都在裝置本機完成,不需帳號,也沒有接入廣告、分析追蹤或外部雲端服務。

本機草稿仍不等於永久備份。 App 被移除、儲存資料被清除,或開發者模式失效造成 App 移除,都可能讓草稿遺失。第一版尚未提供圖片匯出,重要內容請先另行拍照留存。

如何使用

  1. 開啟「輕鬆畫畫」,選擇畫筆。
  2. 選取顏色,再選細、中、粗。
  3. 在支援的觸控裝置上以手指畫線,或使用裝置能辨識的滑鼠。
  4. 畫錯時使用橡皮擦或「復原」。
  5. 想重新開始時按「清空」,確認後開啟空白畫布。

遙控器方向鍵提供工具選擇的操作設計;畫線需要觸控或滑鼠輸入。沒有觸控功能的 LG 電視不會因為安裝本 App 就變成觸控螢幕。

32U889SA 與第一版的驗證範圍

我們以 LG 32U889SA 為開發及安裝目標,已留下安裝「輕鬆畫畫 1.0.0」的紀錄。電腦端既有測試紀錄涵蓋畫線、模擬觸控、選色、橡皮擦、復原重做、清空復原、重新載入草稿及直式視窗排版。

電腦模擬觸控與 LG 原生觸控仍是不同驗證項目。目前本文尚未附上 LG 實機畫線、旋轉及長時間草稿保存的完整紀錄,因此不宣稱所有 webOS 機型或輸入設備皆相容。

安裝方式與目前限制

App 以 webOS .ipk 安裝包提供,可透過 Developer Mode 與 webOS Dev Manager 側載,不需要 Root。這個開發者模式安裝流程需要定期續期;操作方式可參考我們另外整理的 LG webOS 安裝教學。

  1. 在 LG 開啟 Developer Mode,完成與電腦 Dev Manager 的配對。
  2. 在 Dev Manager 的 Apps 頁面選 Install,選取 SwingSketch 的 .ipk。
  3. 安裝完成後,在 LG 首頁開啟「輕鬆畫畫」。

1.0.0 尚未提供圖層、壓感筆、防手掌誤觸、多人同時畫圖、圖片匯出、USB/NAS 儲存或雲端同步。它目前適合簡單畫圖與試用,使用前請留意草稿保存的限制。

繁體中文與英文版下載

目前提供兩個獨立的 1.0.0 安裝包,可依使用者習慣選擇。它們可以並存,草稿各自保存,不會自動互相同步;目前沒有 App 內語言切換功能。

語言LG 首頁顯示名稱下載
繁體中文輕鬆畫畫下載繁體中文版 IPK
EnglishSwingSketch EN下載英文版 IPK

下載後透過 Dev Manager 安裝,安裝包不必解壓縮。英文版已完成介面翻譯、打包與電腦瀏覽器基本操作檢查,尚未在 LG 實機驗證。

檔案 SHA-256,供下載後核對:

繁體中文 1.0.0
527A3A060DC7D8E3E67185428A36C4F6877B3408F8119C6C13D421A3CB8CCE90
 
English 1.0.0
B393898852C73C90FF40D9AB614A719CB713F5782483C951031BAFC5ACD632B5

GitHub 原始碼與授權

原始碼、中英文使用說明與版本安裝包整理在 SwingSketch GitHub 專案,讓有相容設備的朋友下載試用,也方便回報問題與交流改進。也可以從 GitHub Releases 下載這兩個版本。

本專案有權授權的程式、文件及自製圖示採用 MIT 授權,可以依條款使用、修改與分享,也允許商業使用;再散布時須保留授權與著作權聲明,不提供保固。詳見 LICENSE 與 GitHub 專案的第三方來源說明。

可下載 SHA-256 校驗清單 核對安裝包。

SwingSketch 是我們自行製作的獨立專案,與 LG 並無官方合作或背書關係;LG 與 webOS 名稱僅用來說明適用平台。

相關文件