用 Chatbot 打造超有趣線上 RPG :把同事變成 NPC !

完整架完95個模組,尿都變紅色的。

哈囉大家~新年快樂🎉🎉
在被期末考荼毒的同時我又來寫寫工具文了!
每次寫文章都會先列出架構,但還是會花費我蠻多時間,大約1至1.5小時,眼看期末要讀不完了我還在這裡寫案例 ㄏㄏ。

這次主題是《用 Chatbot 打造超有趣線上 RPG :把同事變成 NPC !》
最初分享《老闆惹怒工程師可以激起多大的社群效應:Chatbot 新手基礎操作案例》時,雖然自己分享了失敗的案例,但是出於分享的心情還是感到很興奮。
後來又發佈了《【教學】老闆惹怒工程師可以激起多大的社群效應: Chatbot 新手基礎操作案例》,因為我發現前一篇在操作面實在描述太少,原本是抱著「如果有新手想操作類似案例,操作面可以去看 BotBonnie 的教學」的心情,但是如果這樣依步驟拆解,讓人看案例的同時或是閱讀後可以上手,好像也是深層分享的一種方式。
教學版本的老闆惹怒工程師我還沒有上傳到Medium跟Blink,過幾天考完試再發佈。
By the way,BotBonnie什麼時候要找我當代言 🤣

那我們開始來聊聊這次的案例吧!

必須殘忍地告訴大家:結果是失敗的。
但我個人認為問題出在:

  1. 受眾對這樣的互動並不感興趣。粉專每周三固定推出的《冷知識》圖文,成效都比較好。經歷上次《老闆惹怒工程師》後,BotBonnie的工程師給了很好的回饋,他表示以自己為例,工程師比較社交冷漠一點,這次也再次驗證了。
  2. 抽獎門檻過高。從首圖中可以看到我們設定的是
    a.「一鍵分享結局+留言一句取暖名言」可抽電影票。
    b.「私訊小編你的結局」可抽小聚免費參加資格。
    這對本來就對此互動不感興趣的受眾來說,只會更加不感興趣 😅

所以,如果你是單純想知道可以運用哪些功能來打造線上RPG,那你還是可以往下觀看文章!

下面分享的內容如果有和《【教學】老闆惹怒工程師可以激起多大的社群效應: Chatbot 新手基礎操作案例》重複的我都會跳過,
例如註冊帳號、模組建立、選項連結等等較基本的操作,需要的人可以綜合兩篇一起觀看。


為什麼選擇以RPG的形式?為什麼是聖誕節?

其實我是一個非常熱愛RPG的人,我非常喜歡「沉浸式體驗」,想像今天你參加了一個主題是「愛麗絲夢遊仙境」的展覽,如果能夠在驗完票的當下,做點區隔,而後讓你感到自己真正地在夢境中,那你肯定會更用心去體驗這個展覽,我認為RPG的核心便是「沉浸式體驗」,我們能短暫丟下自己的生活,去過過別人的日子。

之所以選擇聖誕節,不是因為企劃提案的日子剛好在12月(嗯,但也是原因之一 XD ),主因是Python的命名日在12/25,和我們的受眾「學習程式的人、 Junior / senior 工程師」很有關聯。聖誕節其實是西方文化的重要日子,甚至在澳洲,會從那天起開始放一個月的假期,但是在台灣,並非如此,而一定有人想過「為什麼台灣人要過聖誕節?」、「不就是商人想賺錢嗎?」、「為什麼每年都有新北耶誕城?」我相信工程師這樣聰明又個性獨特的族群不可能沒這樣想過 XD ,甚至有吐槽,對吧?
因此我選擇了:讓每位用戶體驗不同過節的方式,做為體驗核心,在遊玩中,用戶的每一次選擇,都會引導出不同的結果,最後得到一個自己最有可能的過節方式。


使用 Chatbot 製作RPG,我該注意什麼?

包含上述提到的「沉浸式體驗」,進入遊戲的氣氛建立非常重要,甚至在你撰寫腳本的時候要不停思考:如果我是用戶,

  1. 我會期待看到什麼?
  2. 我預期可能做出哪些選擇?
  3. 我會不想看到什麼?

想像你自己在遊玩一款新手遊,我肯定希望能夠「自己做選擇」,不論是面對以設定好的劇情,或是突發支線,那其中,面對這些情境的選擇又會有什麼呢?同理,如果我今天玩到一半,原本 NPC 直接叫我名字,突然改口叫成其他 NPC 或是A、B、Z等代號,那麼我會深刻覺得這個製作團隊並不細心。

