alice tutorial 2
DESCRIPTION
ALICE tutorial 2. 這個 Tutorial 中會帶領你讓 Alice 中的 World 還有其中的物件做新事情. 從一個關於兔子的小故事開始,他的午睡被一個手機鈴聲打斷, 在這個 tutorial 裡面 , 我們會加入新的 methods. 首先,先按下 PLAY 看看已經設定好的動畫. 兔子因為被手機鈴聲吵醒而相當不滿,我們試著讓兔子跳到手機上並且把它壓扁. 首先我們把注意力放在 World 的 Detail 處. 這個 world 中沒有一個稱為 "bunny squashes phone" 的 method. 讓我們加一個新的進去. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/1.jpg)
ALICE tutorial 2
![Page 2: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/2.jpg)
這個 Tutorial中會帶領你讓 Alice中的World還有其中的物件做新事情
![Page 3: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/3.jpg)
從一個關於兔子的小故事開始,他的午睡被一個手機鈴聲打斷,在這個 tutorial裡面 ,我們會加入新的methods.
![Page 4: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/4.jpg)
首先,先按下 PLAY看看已經設定好的動畫
![Page 5: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/5.jpg)
兔子因為被手機鈴聲吵醒而相當不滿,我們試著讓兔子跳到手機上並且把它壓扁
![Page 6: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/6.jpg)
首先我們把注意力放在World 的 Detail處
![Page 7: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/7.jpg)
這個 world中沒有一個稱為 "bunny squashes phone" 的 method. 讓我們加一個新的進去
![Page 8: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/8.jpg)
請按下 Detail處的 create new method鈕
![Page 9: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/9.jpg)
請在彈出的視窗中輸入新method的名稱,這裡設定成” bunny squashes phone”
![Page 10: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/10.jpg)
可以看見新的method出現在 Detail處了
![Page 11: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/11.jpg)
Alice開啟了一個新的 Editor來讓你設定method中的動作
![Page 12: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/12.jpg)
我們要 bunny把手機摔爛,我們來看看 bunny目前知道些甚麼
![Page 13: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/13.jpg)
點選 Object tree中的 bunny
![Page 14: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/14.jpg)
Detail欄位秀出了 bunny可以使用的動作,不過就目前看起來,當中沒有任何可以讓 bunny 跳來跳去的method
![Page 15: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/15.jpg)
通常 alice中的物件沒有辦法隨心所欲的動來動去,但是你可以運用一些簡單的動畫去教他們怎麼動。
![Page 16: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/16.jpg)
現在我們要試著讓 bunny跳上跳下來砸爛手機
![Page 17: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/17.jpg)
從左邊的 Detail處拖移“ bunny move” 到 Editor中,選擇 up以及1meter
![Page 18: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/18.jpg)
可以看見 Editor中出現了這個method tile告訴我們,兔子會跳起來一公尺。
![Page 19: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/19.jpg)
從左邊的 Detail處拖移“ bunny move” 到 Editor中,選擇 down以及 1meter
![Page 20: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/20.jpg)
可以看見 Editor中,兔子跳上跳下一公尺
![Page 21: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/21.jpg)
現在,讓我們加入這個method "World.bunny squashes phone"到我們的故事裡
![Page 22: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/22.jpg)
按下“ World.defending naptime” 這個 label
![Page 23: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/23.jpg)
Editor中可以看到main story
![Page 24: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/24.jpg)
Object tree中點選 world label
![Page 25: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/25.jpg)
可以看到現在 Detail欄這邊放得是 world's method
![Page 26: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/26.jpg)
從 Detail處把 bunny squashes phone 拖移到 Editor中
![Page 27: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/27.jpg)
按下 PLAY來看看目前的動畫,發現 bunny真的多了跳上跳下的動作。
![Page 28: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/28.jpg)
從動畫中可以看出,跳上跳下的速度太慢了,所以現在來做調整
![Page 29: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/29.jpg)
點選 Editor 上 World.bunny squashes phone這個 label
![Page 30: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/30.jpg)
Editor中出現 world.bunny squashes the phone的可編輯部份
![Page 31: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/31.jpg)
一般來說,所有的動作都是在一秒鐘的長度下完成,我們可以做些更改
![Page 32: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/32.jpg)
選擇more,會看見有 duration選項,選擇 0.25 ,表示此動作會在0.25秒內完成
![Page 33: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/33.jpg)
可以看出 duration=25
![Page 34: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/34.jpg)
對 down也做一樣的改變
![Page 35: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/35.jpg)
可以看出都變成 0.25秒內完成動作了
![Page 36: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/36.jpg)
跑一次動畫看看是否已有改變
![Page 37: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/37.jpg)
現在來把手機砸毀吧
![Page 38: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/38.jpg)
Object tree上點選 Cellphone,看看它的 Detail
![Page 39: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/39.jpg)
可以從 Detail處看見 Cellphone擁有哪些methods
![Page 40: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/40.jpg)
將“ squash”這個method拖移到 editor 把它放在 down 1 meter下面
![Page 41: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/41.jpg)
跑一次動畫來看看是否 bunny砸毀了這支手機
![Page 42: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/42.jpg)
讓我們再加入一些methods 到 main story中吧
![Page 43: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/43.jpg)
點選World defending naptime story這個 label
![Page 44: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/44.jpg)
可以在 Editor看到main story所有的動作
![Page 45: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/45.jpg)
我們在Main story中需要更多的methods
![Page 46: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/46.jpg)
在 Object tree中點選World
![Page 47: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/47.jpg)
可以在 Detail處看見所有可運用的methods
![Page 48: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/48.jpg)
拖移 "bunny shrug and hop away" 到 Editor
![Page 49: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/49.jpg)
拖移 " show end screen " 到 Editor
![Page 50: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/50.jpg)
跑一次動畫來看看我們加入的methods
![Page 51: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/51.jpg)
故事現在很不錯了,但是當 bunny發出 shhhhhh~的時候,如果bunny不動的話看起來很奇怪,來做些修改吧
![Page 52: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/52.jpg)
開啟 "bunny shushes the phone"這個method.
![Page 53: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/53.jpg)
點選旁邊的 edit 鈕 .
![Page 54: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/54.jpg)
Alice 在 Editor處開啟了 "world.bunny shushes the phone"
![Page 55: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/55.jpg)
我們來讓 bunny舉起他的手並且讓 shush sign在說 shhhh之前發生。
![Page 56: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/56.jpg)
Object tree中去點選 bunny左邊的加號,可以看見 bunny身上其他部分可以實行的動作。
![Page 57: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/57.jpg)
發現 body是第一個 subpart,繼續點選 body的加號,看看他有甚麼subpart
![Page 58: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/58.jpg)
發現有個 subpart 叫 chest,並且繼續點選加號看看還有甚麼可以選
![Page 59: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/59.jpg)
發現分別有 armR 及 armL的選項,這分別代表了 bunny的左手及右手,首先我們選擇 bunny的右手
![Page 60: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/60.jpg)
可以在 Detail區看見 armR可以運用的methods
![Page 61: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/61.jpg)
拖移 armR 到 Cellphone.ring 及 bunny shhhh中間,並且選擇 backward以及 1/4
![Page 62: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/62.jpg)
拖移 armL 到 bunny shhhh下方,並且選擇 forward以及 1/4
![Page 63: ALICE tutorial 2](https://reader031.vdocuments.site/reader031/viewer/2022020921/5681513a550346895dbf5231/html5/thumbnails/63.jpg)
跑一次動畫來看看現在的結果,是否大功告成了呢?