Lolly 建構者指南

signed by Lollybuilders.htmlHTMLAI generatedgenerated by Claude自己驗證Get the signed filepixels, not shapes11 KB

技術文件 - 適合撰寫工具、將 Lolly 整合進工作流程、自行架設,或擴充這個平台的任何人。

這對你有什麼好處。 工具做一次,同樣的需求就不會再回頭找上你。那些吃掉你整個下午、不斷出現的「能不能幫我做一個……」,會變成一個範本,讓其他人自己動手填--而且做得正確,不需要你插手。你的成果是純粹的 HTML/CSS/JS:版本控管、可比對差異、可審查,並且執行在一個開放、沒有廠商綁定的引擎之上,所以它永遠屬於你。把量產流程自動化,你的時間就能花在有趣的問題上,而不是第一萬次的匯出。

Lolly 是一個與平台無關的引擎,能在多種殼層(web PWA、Tauri 桌面版/行動版、CLI、TUI)上執行同一套渲染流程。工具是資料,不是打包好的程式碼--由一份 manifest、一份 template,加上選用的 hooks 組成--因此新工具上線不需要更新應用程式。先讀總覽了解架構,再依你要打造的內容選擇合適的路徑。

第一次接觸這個平台?快速入門 能在你深入研究之前,先幫你把品牌和第一次渲染準備好。

了解架構

撰寫工具

下面每一個控制項都是由 tool.json 中宣告的輸入項目產生的。你寫下 manifest 裡的那一行,主機負責畫出控制項,而同一套模型也驅動著 CLI 與網址。

One declared input, one generated control: a url, a colour, a select, a number, a booleansigned by Lollyvector SVG自己驗證Get the signed file19 paths~2.1k nodes45 groups1 image31 KBOne declared input, one generated control: a url, a colour, a select, a number, a booleansigned by Lollyvector SVG自己驗證Get the signed file19 paths~2.1k nodes45 groups1 image31 KB

這套做法能撐的遠遠不只五個控制項。替一個輸入項目加上 section,主機就會把它摺疊收起,所以像 D3 Chart Studio 這種有五十個輸入項目的工具,打開時依然只是一小疊控制項,其餘的都收在具名分組後面。

The D3 sidebar - a handful of primary controls, then Data, Columns, Chart, Axes and the other sections collapsed into one line each

執行與整合

上線與維運

信任與資料

權利與署名資訊也跟其他輸入項目一樣。Embed & Track Image 宣告了創作者、版權、授權與聯絡方式等欄位,匯出時會把它們寫入檔案本身的中介資料,以及它的 C2PA manifest。

The Embed and Track Image controls - creator, copyright, a licence dropdown, contact and title, filled from the link