再來是,遊戲長度,個人的想法是長一點,但不要過長,除非你有設定階段性誘因讓玩家遊玩,不然很容易半途而廢。長一點是為了讓玩家專注在鋪陳,不論你的鋪陳是為了宣揚企業理念、推廣線下活動及線上課程,讓玩家體驗地越深入、越具有趣味性,他願意接受後面宣傳的程度也會提升。

最後是,務必反覆測試,這裡的測試包含「自己體驗」、「請他人體驗」,這兩者必須都做到非常多次以上,才算完成反覆測試。
如果你不想提前爆雷,可以自己體驗,但是容易發生的狀況是:你已經架設模組架到眼花了,體驗時可能會分神注意發送間隔秒數,而不會注意到劇情不合邏輯、用字不當等等其他重要問題。
所以這時候我們很需要有第二個、第三個人來體驗,他們能夠客觀地告訴我們有哪些問題、體驗感受。


《學程式會有怎樣的聖誕節》運用了哪些功能?

要大家先注意的是,我使用的是免費版BotBonnie
個人覺得付費版BotBonnie會讓你在架設RPG過程中輕鬆非常非常多,因為「條件分流」的功能會幫助你規劃主線支線,不用和我依樣瘋狂複製貼上模組再更改內容,甚至我最後建立了95個模組,我的老天…… 😷 😷

但如果你暫時沒有打算長期使用BotBonnie、沒有購買預算,又想製作RPG的話,可以試試跟我一樣血汗工程,架模組架了一甲子 🤗 🤗 🤗

多個模組拆解訊息、前往模組、訊息延遲

在後台介面,一個模組最多只能放入5則訊息,時間延遲功能也算一則訊息,因此我使用了多個模組完成使用者在畫面中看到的遊戲登入畫面。

在「自動偵測玩家身分中……13%」後面我放了一個「延遲5秒傳送」,再於下一個模組的第一則訊息放入「自動偵測玩家身分中……67%」,增加偵測進度的真實感。
而在這兩個模組之間可以直接使用最下面右邊「前往模組」的功能,將訊息發送串連一起,它便會依照模組及訊息順序接續發送。

快速回覆

大家可以特別注意到上上張圖片最下方有個按鈕「輸入遊戲帳號密碼」,擺明了就是要你按 😏
這是快速回覆功能,可在後台直接設定好按鈕內容,用戶只要按下這個按鈕,就會前往腳本中下一個模組。
(在上張圖中的左邊。左邊是快速回覆,右邊是前往模組)

登入遊戲後進入歡迎頁面、用按鈕選項的方式選擇身分。

之後開始分支,痛苦的開端 😄 😄……

音訊功能

選擇完身分後便開始進入劇情,這裡用戶接到了朋友的電話,接著遇到同事搭話。
電話內容我們使用錄音的方式製作,但在BotBonnie並不支援youtube等串流平台,因此音訊及影像需要放入dropbox再更改分享網址才能讓它正常運作唷!
詳細做可以看邦妮的線上教學手冊
同事搭話則是一則圖像訊息+一則文字訊息。

Tip : 如果是用真人NPC,表情 務必和 文字情緒 對上啊啊啊啊

輪播訊息

我自己覺得最可愛的地方 XDD 選擇同事過節啦!
這裡使用輪播訊息強大的圖片+文字+按鈕超連結,並且在描述上加入遊戲長度方便用戶衡量,只是不曉得有多少人注意到

在遊戲中也可放入支線,讓用戶在突發狀況下做出選擇,增加遊戲趣味性

一鍵分享功能

這裡必須要大大大大大誇讚BotBonnie讓免費版用戶也能使用一鍵分享功能,這會大提升用戶在遊戲後進行轉發的意願,像我這種懶人,以前玩完了,除了圖片特別可愛或是抽獎的獎品很吸引我,我都不會主動轉發。

那為什麼現在會呢?

因為身為PM,架設Chatbot很累,拜託大家好好玩。
從此開始捧場大家的各種 marketing campaign XDDD

BotBonnie的一鍵分享功能完全解決了這個困擾,讓懶人只要按一下就好,我們也能在後台設定轉發後看到的圖片、文字、點入能導流至哪裡、甚至連hashtag都能有!

請各位掌聲鼓勵

