互動有聲童話故事app互動有聲童話故事 app 彭子齊 (101013003) 劉兆清 (101013007)...

10
互動有聲童話故事 APP 彭子齊(101013003) 劉兆清(101013007) 劉力碩(101013010) 陳育生(101013022) 指導教授:陳兆南、陳永欽 教授

Upload: others

Post on 07-Aug-2020

5 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 互動有聲童話故事APP互動有聲童話故事 APP 彭子齊 (101013003) 劉兆清 (101013007) 劉力碩 (101013010) 陳育生 (101013022) 指導教授:陳兆南、陳永欽教授

互動有聲童話故事APP

彭子齊(101013003)劉兆清(101013007)劉力碩(101013010)陳育生(101013022)

指導教授:陳兆南、陳永欽 教授

Page 2: 互動有聲童話故事APP互動有聲童話故事 APP 彭子齊 (101013003) 劉兆清 (101013007) 劉力碩 (101013010) 陳育生 (101013022) 指導教授:陳兆南、陳永欽教授

摘要本專題使用Corona SDK來開發出一套適合小孩子的電子書,但它不是普通的電子書,而是一套加入「互動」、「聲音」、「畫面表現」的電子書,再畫面呈現的部分我們則是結合了RPG遊戲元素,從主畫面的設計到對話框設計等都加入了類似的概念。另外我們也在其中加入了「中英文即時切換」功能,讓讀者能夠輕鬆學英文。

小孩子,圖片來源:網路

Page 3: 互動有聲童話故事APP互動有聲童話故事 APP 彭子齊 (101013003) 劉兆清 (101013007) 劉力碩 (101013010) 陳育生 (101013022) 指導教授:陳兆南、陳永欽教授

動機因為科技的進步,使得現在每人人手至少都有一支

智慧型手機,而智慧型手機及行動網路的普及化使得電子書也越來越被大家接受,而目前市面上的電子書的呈現方式大多都是直接把文字跟圖片做數位化的處理,我們就想到說,如果把現有的電子書模式加上聲音及互動元素,那這樣呈現出來的作品應該會很有趣! 因為主要針對的族群是3~7歲的小朋友,所以我們在也加入了一些能讓讀者學習的元素在裡面,希望能讓使用者能在玩樂的過程中也能學習到知識。

Page 4: 互動有聲童話故事APP互動有聲童話故事 APP 彭子齊 (101013003) 劉兆清 (101013007) 劉力碩 (101013010) 陳育生 (101013022) 指導教授:陳兆南、陳永欽教授

製作流程Corona SDK(APP開發)

clip studio paint(美術設計)

Adobe After Effects

(影片製作)

MixCraft(聲音後製)

完成品

1.除角色美術和插圖之外的美術2.LOGO設計

1.遊戲開頭動畫製作2.遊戲預告製作

1.角色配音錄製2.聲線後製3.處理雜訊及留白去除

Page 5: 互動有聲童話故事APP互動有聲童話故事 APP 彭子齊 (101013003) 劉兆清 (101013007) 劉力碩 (101013010) 陳育生 (101013022) 指導教授:陳兆南、陳永欽教授

軟體介紹Corona SDK為兩位Adobe公司離職的資深工程師所撰寫。在2007年的時候成

立Corona Labs,並再2009年發布了Corona SDK 1.0,那時候的版本還沒有支援跨

平台開發,只能針對iPhone進行開發。直到了2010年發布了Corona SDK 2.0以及

Corona Game Edition Beta,開始支援跨平台開發。

Corona SDK 主畫面

Page 6: 互動有聲童話故事APP互動有聲童話故事 APP 彭子齊 (101013003) 劉兆清 (101013007) 劉力碩 (101013010) 陳育生 (101013022) 指導教授:陳兆南、陳永欽教授

軟體介紹Corona SDK使用的語言為「Lua」,Lua是一套輕量級的腳本語言,其語法相當

的簡單直覺,不但提供開發跨平台的手機應用程式的功能,Corona SDK也提供許多

的應用程式介面(API)給開發者使用,讓開發者可以利用語法的呼叫,呼叫自己想

要的功能,還有Corona SDK也提供許多簡單的動畫還有模擬器的功能,讓使用者撰

寫及編譯好語法就可以即時觀看你開發的手機應用程式(APP)在手機上運行的樣子。

Page 7: 互動有聲童話故事APP互動有聲童話故事 APP 彭子齊 (101013003) 劉兆清 (101013007) 劉力碩 (101013010) 陳育生 (101013022) 指導教授:陳兆南、陳永欽教授

美術畫面

美術設計奶奶家(作者:魔豆)

大野狼插圖(作者:魔豆)

Page 8: 互動有聲童話故事APP互動有聲童話故事 APP 彭子齊 (101013003) 劉兆清 (101013007) 劉力碩 (101013010) 陳育生 (101013022) 指導教授:陳兆南、陳永欽教授

美術畫面

角色設定大野狼

角色設定小紅帽

Page 9: 互動有聲童話故事APP互動有聲童話故事 APP 彭子齊 (101013003) 劉兆清 (101013007) 劉力碩 (101013010) 陳育生 (101013022) 指導教授:陳兆南、陳永欽教授

預覽畫面

功能:章節選擇

互動功能:選擇適合的花語

Page 10: 互動有聲童話故事APP互動有聲童話故事 APP 彭子齊 (101013003) 劉兆清 (101013007) 劉力碩 (101013010) 陳育生 (101013022) 指導教授:陳兆南、陳永欽教授

Q&A感謝各位的聆聽