Try   HackMD

伴伴學 x CircleFly Martech

Branding with tech GO!

Fly: Tech 6ys+
Circle: Marketing 3ys+

Marketing 5.0 : Technology for Humanity

談技術

科特勒指出，行銷 5.0 聚焦科技及數據的運用，也就是下一代技術（next tech），分別是人工智慧（AI）、自然語言處理（NLP，natural learning process）、感應科技（sensor tech）、機器人（robotics）、混合實境（mixed reality）、物聯網（IoT，Internet of Things）和區塊鏈（blockchain）。

談人類行為

這些技術都和模擬人類的行為（human-mimicking）息息相關，最明顯的例子是 Netflix 使用大數據分析與 AI，推薦使用者感興趣的影片；換句話說，行銷人為了不同客群，量身打造行銷策略。

談人與科技共生

不過，看似圍繞科技的行銷手法，科特勒強調，行銷科技（Martech）的關鍵是行銷人如何找到人與科技的共生關係，利用科技做對決策，而非被取代。

經理人 https://www.managertoday.com.tw/books/view/63275

Marketing 1.0..5.0

歡迎直接在下面分享或票投你喜愛的內容
https://app.sli.do/?search=flyism

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 →

  • 今天或最近發生什麼事讓你在意？
  • 今天為何參與這個活動？
  • 今天的期望的收穫？

7/1 活動

參與視訊 Gather.town
j.mp/flyisms
直播請見
j.mp/accomdemy
j.mp/gwtwg

FB活動 https://fb.me/e/5EOtofYLH
HMD共筆 https://hackmd.io/@flyism/jody

教室(備用) https://classroom.google.com/c/MzYwMzY2NjAzNTU0?cjc=fddvbhy

Videos

LINE 官方帳號後台操作與實作 https://youtu.be/M75Uf0q5X4Q
Facebook 廣告投放實作 https://youtu.be/u-z6suInnbo

jody.gq bot

LINE@ http://flyis.me/jodyl

Richmenu
連結 - http://flyis.me/jodys
連結 - http://flyis.me/jodyyt
連結 - http://flyis.me/jd

LIVE demo!

以上都不重要

來蓋一個宣傳伴伴學/Gather town Taiwan user group 的 LINE@ 帳號！

Facebook

  • 有興趣用$$操作的人來投廣告…

以下工商

Join fLab

fLab is all about applied improv .

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 →
Sign your name to join fLab on hackmd

Hackmd

Sign up your hackmd email/id to join as @flab hackmd co-editor. You can create you note as @flab.

聯盟台灣在宅支援診所
fly
flyism

improv 200 on Slack

Let's slack your improv ideas. 一起探索即興靈感的大可能
https://join.slack.com/t/hsca-me/shared_invite/zt-rurkn6bp-yS~WwJpT307pRMIDPj58FQ
or
j.mp/joinflab

proj

flyisms

歡迎來到不賴即興森林
這裡宣揚

自然、即興、開放 (natrimproven: natur-improv-open)
自然：我們順應自然行動
即興：我們堅持行動優先
開放：我們相信行動長存，共同建立系統來融合事物：包括奇怪的、令人好奇的及可能的

https://hackmd.io/@flab/manifesto

你可以自由編輯此份文件 https://hackmd.io/@flab/flyisms/edit

奧運轉播

實驗場域：Gather j.mp/flyismss
線上看： https://hamivideo.hinet.net/奧運專區/中華隊.do

即興森林月活動 Flyism x Gather

7/24-8/23 2021
若有意願做些事，串連空間，歡迎填表加入 https://j.mp/flyismsgo

動機

https://www.facebook.com/groups/178816644148798/posts/212961644067631/
嗨大家，不賴因為想了解 Gather 更多可能，申請到了 500人SPACE並開放社群共同運用為期 31天 7/24-8/23 ，歡迎腦力激盪，目前想到的是 24H 直播到 YouTube，想要與大家一起討論後置頂在大群組，更多細節我寫在共筆 https://hackmd.io/@flab/flyisms

