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

Flyism Gather Style

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 來分流。

大廳：這是入口處
攤位區：贊助商、社群攤位區。（Booth1, Booth2）
派對區：前夜派對、活動日晚上的 BoF 區。（Party1, ~~Party2~~）

編輯方式

使用 Figma 先將物件編輯後壓成一個背景。（討論串、文件、編輯）

大會小物件

請行銷組提供素材。（討論串、檔案）

派對區

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
- Activities
- Products
  - For Work
- #feature_requests
- Links
- offical help
- mapmaking
- hosting ideas
- tools
- video
c 的 Gather Town 多重視訊格-分享，請在 console 去貼上
- fLab gather experience
- town
- embed
  - Slides
  - Videos
  - games
  - sounds
- block users
- tile
- hotkey
- spotlighting
- API
- ref
Gather Town 建立、規劃
- - 編輯方式
  - 大會小物件
- 派對區
  - 動線
Gather Town 相關資源整理
Figma 編輯 Gather Map 101

簡介

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
Learn More →

參考資源-操作手冊

D-Bookstone GT操作手冊.pdf
Gather-Town-簡易操作手冊-陳政廷-20210601.pdf

教學

遊戲化設計

活動設計

心得

設計素材

官網的說明文件中有提到可以去下面這些地方找。
另外一個方式應該可以自己作圖，做完後匯出成 png 再上傳到 Gather 上面。

設計輔助工具

Tiled
是適用於所有基於圖塊的遊戲的通用圖塊地圖編輯器，例如 RPG、平台遊戲或 Breakout 克隆。
平舖是高度靈活的。它可用於創建任何大小的地圖，對切片大小或可以使用的圖層或切片數量沒有限制。地圖、圖層、圖塊和對像都可以分配任意屬性。Tiled 的地圖格式 (TMX) 易於理解，並允許在任何地圖中使用多個 tileset。可以隨時修改圖塊集。

Tiled YT地圖教學

figma-繪圖工具
 Piskel
GT 的地圖小工具，可以備份 / 還原地圖。

用來辦活動的紀錄

Figma 編輯 Gather Map 101>>

Figma 編輯 Gather Map 101

Gather
- Activities
- Products
  - For Work
- #feature_requests
- Links
- offical help
- mapmaking
- hosting ideas
- tools
- video
c 的 Gather Town 多重視訊格-分享，請在 console 去貼上
- fLab gather experience
- town
- embed
  - Slides
  - Videos
  - games
  - sounds
- block users
- tile
- hotkey
- spotlighting
- API
- ref
Gather Town 建立、規劃
- - 編輯方式
  - 大會小物件
- 派對區
  - 動線
Gather Town 相關資源整理
Figma 編輯 Gather Map 101

基本

Figma 檔案中有兩個 Page：Maps 與 Objects。

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

Learn More →

Maps: 擺放場景的地圖，其中每個 Frame 會是一個 Gather 上的 Room。
Objects: 擺放共用的物件，這些物件是 Figma Component，只要修改 Component 本身，檔案中的所有 Component 實體都會跟著改變。

基礎 - 擺放物件

Maps page 解說

Maps 中每個 Frame 底下都會有兩個 Group，Foreground 以及 Background。

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

Learn More →

Background 是會被人物踩在腳下的東西，例如地板、牆面和普通的不可跨越物件。
Foreground 則是會蓋在人物頭上的東西，例如樹，或是也可以利用半透明做出一些效果，例如水中。

Background 與 Foreground 這兩個 Group 可以 export 成 PNG 後直接到 Gather Mapmaker 上傳為 Background 與 Foreground：

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

Learn More →

Foreground 裡面有個 "Shared Foreground" 的 component 而 Background 裡有個 "Shared Foreground" instance 是因為我們希望有些東西同時存在於 Background 與 Foreground 內。
不要去編輯 Background Group 裡的 Shared Foreground。

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
Learn More →

原因之一是因為 Gather 上的 Mini Map 只會顯示 Background 而不會顯示 Foreground。讓 export 出來的 background 裡包含一些主要的 foreground 物件可以讓 Mini Map 看起來比較合理，不會像破圖。

擺放物件

點選左邊的 "Assets" → "Local components" → "Objects"，然後直接將物件拖拉到場景中。

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

Learn More →

可以回到 "Layers" 看看物件是否有被放到正確的圖層。若無，就在左手邊的圖層列表中拖拉改一下。

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

Learn More →

若要新增第二個以上同樣的物件，可以直接對物件按 Command + D，比重新拖拉一個新的還快（通常也不用再處理圖層，因為複製出來的物件會複製在同一個圖層裡）。

通常物件會被設計成要擺放在紅色的網格內。如果歪掉可以對齊一下。

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

Learn More →

TIP: 可以把暫時不會去動的 Group 鎖起來。

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
Learn More →

進階 - 製作物件

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
Learn More →
幫存下來的東東加上 .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
Learn More →
打開 Figma 的 Objects page。
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
Learn More →
把第二部準備好的檔案拖進去放好。
放好後對他按右鍵，選 "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
Learn More →
在左手邊幫新的 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
Learn More →
取完名後對他按右鍵，選擇 "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
Learn More →

B. 自己做！

TODO

物件需要遵照 32x32 網格

Showoff 一個 RWD 物件：

Figma 編輯 Gather Map 101<<

Syntax	Example	Reference
# Header	Header	基本排版
- Unordered List	Unordered List
1. Ordered List	Ordered List
- [ ] Todo List	Todo List
> Blockquote	Blockquote
Bold font	Bold font
Italics font	Italics font
~~Strikethrough~~	~~Strikethrough~~
19^th^	19^th
H~2~O	H₂O
++Inserted text++	Inserted text
==Marked text==	Marked text
[link text](https:// "title")	Link
![image alt](https:// "title")	Image
`Code`	`Code`	在筆記中貼入程式碼
```javascript var i = 0; ```	`var i = 0;`	在筆記中貼入程式碼
:smile:		Emoji list
{%youtube youtube_id %}	Externals
$L^aT_eX$	L^aT_eX
:::info This is a alert area. :::	This is a alert area.