偉哉邦妮的工程師們!

在最後,我們有設定一個快速回覆「我要結局彩蛋」,吸引玩家點入,點入後會出現的是我們團隊的理念。

最下方被遮住的選項內容為「我的禮物呢?」,但其實不論選擇哪個,都會出現最後的大禮物

導流工具-短網址

最後,不同於上次使用留言觸發,這次使用短網址開啟對話,為了能夠更有效留住粉專的過客,同時也降低開始遊玩門檻。


其實看到這裡的你們,應該不難明白,利用Chatbot製作一個RPG其實就是由「創意使用功能、構想合乎邏輯的劇情、符合風格的主視覺」三者構成的,看似基本的功能其實擁有遠超出想像的使用方式,雖然這次做完有點累,可能因為很複雜、反覆修正很多次,又常常在半夜架設,然後成效也不好,不過還是沒有讓我對 Chatbot 的熱忱減少!

連續兩個案例失敗其實很挫折,但收穫的價值遠大於這些負面感受。

希望這系列文章對你有幫助,
如果你還沒有開始利用 Chatbot 幫助你經營粉專、與用戶對談,
別害怕!辛苦總會換來成就感的!

自己給自己好評也可以


謝謝你耐心看完了文章!
如果你喜歡我的文章,且覺得還能夠更好,請依照喜歡程度拍手1~6下!
如果你喜歡我的文章,且希望能夠再看到類似主題,請依照喜歡程度拍手7~9下!
如果你想更瞭解我,想看到更多元的文章類型,請拍手10下以上 🤣

🍫吃飽飽🍫

如果你喜歡她的文章,歡迎回到她的Medium看更多: )

學程式助教

Recent Posts

三個你不能錯過的教學資訊

疫情之下,原本實體活動全都改成線上,活動分享全都在網路上很容易錯過,這邊整理了幾個跟數位教學相關的活動資訊給大家參考,分享順序為活動時間⏰ 1. Google Workspace技術整合術 Google Workspace for Education (原 G Suite 教育版) 能透過 Gmail、Google Drive、Google Calender、Google Meet 和 Classroom 等通訊與協作應用程式創造輕鬆與順暢的學習環境,並促進協同合作以提升數位學習與教學成效,而且還會為學校資料提供雲端安全性防護…

3 years ago

線上教學沒有臨場感?Gather來幫你解決

實體的教室變成一格一格的畫面,原本吵雜的下課時間也變成掛斷通話的系統聲。原本在班級中的歸屬感慢慢消失了,久而久之,孩子的對於學習,不再有群體的感覺,只是孤軍一人學習、複習、考試,甚至是畢業典禮都少了一份臨場感。因此,今天要和大家介紹一款現在在教育界還很少被提到的軟體-Gather。 Gather 如果你還不知道Gather,或是直覺的把Gather與虛擬會議室連結在一起,不妨先看看Gather裡的特色: 介面是像素型RPG 每個人自由創建一個角色 上下左右輕易控制角色 走道其他角色旁邊能互相討論 小遊戲battle 光是這五點特色,就足以推派它成為遠距教學的工具,除了打造不同空間的地圖外,最特別的是Gahter打造前所未有的臨場感,人與人之間只有靠近到一定距離,才能聽到彼此說話聲音,而相對應的,離開後聲音就會漸漸聽不到,就連白噪音的設計也是如此,非常的逼真。 不知道老師們會不會因為搭建地圖覺得麻煩,或是看到2D介面怕學生當遊戲在玩而不考慮這款軟體,換個角度思考,藉由不同地區的老師們集思廣益,打造出最適合學生學習的環境,像是不同學科的教室、戶外自然生態區、操場、籃球場等等....都可以更貼近真實校園,而像素的介面正好提高學生的學習意願,老師們擔心學生過於沉迷時,也能用全體廣播放上課鐘聲,或是讓學生們聚集在同一區,鏡頭站起來動一動 (另外推薦Active Arcade -> 趣味運動的APP ),就像早操一樣很真實。 線上教學缺乏臨場感,Gather可以創造了讓大家「一起在一個遊戲世界」的凝聚力。縱使Google Meet、Teams 雖然也可以進行討論,但若要每堂課要穿梭在不同會議間,節奏不流暢,使用Gather可以讓學生更自由地移動,相對應的老師也可以神出鬼沒地到處「旁聽」。 教孩子用科技解決問題,如果老師們也努力著示範給孩子看,創造出獨一無二的學習空間,相信對於孩子學習的歷程中,有莫大收穫。但到底怎麼開始使用?別擔心,這次快樂學程式邀請到Gahter界的大神 阿岳,要來和大家分享Gather的6大應用技巧,限名額唷~…