目標

fly: 讓世界了解 Gather 更多可能，促進更多有利眾人的行動，不被 Covid 19 所限

行動

24H YouTube 直播、即時字幕
觀察直播、實際互動內容、以空間守則COC維護參與者權益，促進空間運用

子主題

Olympic

討論

空間安全性：Gather 提供關 Chat、sharescreen 功能，或許可以防止 Spam，但相對不方便

執行

張揚翔
若利用flyisms空間，都開放直播(以不違反版權人權為前提)，更多不賴的即興直播場次如下，歡迎在活動前後與我一起聊聊想做的事：
HIITMon. 19:00 https://fb.me/e/2rmI4lbAi Wed 19:30 https://fb.me/e/18HQ2PymS Sat 9:30 https://fb.me/e/13ERI5usf Contact Improv Sun. 14:30-16:30 即興學會>> https://fb.me/e/4DRyaOqaK English Talks Tue. https://fb.me/e/LVKgGIXD Accomdemy Party Fri. 20:00 https://fb.me/e/2puccvZmw
最近還想每天7:30早起練英語口說Shadowing~
http://hackmd.io/@flab/shadowing
玩多人 DJ 聲音展
http://hackmd.io/@flab/sound

展望

讓人與人之間的交流能在不受物理空間限制且自然、直覺、開放

flyim improv events

improv x dance
improv x hiit workout
improv x English talks
improv x Learing
Gather筆記集
Gather經驗集
伴伴學
不賴即興
不賴即興森林運動
2020東京奧運

參考

協作活動日曆
https://calendar.google.com/calendar/u/0?cid=ZTljYnZzYjNwMjJ0YzU2dDBtYjZnYmZuM2dAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ
iCal
https://calendar.google.com/calendar/ical/e9cbvsb3p22tc56t0mb6gbfn3g%40group.calendar.google.com/public/basic.ics

簽到

點此簽到

張揚翔到此一遊
凳子Brandonz到此一遊
[name=]到此一遊
[name=]到此一遊
[name=]HaHaHa
[name=]到此一遊
[name=]到此一遊
[name=]到此一遊
[name=]Ho Hey
瑋麒Hi, everyone!

留言

GT越玩越上癮了啦張揚翔

靈感

如果…張揚翔

即興

呱呱嗚啦啦…張揚翔

coc

8amWorkingChallenge

《 8am Working Challenge 行前提醒 》

在 8amWorkingChallenge 這個空間裡，使用者的權限是完全扁平的，每個人都可以 erase 或 build 任何東西。因此，也希望大家遵守這個空間裡的行為準則，讓我們更好的共同經營、管理與維護這塊空間：

期待的行為

  1. 安全／平等 : 每個人在此空間中擁有相同的權益，並為彼此的討論建立安全空間。
  2. 尊重／開明：尊重與諒解每個人在此空間中發言、行為、建設的特殊性。
  3. 善意／共享：確保這個空間與社群可以具永續性的維護與經營。
  4. 協助／支持：相互協助彼此共用與建立空間中的資源。

無法接受的行為

  1. 違反先前之守則。
  2. 對於其他使用者歧視、騷擾、惡意忽視。

當發生衝突時

  • 我們聆聽。
  • 我們清楚地表達自己同時理解其他人的感受。
  • 我們會一直尋求方法以改善我們自己及我們的社群。
  • 我們致力於在我們的社群內保持尊敬及開放性。
  • 我們讓所有人都感到他們的意見都有被聆聽。
  • 在我們的互動中，我們保持細心及友善。
  • 盡力尋求共識。

8amWorkingChallenge

g0v

g0v

歡迎自由編輯留言

fly: hohoho

Gather 資源

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

編輯手冊：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 來分流。

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

編輯方式

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

大會小物件

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

