#1 Choose Your Own Adventure 開發一個互動式多重結局Storyboard 電子書 App

今天要使用Xcode storyboard製作一個互動式多重結局Storyboard 電子書 App,搭配tab bar controller、table controller、navigation controller、view controller、segue來製作所有電子書版面,不需任何程式碼就可以完成擁有2個tab分頁與多個view的App!

首先,使用ChatGpt生成一個生動的故事。

接下來,繼續讓ChatGpt自動將故事基底做互動分層。

當然,AI絕對不是完美的,我嘗試了很多次,就是沒辦法把故事順利分成四層,而且也不是很滿意生成的內容(囧),所以只好把故事人工做重新刪減編排。

故事完成之後,針對每一個分層劇情內容,使用Stable Diffusion XL來生成圖片,這是一個超好用的免費圖片生成網站,生成的圖片是1024×1024,一個指令可生成四張圖片挑選,但請記得先將指令翻成英文。

例如,想要一張具有奇幻風格的可愛小水豚的冒險圖片,可直接輸入 “adventure of a little cute Capybara (fantacy style)”,就生成如下圖的圖片,如果生成的圖片不滿意可以多生成幾次或修改描述。

這張圖片理所當然就變成我的App縮圖啦~記得到Assets設定APP ICON!

接下來,使用tab bar controller、table controller、navigation controller、view controller、segue,來製作每一層故事的版面,和分層頁面與按鈕的串接。

這是第一個Tab分頁~~

這是第二個Tab分頁~~

最後,將全部劇情的按鈕與頁面串接就完成了一個互動故事APP啦~

一起來看看最後的APP動態成果吧~~

--

--