3 years ago

HTML入門系列:基本觀念介紹!

HTML入門&基本觀念介紹!         構成一個網頁,最重要的就是他的結構,而HTML就像是他的骨架,而CSS就是像是我們身體上的肌肉一般,而JS則像是人體的神經、血管般調整著我們身體、傳遞訊息,那麼HTML究竟是指哪些語法呢?   什麼是HTML?       HTML全文又稱為HyperText Markup language ,也就是所謂的超文本標記語言,是網頁構成的基本要素,換言之,網頁就是由一堆html所構成,透過瀏覽器,顯示文字、圖片、以及其他相關我們可以在網頁上看見的基本元素。而對於剛學程式的朋友來說,HTML有以下幾個重點: HTML的基本架構: HTML的基本觀念與優點1.容易學習-HTML的文檔製作非常簡單易懂﹐功能強大之餘還支持不同格式的文件鑲入。2.製作門檻低-HTML是文本﹐它需要瀏覽器的解釋。只要你學會了HTML﹐你就可以直接在Windows的記事本或寫字版上進行製作和編輯﹐當然你也可以用WPS來編寫﹐只要注意在存檔的時候用.htm或.html來做檔名就可以了3.有利於搜尋引擎理解你的內容,透過HTML所構成的頁面被稱作所謂的”靜態頁面”﹐而Google爬蟲會優先收錄靜態網頁﹐所以HTML對於Google來說就像是鯊魚聞到血腥味一樣﹐有利於吸引Google爬蟲。4.加快瀏覽速度-因為靜態網頁無需連接數據庫﹐因此比打開動態網頁的速度較快﹐對於消費者體驗來說有所幫助。5.網站更安全-因為HTML頁面不會受Asp相關漏洞所影響。 HTML的缺點與限制 1.太簡單﹐不能適應現在越來越發達的網路世界和應用的需要﹐比如手機﹑PDA﹑信息家電等都不能直接顯示HTML2.太龐大﹐由於HTML代碼不規范﹑臃腫﹐瀏覽器需要足夠智能和龐大才能夠正確顯示HTML。顯然在你的PDA上裝一個IE6是不可能的。空間不夠﹐運算也跟不上3.數據與表現混雜。這樣你的頁面要改變顯示﹐就必須重新制作HTML。對不同的網路設備顯示同樣的數據都需要制作不同的HTML4.只能對文本進行排版﹐而且HTML樣式使用標準文本標識﹐不能創建一些特殊效果 所以我該如何學習HTML? 有什麼比較快的方法嗎?       答案是沒有的﹐學習程式語言就像是學習廚藝一樣﹐只有透過不停的嘗試﹑嘗試和嘗試才能讓自己有所成長﹐並且慢慢強大。過程中你會一直遇上困難和失敗﹐但你在不斷解決困難的過程中能夠不斷發掘新的知識﹐從失敗中發才能不停的成長。無論你是學習那一種程式語言﹐都需要經歷困難和失敗才能讓自己更加強大﹐正所謂:不經一番寒徹骨,怎得梅花撲鼻香呢?對吧﹐我們能做的不是要找捷徑﹐而是透過不同的媒介和平台去不斷學習﹐那麼下面快樂學程式會為大家介紹一些很棒的程式教學網站﹐讓大家可以不斷提升自己。 1.w3schools.com- 語法練習的好地方這個網站是目前全球訪問量最大的網頁開發教程網站﹐網站裡有多種程式語言的教學﹐而且每種程式語言由淺到深的解說﹐從語言的介紹到不同的功能和方法都會分章節說明。所以無論你是從零開始學的白紙﹐還是已經在學習但遇到困難的新手都可以在這個網站上找到相關資訊﹐是個非常不錯的網站。那麼網址我們當然要雙手奉上﹐請慢用https://www.w3schools.com/ 2.CodeAcademy- 免費的教學網站這是全球其中一個最受歡迎的免費coding教學網站﹐已經有超過2400萬人透過這個網站學習到了如何去coding。這個網站是非常適合新手入門的同學去學習的﹐網站會一步一步仔細的教導而且還有實作﹐所以學習起來非常的快速! 3.StackOverflow- 實際案例與疑難雜症的解決處  這個網站比較適合一些已經有在嘗試動手實作的同學﹐當你在coding的時候遇上困難了﹐那麼你可以在這個可以解決超過80種程式語言問題的網站上找到答案﹐讓你的coding之路更加順暢。  如果你覺得爬網站麻煩又費時,不妨直接點擊快樂學程式的網頁前端課程,老師直接手把手帶你入門HTML !完整的基礎入門課程省下你獨自摸索花費的時間!   課程上架Udemy ! 準備一個輕鬆的週末,只要一天的時間,帶你建置靜態網頁。從實作中打開靜態網頁的大門,讓你的研究之路不是只有自己,有我們跟你一起努力!課程中你可以瞭解網站建置的世界觀與網站版型掌握HTML5的使用方式掌握 CSS3的使用方式使用Bootstrap處理前端UI框架現在開始上課!如果你的入門還在單打獨鬥,歡迎來到快樂學程式找到志同道合的夥伴,你的自學之路不孤單。快樂學程式