派對區

  1. Party1: https://gather.town/app/QlEUxf8HqOasulhB/COSCUP Party 1
  2. Party2: https://gather.town/app/Xl84SRA2cqUMSDNt/COSCUP Party 2

Party1 主要建立前夜派對的場地，Party2 主要是給 BoF 用場地。目前因為時間匆忙，我們可以先建立 Party1 然後 copy 給 Party2 用。或是時間充裕，可以兩個場地都同時分開建立。

前夜派對場地實體就是大家會圍在一起聊天，所以我們可能要多規劃一些 private area 讓大家圍在一起。

動線

  1. main room: 這是主要重生點，裡面有四個傳送點到 Room-A
  2. Room-A: 這是派對場地，主要在這裡挖出多一點的 3x3, 3x4, 3x5, 4x4 的 private area.
  3. Room-B: 可能會多一個會議室隔間型的 Room，由 Room-A 上方進入。

COSCUP<<

Gather Town 相關資源整理>>
https://hackmd.io/RXvmC3PFSnWvsmM1LwIUxw

Gather Town 相關資源整理

簡介

Gather Town
是一個新創計畫(LinkedIn創辦人投資)，結合 2D RPG & 視訊會議的功能。

【硬塞數位工具箱】線上群聚！用畫素遊戲風空間 Gather Town 溫暖遠端互動

參考資源-操作手冊

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

教學

遊戲化設計

活動設計

心得

設計素材

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

設計輔助工具

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

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

用來辦活動的紀錄

<<

Figma 編輯 Gather Map 101>>

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 上現有的東西拿來用

  1. 到 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 →

  2. 幫存下來的東東加上 .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 →

  3. 打開 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 →

  4. 把第二部準備好的檔案拖進去放好。

  5. 放好後對他按右鍵，選 "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 →

  6. 在左手邊幫新的 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 →

  7. 取完名後對他按右鍵，選擇 "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<<

Last changed by 
 
Shawn Publicist
0
2038

Read more

intro

&#x6B61;&#x8FCE;&#x76F4;&#x63A5;&#x5728;&#x4E0B;&#x9762;&#x5206;&#x4EAB;&#x6216;&#x7968;&#x6295;&#x4F60;&#x559C;&#x611B;&#x7684;&#x5167;&#x5BB9; https://app.sli.do/?search=flyism &#x4F60;&#x559C;&#x6B61;&#x4EC0;&#x9EBC;&#xFF1F; &#x4F60;&#x70BA;&#x4F55;&#x53C3;&#x8207;&#x4ECA;&#x5929;&#x4F34;&#x4F34;&#x5B78;&#xFF1F; &#x4F60;&#x4ECA;&#x5929;&#x7684;&#x671F;&#x671B;&#xFF1F;

Jun 29, 2021
Vscode extensions, explore!

{%hackmd @flyism/intro %} {%hackmd @flab/bbs20210624 %} install &#x5B89;&#x88DD; vscode https://code.visualstudio.com/download intro https://code.visualstudio.com/docs/introvideos/basics

Jun 24, 2021
activities

&#x81EA;&#x7531;&#x4EA4;&#x6D41;&#x6642;&#x9593;&#xFF0C;&#x4F60;&#x53EF;&#x4EE5;&#x2026; &#x9280;&#x5E55;&#x5206;&#x4EAB; &#x9080;&#x8ACB;&#x6416;&#x63A7; &#x63A2;&#x7D22;&#x904E;&#x7A0B; &#x5728;&#x9019;&#x5206;&#x5171;&#x7B46;&#x5206;&#x4EAB;&#x597D;&#x5C08;&#x6848; &#x63D0;&#x51FA;&#x76F8;&#x95DC;&#x554F;&#x984C; &#x627E;&#x4EBA;&#x804A;&#x804A; https://flyis.me/iis

Jun 24, 2021
search tools

https://www.3du.tw/term/search/

Jun 21, 2021
Read more from Shawn Publicist
Published on HackMD