HackMD
sound
tools
log
7/22
https://www.facebook.com/flab.ga/live_videos/
https://www.facebook.com/events/255295669381816/
16:00-22:00 [Flyism Improv Sound Forest 不賴即興聲響之森 1]，入口→ http://j.mp/flyismss 共筆 https://hackmd.io/@flab/sound
建議活動：
- 拉長耳朵亂晃
- 猜猜每棵樹實際上種在什麼環境
- 換由你佈置聲音，帶著你的音效與音樂來為每個來賓製造驚喜
- FB/YT留言互動
- 來種一棵樹
- 按讚分享
註 - 直播將由"fly 🐝 on air 🔴"進行
- 播放版權物生人請勿近XD，會被FB/YT禁
- 反之想開放發表觀點請靠近發聲。
直播
FB: https://www.facebook.com/flab.ga/live_videos/
YT: https://www.youtube.com/c/fendon6/live
Sun. 14:30-16:30 即興學會>> https://fb.me/e/4DRyaOqaK Tech x English Talks Tue. https://fb.me/e/LVKgGIXD Accomdemy Party Fri. 20:00 https://fb.me/e/2puccvZmw
Ref
Gather
Activities
Gather CEO 媽發言
https://www.facebook.com/groups/178816644148798/posts/211498727547256/
Products
For Work
發現官網在推新產品，給Remote workers的 Gather for Work，填Google Form可以試用30天。我猜應該就是目前官方Gather辦公室的樣子(有興趣可以在Job Borad找到)
https://docs.google.com/forms/d/e/1FAIpQLSeTbw3sUNZUupcvwli6xVCTEphU_XlBjmkxbyviLYV5AQqRig/viewform
demo booking
https://calendly.com/d/vmyj-khkg/gather-for-work-office-demo-q-a?month=2021-08
#feature_requests
官方新功能許願池，可以前往投票，或在這邊留言大家一起討論 #feature-requests
https://feedback.gather.town/feature-requests?sort=trending
Links
編輯手冊：https://hackmd.io/@flab/gather/edit
社團發問 https://j.mp/gttwg
offical help
https://support.gather.town/help
mapmaking
前後景泳池應用
https://www.facebook.com/groups/178816644148798/posts/209690174394778/
hosting ideas
- 即興參與
- 減中心化，自由於會眾交談
- 隨時可回中心
tools
For booking space 分享 Gather 官方用的約時間工具 Calendly 或許在跟朋友約聚的時後可以方便你橋時間不用再翻日曆。
https://www.playpcesor.com/2018/01/calendly-gmail-google.html
video
sync
https://support.gather.town/help/common-mapmaker-questions#how-do-i-get-synced-tvs-to-work
視訊鏡頭後製加強
https://www.facebook.com/groups/178816644148798/posts/216036943760101/
c 的 Gather Town 多重視訊格-分享，請在 console 去貼上
目前測試，就是將這一塊複製貼上就可以了
document.querySelector('#videos').setAttribute('style', 'align-items: start;')
document.querySelector('#videos > div.GameVideosContainer-videobar-content').setAttribute('style', 'flex-wrap: wrap;')
document.querySelectorAll('#videos > div.GameVideosContainer-videobar-content > div').forEach(
function(item, index) {
item.setAttribute('style', '')
}
)
這個功能的效果，如下連結所示
https://www.facebook.com/groups/178816644148798/posts/217936510236811
另外，你有作 Side Project 嗎?
如果想在 Gather Town 的空間線上群聚作 Side Project 的人可看看如下連結。
https://www.facebook.com/groups/178816644148798/posts/217640596933069/
fLab gather experience
https://hackmd.io/@flab/gathers
https://hackmd.io/@flab/gather
town
flyism improv
https://gather.town/i/hrHetO8a
8am
https://gather.town/i/HuMgTvGA
https://gather.town/app/IbC2nrdvmLE5wXop/Secrete Garden
https://gather.town/app/ZxXxebIMnPHM4Bae/iis
https://gather.town/app/kHbzn286vOWJ4FQi/櫟樹之丘
https://gather.town/app/2DhAlidAaWFut8BT/EnglishTalking
https://gather.town/app/8qHU9L90I2GR1tjs/g0vhackathon
embed
Slides
https://www.facebook.com/groups/178816644148798/posts/231311552232640/
［更新］已解決。原來只要改網址就能嵌入google slides投影片。（在google slides程式按檔案→發佈到網路→複製網址→改網址{把"pub?"之後整串刪掉，改成“embed”}→把改過的網址貼到gather物件上→就能嵌入ppt了）
請問，如何在物件直接嵌入google slides投影片？昨天參加線上多元教育博覽會，其中一個會場有看到有人這樣用，但我自己試著放入google slides的網址，卻失敗
Videos
Embeded videos testing
https://support.gather.town/help/objects#embedded-videos 表示 embed video 條件為： anywhere with HTTPS and a video embed link.
傳 Youtube ，結果跳舞的音樂有版權，光速把我 Block 哭哭。於是我把下午的錄影丟 Google Drive 用 Embed Video 。踩了些坑與大家分享
100m 內影片直接換掉下面 ID 成自己的影片 ID (share 可得)
https://drive.google.com/uc?export=download&id=0B0JMGMGgxp9WMEdWb1hyQUhlOWs
100m 以上影片請參考下面文件取得 Drive API key
https://bytesbin.com/skip-google-drive-virus-scan-warning-large-files/
我的影片三小時，實在也不適合用 gather embed Video (沒有快轉誰有耐心看？ XD
但若你影片是高畫質大檔時間不長，或許可以參考參考
games
https://support.gather.town/help/objects#integrated-games
sounds
https://support.gather.town/help/objects#ambient-sounds
block users
https://support.gather.town/help/movement-and-basics#blocking-users
tile
https://support.gather.town/help/tiles#spawn-tiles 剛另外試了 Spawn ID 輸超過16字元居然給用，文件寫16上限，Gather團隊真的讓用戶人肉 Debug
請問SPAWN板塊ID功能是什麼啊？
https://support.gather.town/help/tiles#spawn-tiles 指定降落點，讓你可以有專屬 URL 可用於要指定降落的位置
#客製化出現點（Custom Spawn Tiles）｜透過iCal設定特定時間的出現點
現在設定spawn tile的編號，可以跟iCal設定日期與出現點的連動。然後受邀朋友只要在顯示的時間點擊日曆，就可以進入房間。所以，如果你要約一群朋友在特定時間線上聚會、開會、上課等，都可以透過這個方式去管理大家的登入地點。如此一來，你房間之間的跳轉也會便得更有彈性。
詳 https://support.gather.town/help/gather-102#ical-calendar-integration
Itch
https://itch.io/game-assets/free/tag-tileset
Tiled 地圖修改器
https://www.mapeditor.org/
Gather Town 官方有在 github 提供一些他們的素材喔~
https://github.com/gathertown/mapmaking
hotkey
audio on/off switch
cmd/ctrl+shift+c
video on/off switch
cmd/ctrl+shift+v
(Ctrl/⌘ P) - User/video preferences.
(Ctrl/⌘ U) - Turn on/off quiet mode.
(g) - Enter ghost mode and walk through other participants.
(e) - Teleport to the nearest open area when you are trapped (only available if you are trapped).
(x) - Interact with an object or select a subset of objects in Erase Mode.
(z) - Make your avatar dance.
https://support.gather.town/help/gather-102#hotkeys-and-shortcuts
spotlighting
https://support.gather.town/help/gather-102#spotlighting
API
https://www.notion.so/EXTERNAL-Gather-http-API-3bbf6c59325f40aca7ef5ce14c677444
ref
edit
https://g0v.hackmd.io/z-xQ4S_RSQ2wPj0Arr5v7g
use
https://g0v.hackmd.io/LmQMUuspQpeUQ2AhpMOU5Q
Gather Town 教學: 活用 Active Image
https://hackmd.io/@E0WEQlMlT6Ks1EAu1mLrDA/BJi0VJv3_
COSCUP>>
Gather Town 建立、規劃
徵求內容：https://volunteer.coscup.org/tasks/2021/r/f46d723d
說明：我們不是只有 7/4 才建立，因為地圖同時只能一人編輯，所以大家有空可以在這頻道喊聲編輯，然後喊聲編輯結束。
目前大會會使用 Gather Town 建立 3 個 spaces 來分流。
編輯方式
大會小物件
派對區
- Party1: https://gather.town/app/QlEUxf8HqOasulhB/COSCUP Party 1
- Party2: https://gather.town/app/Xl84SRA2cqUMSDNt/COSCUP Party 2
Party1 主要建立前夜派對的場地，Party2 主要是給 BoF 用場地。目前因為時間匆忙，我們可以先建立 Party1 然後 copy 給 Party2 用。或是時間充裕，可以兩個場地都同時分開建立。
前夜派對場地實體就是大家會圍在一起聊天，所以我們可能要多規劃一些 private area 讓大家圍在一起。
動線
- main room: 這是主要重生點，裡面有四個傳送點到 Room-A
- Room-A: 這是派對場地，主要在這裡挖出多一點的 3x3, 3x4, 3x5, 4x4 的 private area.
- Room-B: 可能會多一個會議室隔間型的 Room，由 Room-A 上方進入。
COSCUP<<
Gather Town 相關資源整理>>
https://hackmd.io/RXvmC3PFSnWvsmM1LwIUxw
Gather Town 相關資源整理
簡介
Gather Town
是一個新創計畫(LinkedIn創辦人投資)，結合 2D RPG & 視訊會議的功能。
【硬塞數位工具箱】線上群聚！用畫素遊戲風空間 Gather Town 溫暖遠端互動
- 影片介紹
遠端不孤單虛擬辦公室超好玩！Gather 介紹教學
如果网课变成网游，你会沉迷吗
完全錄影-g0v hackath44n | 零時政府第肆拾肆次 | 世界最危險黑客松
空間介紹-g0v hackath44n | 新手導遊團
虛擬教室主題式學習
Image Not Showing Possible Reasons- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
參考資源-操作手冊
D-Bookstone GT操作手冊.pdf
Gather-Town-簡易操作手冊-陳政廷-20210601.pdf
教學
- 文檔類-Gather.town 使用說明 -g0v
- 影片類-重要-簡單介面操作全指南&空間建造
- 文檔類-全圖文說明】在神奇的 gather town 線上群聚囉！gather town 的基本使用，在家上班 WFH、居家辦公也能有如同在辦公室與同事見面的感覺！
- 文檔類-如何在遠端工作中同時滿足社交需求？結合遊戲化與線上視訊，打造虛擬會議室 / 虛擬公司 — Gather Town
遊戲化設計
活動設計
- 影片-玩轉學校
- 玩轉學校-線上營隊回饋
- g0v-大覽會:GT介面設計思考紀錄
- 2021Taipei Media School畢業典禮幕後特輯-許多小遊戲說明
- 跟大家分享一個小遊戲 - 簡易型電流急急棒
- 「線上大風吹」的遊戲
- 玩猜字遊戲 codewords
- 使用 Gather Town 作快問快答
- 滿滿儀式感！gather town 線上畢業典禮幕後解密
- 新竹縣東興國小六年一班 Gather town 畢業典禮
- 台南樹林國小如何利用免費遊戲風格平台 gather.town，規劃一場難忘的線上畢業典禮？
- 遠距上班好好玩！Gather town「虛擬辦公室」 講八卦、會議室都超擬真
心得
- 大致歸納了 6 個心得，分享給目前已經使用，或是將來想要使用 Gather 來進行教學、講課、帶領工作坊的朋友們。
- 450 人 Gather.Town 活動展區設計經驗分享
- Gather Town 地圖原來還可以這樣子作
- 關於 gather town 用在線上同步教學的一點小心得
- 在 Gather Town 參加學程畢典 aka 21 歲的森林_自己的房間
設計素材
官網的說明文件中有提到可以去下面這些地方找。
另外一個方式應該可以自己作圖，做完後匯出成 png 再上傳到 Gather 上面。
- https://itch.io/game-assets/free/tag-32x32
- https://opengameart.org/
- https://www.pinterest.com
- https://www.shutterstock.com/zh-Hant/search/pixel+tile
- https://vocus.cc/user/@ReIris
- gather.town地圖編輯資料收集
- Gather.Town Custom Map Creation
設計輔助工具
Tiled
是適用於所有基於圖塊的遊戲的通用圖塊地圖編輯器，例如 RPG、平台遊戲或 Breakout 克隆。
平舖是高度靈活的。它可用於創建任何大小的地圖，對切片大小或可以使用的圖層或切片數量沒有限制。地圖、圖層、圖塊和對像都可以分配任意屬性。Tiled 的地圖格式 (TMX) 易於理解，並允許在任何地圖中使用多個 tileset。可以隨時修改圖塊集。
figma-繪圖工具
Piskel
GT 的地圖小工具，可以備份 / 還原地圖。
用來辦活動的紀錄
<<
Figma 編輯 Gather Map 101>>
Figma 編輯 Gather Map 101
基本
Figma 檔案中有兩個 Page：Maps 與 Objects。
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
- Maps: 擺放場景的地圖，其中每個 Frame 會是一個 Gather 上的 Room。
- Objects: 擺放共用的物件，這些物件是 Figma Component，只要修改 Component 本身，檔案中的所有 Component 實體都會跟著改變。
基礎 - 擺放物件
Maps page 解說
Maps 中每個 Frame 底下都會有兩個 Group，Foreground 以及 Background。
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Background是會被人物踩在腳下的東西，例如地板、牆面和普通的不可跨越物件。Foreground則是會蓋在人物頭上的東西，例如樹，或是也可以利用半透明做出一些效果，例如水中。
Background 與 Foreground 這兩個 Group 可以 export 成 PNG 後直接到 Gather Mapmaker 上傳為 Background 與 Foreground：
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Foreground裡面有個 "Shared Foreground" 的 component 而Background裡有個 "Shared Foreground" instance 是因為我們希望有些東西同時存在於Background與Foreground內。
不要去編輯 Background Group 裡的 Shared Foreground。Image Not Showing Possible ReasonsLearn More →
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
原因之一是因為 Gather 上的 Mini Map 只會顯示 Background 而不會顯示 Foreground。讓 export 出來的 background 裡包含一些主要的 foreground 物件可以讓 Mini Map 看起來比較合理，不會像破圖。
擺放物件
點選左邊的 "Assets" → "Local components" → "Objects"，然後直接將物件拖拉到場景中。
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
可以回到 "Layers" 看看物件是否有被放到正確的圖層。若無，就在左手邊的圖層列表中拖拉改一下。
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
若要新增第二個以上同樣的物件，可以直接對物件按 Command + D，比重新拖拉一個新的還快（通常也不用再處理圖層，因為複製出來的物件會複製在同一個圖層裡）。
通常物件會被設計成要擺放在紅色的網格內。如果歪掉可以對齊一下。
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
TIP: 可以把暫時不會去動的 Group 鎖起來。
Image Not Showing Possible ReasonsLearn More →
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
進階 - 製作物件
A. 直接把 Gather 上現有的東西拿來用
-
到 Gather 的 Object Picker 選物件，切到想要的顏色和旋轉到想要的方向之後對圖片按右鍵選「另存圖片」。
Image Not Showing Possible Reasons- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
-
幫存下來的東東加上
.png副檔名。
Image Not Showing Possible Reasons- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
-
打開 Figma 的
Objectspage。
Image Not Showing Possible Reasons- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
-
把第二部準備好的檔案拖進去放好。
-
放好後對他按右鍵，選 "Frame Selection"。
Image Not Showing Possible Reasons- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
-
在左手邊幫新的 Frame 取個好名字。
Image Not Showing Possible Reasons- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
-
取完名後對他按右鍵，選擇 "Create Component"
Image Not Showing Possible Reasons- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
B. 自己做！
TODO
- 物件需要遵照 32x32 網格
Showoff 一個 RWD 物件：
Figma 編輯 Gather Map 101<<