3 years ago

HTML語法整理! 3分鐘快速弄懂常用語法!

什麼是HTML?         HTML全名是HyperText Markup Language,是一種描述超文件的註記語言SGML(Standard Generalized Markup Language)所制訂出的一種網頁語言,是編寫網頁的基本語言,基本上現行的瀏覽器都可以讀取HTML,使用HTML可以編輯設計出網頁,也可以在網頁中加入所有HTML語言可支援的方式,例如表格、表單、圖片、文字、連結、程式等等。 HTML介紹與基本語法整理   不管你是小時候從撰寫無名小站為了要修改你的樣式,而開始瞭解HTML和CSS為何物,或是長大因為介面設計或前端工程開始踏入網頁的世界。HTML和CSS對於網站的重要性經過多年依然歷久不衰。在本篇會對HTML進行基礎的介紹並幫你整理出基本語法提供你在寫網頁時的快速參考!   編寫基本的HTML: 先讓大家看一下一個基本的HTML文件格式為: <HTML> <HEAD> <TITLE>網頁主題</TITLE> <Meta> </HEAD> <BODY>…

3 years ago

PHP是什麼?3分鐘PHP基本介紹!

PHP是什麼?3分鐘PHP基本介紹!       大家安安﹐快樂學程式這一次要跟大家分享PHP這種程式語言。希望幫助對於PHP有興趣的新手們可以透過我們的文章對這種語言有初步認識。一如以往﹐我們會分享以下幾項有關PHP的知識。 PHP是什麼?       PHP語言的全名是(PHP: Hypertext Preprocessor),和ASP、JSP等都是動態網頁開發語言,不過,PHP擁有跨平台的能力,無論是在Linux(最適合)、Unix、 Windows都可以執行運作,不像微軟 的ASP只能在Windows平台上執行,而且PHP是免費的,並可結合多種資料庫伺服器,如:MySQL、PostgreSQL、dBase、mSQL、Informix、ODBC、Oracle等。      PHP語言是伺服器端(Server)執行的網頁,不像一般HTML網頁,只要單機下開啟檔案就可以檢視網頁,PHP必須先在伺服器端執行完後,再將結果傳至使用者端(Client)的瀏覽器中檢視結果,所以必須使用網站伺 服器,且伺服器要支援PHP。 如何學好PHP?       要學好PHP,要有目的,要有一個想寫的東西,寫個學校網站,寫個校友系統,寫個簡單的新聞區或相簿...等,都可以,盡可能的和工作和生活結合,利用程式來簡化繁瑣的人工步驟,或者提昇工作效率,有目標,才會有動力,才會有想法。      學PHP不需要背,背不完的,只要懂就好了。像函數就不用背,常用的打久了你就背起來了,不常用的,等到要用時,知道去哪裡找就好。換言之,函數懂越多,功力越高強。      程式碼可以複製貼上,但一定要知道為什麼要這麼寫,不要傻傻的照著打,可以的話,自己打一遍最好,最上乘就是可以說出每一行程式碼的作用和前因後果。或者,故意打錯,看看會怎樣。錯誤訊息看久了,功力也就提昇了。 PHP程式碼執行方式 透過 Web Server 方式:例如利用 Apache…

3 years ago

PHP是什麼?基本介紹與語法整理

Sildenafil citrate oral jelly Combiné avec les données de départs 2, on leur a demandé de type 5 de tadalafil…

3 years ago