2026年3月6日 星期五

Vibe coding 小工具 - Light Matrix Pixel Editor 輕量化 Web App





這是一個非常實用的 Vibe coding 小工具力作,特別推薦給從事嵌入式開發或 LED 矩陣專案的設計師與工程師們!

這款 Light Matrix Pixel Editor 是一個極輕量化、基於瀏覽器的像素藝術編輯器。它最大的優點是完全無需安裝、沒有任何依賴項—電腦端(PC/Mac)只需下載並打開 HTML 檔案,即可在瀏覽器中開始繪製您的矩陣圖案。

主要功能特色:

  • 專為 LED 矩陣設計: 直觀的網格編輯介面,完美模擬 LED 燈珠排列。

  • 靈活的尺寸設定: 可自定義像素矩陣的寬度與高度,適應各種不同規格的硬體。

  • 匯出與整合: 支援匯出Array為 HEX string,方便直接複製貼上到 Arduino、ESP32 或其他嵌入式專案的程式碼中。

  • 跨平台兼容: 無論在 Windows、macOS、Linux 還是行動裝置(受限)上的瀏覽器,都能順暢運行。(PS:在手機系統中與檔案相關功能無法使用)

這款工具極大簡化了 LED 點陣顯示圖案的設計流程,讓您專注於創意與內容的呈現,不再被複雜的軟體安裝與設定所困擾。

GitHub 專案連結:  https://github.com/benwei/ltmx-pixel-edit
Live Demo:https://ben.juluos.org/ltmx-pixel-edit-live-demo/ltmx-pixel-edit.html

英文使用說明:

* https://github.com/benwei/ltmx-pixel-edit/blob/main/USER-GUIDE.md

快速使用指南:

  1. 下載專案中的 ltmx-pixel-edit.html 檔案。

  2. 用您的瀏覽器(Google Chrome, Firefox, Safari 等)打開它。

  3. 設定您的矩陣尺寸,選擇顏色,開始繪圖!

  4. 完成後,點擊「Export」圖示按鈕,將生成的代碼整合到您的專案中。

如果您對這款小工具有任何建議或遇到問題,歡迎前往 GitHub 提交 Issue。希望這個工具能讓您的 LED 專案更輕鬆、更有趣!

如果您覺得這個工具好用,別忘了給我的專案一個 ⭐ Star 喔!感謝大家的支持!

#PixelArtEditor #LEDMatrix #EmbeddedDevelopment #WebTool #VibeCoding #Arduino #ESP32 #OpenSource #HTML5 #Maker工具 #點陣圖編輯器

沒有留言: