十分鐘做出一座共學群島:把我的方格子專欄變成互動 3D 城市
最近玩了一個小實驗:把我自己的方格子部落格資料,變成一座可以登島探索的互動資訊城市。六角形小島一座接一座拼起來,像一座溫暖的 3D 微縮玩具城;一個專欄,就是一座島。
這次沒有做「解構政策島」,而是從 0 開始簡單做。大概十分鐘,第一版就出來了!後來我只加了島長和島民,也超快搞定。看著自己的文章長成一座會動的城市,真的很好玩。
登島後,可以做些什麼?
從共學廣場出發,先跟兔 × 鹿島長「小遊」打聲招呼,再選一座感興趣的專欄島。你可以逛文章、找靈感,也可以點島長,透過文章導覽和情境選項聊聊這個專欄,順手接下一個小小的學習任務。
六座專欄島各有自己的精靈島長:
AI 微學院|阿奇(狐狸 × 貓頭鷹):一起探索 AI 工具、人機協作與教學應用。
學習精靈島|芽芽(兔 × 蝴蝶):帶著問題閱讀,找回自己的學習節奏。
視覺敘室|墨墨(貓 × 章魚):把想法畫出來,讓概念變成看得見的故事。
學習設計所|築築(海狸 × 龜):把學習活動設計成願意投入、可以自己發現的體驗。
玩心工作力|轉轉(松鼠 × 蜜蜂):拆小任務、試新玩法,為日常工作打開可能。
玩心事|慢慢(水豚 × 雲雀):慢慢觀察生活,收集那些小小的成長與發現。
島上還有動物系混合生物精靈島民,讓逛文章這件事多了一點陪伴感。現在的島長對話以文章導覽和預設情境為主,適合先從一個問題開始探索。
我最初給 AI 的提示詞
製作即時資訊互動網站,讓使用者登島可以一起學習! 由多個六角形小島拼成的 3D 互動模擬城市,風格是溫暖的玩具模型城市(微縮模型感)、學習玩家品牌。或許一個專欄就是一個島。 資料來源:https://vocus.cc/salon/learn4c(換成自己的喔)
後來我再補上一句:「可以新增一些島民嗎?是動物系的混合生物精靈。然後每個島都有島長,可以跟他互動聊這個專欄的東西。」品牌色也交給它,讓整座群島維持學習玩家的藍、黃與溫暖配色。
AI 系統我選用 ChatGPT / Astra,因為它可以直接部署成網站。我懶人一個,能直接打開分享連結,就很開心了 😆
來逛逛共學群島
點這裡登島:學習玩家・共學群島 https://learn4c-island-city.learn4c.chatgpt.site/ 。也歡迎選一座島,跟島長聊聊,看看哪篇文章會成為你今天的學習起點。
謝謝雷蒙的分享,讓我又多了一個把內容玩起來的點子!
七座島圖解
從總覽出發,一起看看共學廣場和六座專欄島。你最想先去哪一座?

共學群島總覽:共學廣場連結六座專欄島

共學廣場:兔與鹿島長小遊,從好奇心出發

AI 微學院:狐狸與貓頭鷹島長阿奇

學習精靈島:兔與蝴蝶島長芽芽

視覺敘室:貓與章魚島長墨墨

學習設計所:海狸與龜島長築築

玩心工作力:松鼠與蜜蜂島長轉轉

玩心事:水豚與雲雀島長慢慢















留言