《多媒體軟件開(kāi)發(fā)》課件第14章

第14章Authorware7.0項(xiàng)目制作

14.1“活水公園”科普教育課件

14.2“三圣花鄉(xiāng)”多媒體展示系統(tǒng)

14.1“活水公園”科普教育課件14.1.1項(xiàng)目介紹本課件是為活水公園制作的一個(gè)科普教育課件，其主題是“我們周?chē)卸嗌偎保饕褂脤?duì)象為中小學(xué)生。制作本課件的目的是讓學(xué)生在游覽活水公園的同時(shí)，通過(guò)該課件了解周?chē)Ｒ?jiàn)植物和動(dòng)物的含水量，從而養(yǎng)成節(jié)約用水、保護(hù)環(huán)境的良好習(xí)慣。該課件由四個(gè)部分構(gòu)成：蔬菜瓜果含有多少水、地球表面水占有多少、人體內(nèi)含有多少水和動(dòng)物體內(nèi)含有多少水。

14.1.2界面欣賞

由于本課件的主要使用對(duì)象是中小學(xué)生，因此，界面的制作風(fēng)格顯得比較卡通。下面給出部分界面(本課件的所有界面的大小都是1024×768)。

圖14-1是主界面。其中有四個(gè)隱含的按鈕，分別是“蔬菜瓜果含有多少水”、“地球表面水占有多少”、“人體內(nèi)含有多少水”和“動(dòng)物體內(nèi)含有多少水”。本圖是將鼠標(biāo)移至左上角的“蔬菜瓜果含有多少水”按鈕上時(shí)的情況。

圖14-1圖14-2是點(diǎn)擊“蔬菜瓜果含有多少水”按鈕后出現(xiàn)的二級(jí)界面之一，也就是“問(wèn)題一”界面。在屏幕下方有四個(gè)上下跳動(dòng)的百分比數(shù)字，要求用戶(hù)點(diǎn)擊正確的數(shù)字。如果選擇錯(cuò)誤，則屏幕上會(huì)給出“你答錯(cuò)了！”的提示，同時(shí)，左上方的小孩會(huì)大哭起來(lái)；如果選擇正確，則屏幕上會(huì)給出“你答對(duì)了！”的提示，同時(shí)，屏幕上會(huì)有一個(gè)小天使飛過(guò)。單擊“返回”，可使程序回到主界面；單擊“下一個(gè)問(wèn)題”，則進(jìn)入“問(wèn)題二”界面。

圖14-2圖14-3就是“蔬菜瓜果含有多少水”中的“問(wèn)題二”的界面。屏幕上列出了5種常見(jiàn)的水果，要求用戶(hù)把每一種水果正確的含水量的數(shù)字拖到小方框內(nèi)。如果選擇正確，則拖動(dòng)的數(shù)字會(huì)穩(wěn)穩(wěn)地落在那個(gè)小方框內(nèi)，同時(shí)，小方框旁邊會(huì)出現(xiàn)一個(gè)紅色的對(duì)鉤符號(hào)；如果選擇錯(cuò)誤，則選擇的數(shù)字會(huì)自動(dòng)回到原位，以便繼續(xù)選擇其它的數(shù)字。單擊“上一個(gè)問(wèn)題”，可回到“問(wèn)題一”界面；單擊“返回”，可回到主界面。圖14-3圖14-4是點(diǎn)擊按鈕“地球表面水占有多少”后的二級(jí)界面。在該界面中，用戶(hù)的操作分成三步。第一步是用吸管(也就是當(dāng)前的光標(biāo))點(diǎn)擊屏幕中的地球。第二步是用吸管點(diǎn)一下右邊的空杯，則地球表面的正確的含水量就會(huì)在右邊顯示出來(lái)。其中右邊的第一個(gè)杯子中會(huì)出現(xiàn)一定的水，它和第二個(gè)杯子形成一個(gè)比例關(guān)系。第三步就是用吸管點(diǎn)擊下面的四個(gè)杯子之一以選擇正確的地球表面可被人類(lèi)利用的水的百分比。屏幕左下方有一個(gè)計(jì)時(shí)的小鬧鐘，如果在規(guī)定的時(shí)間內(nèi)沒(méi)有答對(duì)題目，或者是答對(duì)了題目，但沒(méi)有進(jìn)行下一步操作，系統(tǒng)會(huì)自動(dòng)返回到該題目的最開(kāi)始，以便其他人來(lái)繼續(xù)答題。單擊右上角的“返回”，可回到主界面。

圖14-4圖14-5是點(diǎn)擊“人體內(nèi)含有多少水”按鈕后進(jìn)入的二級(jí)界面。在此圖中，拖動(dòng)下面的小滑塊以選擇用戶(hù)認(rèn)為正確的含水比例，釋放滑塊后，人體會(huì)被相應(yīng)比例的水充滿(mǎn)。當(dāng)拖動(dòng)滑塊到正確的含水量百分比區(qū)域后，屏幕上會(huì)顯示“你答對(duì)了！”的提示。點(diǎn)擊右上角的“返回”，可回到主界面。

圖14-5圖14-6是點(diǎn)擊“動(dòng)物體內(nèi)含有多少水”按鈕后進(jìn)入的二級(jí)界面。在此界面中，有5種含水量不同的動(dòng)物。系統(tǒng)會(huì)定時(shí)出現(xiàn)問(wèn)題，就是不同的含水量百分比。當(dāng)出現(xiàn)某個(gè)含水量百分比時(shí)，用戶(hù)可點(diǎn)擊自己認(rèn)為正確的動(dòng)物。如果回答正確，則出現(xiàn)“恭喜你，答對(duì)了！！”的提示；如果回答不正確，則出現(xiàn)“你答錯(cuò)了！”的提示。如果在規(guī)定的時(shí)間內(nèi)沒(méi)有回答問(wèn)題，則系統(tǒng)會(huì)自動(dòng)跳到下一個(gè)含水量百分比的問(wèn)題；如果在規(guī)定的時(shí)間內(nèi)答錯(cuò)了，則可繼續(xù)回答；如果答對(duì)了，則直接跳到下一個(gè)含水量百分比的問(wèn)題。單擊左下角的“返回”，可回到主界面。

圖14-614.1.3制作過(guò)程

本項(xiàng)目的程序結(jié)構(gòu)框圖如圖14-7所示。

圖14-7

1．程序流程

(1)主界面的程序流程如圖14-8所示。

(2)進(jìn)入“蔬菜瓜果”后的程序流程如圖14-9所示，其中交互響應(yīng)里還有一個(gè)“返回”熱區(qū)響應(yīng)沒(méi)有顯示出來(lái)。

圖14-8圖14-9進(jìn)入“70%”熱對(duì)象后的程序流程如圖14-10所示。進(jìn)入“75%”熱對(duì)象、進(jìn)入“85%”熱對(duì)象后的程序流程和進(jìn)入“70%”熱對(duì)象后的程序流程類(lèi)似。進(jìn)入“95%”熱對(duì)象后的程序流程如圖14-11所示。

圖14-10圖14-11進(jìn)入“進(jìn)入問(wèn)題二”熱區(qū)后的程序流程如圖14-12所示。由于交互響應(yīng)下的圖標(biāo)較多，因此，本圖片進(jìn)行了適當(dāng)處理，把所有的交互圖標(biāo)都列出來(lái)了。

圖14-12進(jìn)入“87%”和“87%_”后的程序流程如圖14-13所示。后面的“70%”、“5%”、“95%”、“97%”內(nèi)的程序流程跟“87%”里的程序流程相同(由于有程序跳轉(zhuǎn)的原因，部分圖標(biāo)的命名有差異)；后面的“70_%”、“5_%”、“95_%”、“97_%”內(nèi)的程序流程跟“87_%”里的程序流程相同(由于有程序跳轉(zhuǎn)的原因，部分圖標(biāo)的命名有差異)。

圖14-13

(3)進(jìn)入“地球”后的程序流程如圖14-14所示。其下級(jí)程序流程如圖14-15所示。

(4)進(jìn)入“動(dòng)物”后的程序流程如圖14-16所示，其中也包含了其下級(jí)程序流程。雖然圖中只顯示了“95%”下面的內(nèi)容，但實(shí)際上，另外幾個(gè)圖標(biāo)中的程序結(jié)果都是一樣的。所不同的是，其中的正確答案不一樣。

圖14-14圖14-15圖14-16

(5)進(jìn)入“人體”后的程序流程如圖14-17所示，其中也包含了其下級(jí)程序流程。

圖14-17

2．詳細(xì)內(nèi)容

1)主界面

(1)在“主界面”顯示圖標(biāo)里導(dǎo)入制作好的主界面圖片。

(2)“主程序開(kāi)始”交互里的4個(gè)按鈕都是自定義按鈕，需要單獨(dú)制作，如圖14-18所示。

圖14-18

2)蔬菜瓜果

(1)在“按鈕聲音”里導(dǎo)入聲音文件，并設(shè)置“播放次數(shù)”為“1”次，“執(zhí)行方式”為“等待直到完成”。

(2)在“問(wèn)題一界面”顯示圖標(biāo)里導(dǎo)入問(wèn)題一主界面。

(3)依次導(dǎo)入各個(gè)Flash動(dòng)畫(huà)，并參照界面圖里的效果安排它們的位置。

(4)在“選擇百分比”里，有4個(gè)熱對(duì)象，分別指向前面導(dǎo)入的4個(gè)百分比Flash動(dòng)畫(huà)。進(jìn)入“70%”后，“按鈕聲音”里還是導(dǎo)入前面用過(guò)的聲音文件；在“選擇錯(cuò)誤的聲音”圖標(biāo)里再導(dǎo)入另外一個(gè)提示錯(cuò)誤的聲音文件；在“錯(cuò)誤提示”顯示圖標(biāo)里輸入“你答錯(cuò)了！”；在“擦除”圖標(biāo)里擦掉圖標(biāo)“Flash_哭泣的小孩”、“錯(cuò)誤提示”、“拿筆的小孩”；其它幾個(gè)圖標(biāo)的命名都已經(jīng)很清楚了，按照提示完成即可。

(5)“75%”、“85%”里的內(nèi)容和“70%”里的內(nèi)容完全一樣。

(6)進(jìn)入“95%”后，也就是選擇正確答案后，會(huì)出現(xiàn)一顆彩色的白菜，即顯示圖標(biāo)“彩色的大白菜”里的內(nèi)容。同時(shí)，屏幕上會(huì)有一個(gè)小天使(Flash動(dòng)畫(huà))從右邊飛到左邊，這個(gè)效果是利用移動(dòng)圖標(biāo)“移動(dòng)小天使”來(lái)完成的。移動(dòng)圖標(biāo)的屬性可參考圖14-19。在“正確提示”顯示圖標(biāo)里輸入紅色的“你答對(duì)了！”的提示。在“返回”計(jì)算圖標(biāo)中輸入以下代碼：

GoTo(IconID@"進(jìn)入問(wèn)題二")圖14-19

(7)在“返回”熱區(qū)的下掛計(jì)算圖標(biāo)中輸入以下代碼：

GoTo(IconID@"主界面")

(8)進(jìn)入“進(jìn)入問(wèn)題二”后，首先要擦掉前面的“Flash_娃娃”圖標(biāo)，然后在“問(wèn)題二界面”里導(dǎo)入問(wèn)題二的主界面。為了防止在制作程序時(shí)不小心拖動(dòng)了主界面，應(yīng)在“問(wèn)題二界面”的附屬計(jì)算圖標(biāo)中輸入以下代碼：

Movable@"問(wèn)題二界面":=0

(9)在“參數(shù)初始化”計(jì)算圖標(biāo)中輸入以下代碼：

n87:=0

n70:=0

n5:=0

n95:=0

n97:=0

Movable@"Flash__87%":=1

Movable@"Flash__70%":=1

Movable@"Flash__5%":=1

Movable@"Flash__95%":=1

Movable@"Flash__97%":=1

(10)依次導(dǎo)入幾個(gè)Flash動(dòng)畫(huà)文件，并按照效果圖排列好它們的位置。

(11)有10個(gè)目標(biāo)區(qū)交互響應(yīng)，用于判斷用戶(hù)是否把正確的百分比數(shù)字拖動(dòng)到了指定的區(qū)域。整個(gè)目標(biāo)區(qū)的區(qū)域設(shè)置可參考圖14-20。其中有5個(gè)目標(biāo)區(qū)對(duì)應(yīng)于5個(gè)問(wèn)號(hào)所在的區(qū)域，另外5個(gè)目標(biāo)區(qū)對(duì)應(yīng)于整個(gè)界面所在的范圍。當(dāng)然，也可用一個(gè)目標(biāo)區(qū)，勾選其屬性面板中的“允許任何對(duì)象”。目標(biāo)區(qū)響應(yīng)的屬性設(shè)置可參考圖14-21。對(duì)于其中的5個(gè)正確的響應(yīng)區(qū)域，在“放下”選項(xiàng)里選擇“在中心定位”；而對(duì)于其中的5個(gè)錯(cuò)誤的響應(yīng)區(qū)域，在“放下”選項(xiàng)里選擇“返回”。進(jìn)入“87%”后，在“顯示對(duì)勾”顯示圖標(biāo)中導(dǎo)入一個(gè)紅色的對(duì)鉤符號(hào)，位置就在問(wèn)號(hào)區(qū)域的左邊。在“判斷是否全部答對(duì)了”計(jì)算圖標(biāo)中輸入以下代碼：

Movable@"Flash__87%":=0

n87:=1

ifn87=1&n70=1&n5=1&n95=1&n97=1then

GoTo(IconID@"全部答對(duì)了")

else

GoTo(IconID@"null2")

endif圖14-20圖14-21

(12)在“返回”熱區(qū)響應(yīng)的下掛計(jì)算圖標(biāo)中輸入以下代碼：

Movable@“Flash__87%”:=1

Movable@“Flash__70%”:=1

Movable@“Flash__5%”:=1

Movable@“Flash__95%”:=1

Movable@“Flash__97%”:=1

GoTo(IconID@“主界面”)

(13)在“上一個(gè)”問(wèn)題熱區(qū)響應(yīng)的下掛計(jì)算圖標(biāo)中輸入以下代碼：

GoTo(IconID@"蔬菜瓜果")

3)地球

(1)在“地球上的水主界面”顯示圖標(biāo)里導(dǎo)入制作好的二級(jí)界面。

(2)在“地球”顯示圖標(biāo)里導(dǎo)入一張地球的圖片，并放置到合適的位置。

(3)在“設(shè)置光標(biāo)樣式”計(jì)算圖標(biāo)中輸入以下代碼(先把圖標(biāo)文件mouse.ico放置到本程序所在文件夾下面)：

int:=set_anicur(WindowHandle,"mouse.ico")

SetCursor(int)

click:=0

click2:=0

(4)在“返回”熱區(qū)響應(yīng)的下掛計(jì)算圖標(biāo)中輸入以下代碼：

set_anicur(WindowHandle,"")

SetCursor(0)

click:=0

click2:=0

GoTo(IconID@"主界面")

(5)進(jìn)入“點(diǎn)擊水杯”。在“判斷操作順序”計(jì)算圖標(biāo)中輸入以下代碼：

ifclick=0then

GoTo(IconID@"提示信息")

else

GoTo(IconID@"顯示水杯中的水含量")

endif

在“提示信息”顯示圖標(biāo)中輸入以下內(nèi)容：

請(qǐng)按照1-2-3的順序操作

在“跳轉(zhuǎn)”計(jì)算圖標(biāo)中輸入以下代碼：

GoTo(IconID@"nu")在“顯示水杯中的水含量”顯示圖標(biāo)中導(dǎo)入制作好的裝有水的杯子的圖片。為了體現(xiàn)水逐漸上升的感覺(jué)，可在該圖標(biāo)的“特效”里設(shè)置“WipeUp”方式，如圖14-22所示。

在“click2=1”計(jì)算圖標(biāo)中輸入以下代碼：

click2:=1

在“顯示提示文字”顯示圖標(biāo)中輸入以下提示信息：

原來(lái)在地球表面水面積占70%

陸地占30%

“nu”計(jì)算圖標(biāo)也是一個(gè)空計(jì)算圖標(biāo)。

圖14-22

(6)在“點(diǎn)擊地球”熱區(qū)響應(yīng)的下掛計(jì)算圖標(biāo)中輸入以下代碼：

click:=1

(7)進(jìn)入“9.7%”。在“判斷點(diǎn)擊順序”計(jì)算圖標(biāo)中輸入以下代碼：

ifclick2=0then

GoTo(IconID@"提示點(diǎn)擊順序")

else

GoTo(IconID@"選擇錯(cuò)誤提示")

endif在“提示點(diǎn)擊順序”顯示圖標(biāo)中輸入以下內(nèi)容：

請(qǐng)按照1-2-3的順序操作

在“gotonu3”計(jì)算圖標(biāo)中輸入以下代碼：

GoTo(IconID@"nu3")

在“選擇錯(cuò)誤提示”里輸入文字“你答錯(cuò)了！”。

“nu3”是一個(gè)空計(jì)算圖標(biāo)。

其它三個(gè)百分比熱區(qū)響應(yīng)里的內(nèi)容與此內(nèi)容相似，請(qǐng)大家參照制作。

(8)“限時(shí)”設(shè)置為“30”秒，“中斷”選項(xiàng)設(shè)置為“繼續(xù)計(jì)時(shí)”，并勾選上“選項(xiàng)”里的“顯示剩余時(shí)間”。在“限時(shí)”響應(yīng)的下掛計(jì)算圖標(biāo)中輸入以下代碼：

set_anicur(WindowHandle,"")

SetCursor(0)

click:=0

click2:=0

GoTo(IconID@"地球上的水主界面")

4)動(dòng)物

(1)在“動(dòng)物含水量主界面”顯示圖標(biāo)中導(dǎo)入界面圖。

(2)在“參數(shù)設(shè)置”計(jì)算圖標(biāo)中輸入以下代碼：

s:=1

gotomain:=1

(3)“返回主界面”熱區(qū)響應(yīng)是一個(gè)永久響應(yīng)，同時(shí)，在它的“激活條件”里輸入“gotomain=1”，在它的下掛計(jì)算圖標(biāo)中輸入以下代碼：

gotomain:=0

GoTo(IconID@"主界面")

(4)“順序”分支結(jié)構(gòu)的設(shè)置如圖14-23所示。其中，在“重復(fù)”條件為“直到判斷值為真”里輸入的是“1=0”，這是一個(gè)不可能實(shí)現(xiàn)的條件，也就是說(shuō)，這個(gè)分支結(jié)構(gòu)會(huì)一直循環(huán)下去。

圖14-23

(5)進(jìn)入“95%”。在“95%_pic”里導(dǎo)入圖片。交互響應(yīng)里的“限時(shí)”設(shè)置成10秒，在其下掛計(jì)算圖標(biāo)中輸入以下代碼：

s:=s+1

GoTo(IconID@"順序")

其中，s+1代表進(jìn)入下一個(gè)分支，或者理解為進(jìn)入下一題。進(jìn)入“水母”熱區(qū)響應(yīng)，在“回答正確提示”里輸入“恭喜你，答對(duì)了??！”。在“s:=s+1”計(jì)算圖標(biāo)中輸入以下代碼：

s:=s+1

在“返回順序”計(jì)算圖標(biāo)中輸入以下代碼：

GoTo(IconID@"順序")

其它幾個(gè)熱區(qū)響應(yīng)里都只有一個(gè)顯示圖標(biāo)，在其中輸入“你答錯(cuò)了！”即可。

“順序”分支結(jié)構(gòu)里的其它幾個(gè)百分比數(shù)字里的內(nèi)容，與剛才所講的內(nèi)容基本一樣，請(qǐng)大家參照制作。

5)人體

(1)在“人體含水主界面”顯示圖標(biāo)中導(dǎo)入制作好的界面圖。

(2)在“hua=0”計(jì)算圖標(biāo)中輸入以下代碼：

hua=0

(3)在“滑塊”顯示圖標(biāo)中繪制或?qū)胍粋€(gè)自制的小滑塊圖。

(4)在“返回主界面”熱區(qū)響應(yīng)的下掛計(jì)算圖標(biāo)中輸入以下代碼：

GoTo(IconID@"主界面")

(5)將條件響應(yīng)“Dragging@"滑塊"=0”的“自動(dòng)”選項(xiàng)設(shè)置為“當(dāng)由假為真”。進(jìn)入該響應(yīng)后，在“判斷滑塊位置”計(jì)算圖標(biāo)中輸入以下代碼：

huax:=100-PositionX@"滑塊"

ifhuax>0then

hua:=1

endif

ifhuax>7then

hua:=2

endif

ifhuax>25.35then

hua:=3

endif

ifhuax>44then

hua:=4

endif

ifhuax>63then

hua:=5

endif

ifhuax>72then

hua:=5.5

endif

ifhuax>81then

hua:=6

endif

ifhua=1then

GoTo(IconID@"ren30")

endif

ifhua=2then

GoTo(IconID@"ren40")

endif

ifhua=3then

GoTo(IconID@"ren50")

endif

ifhua=4then

GoTo(IconID@"ren60")

endif

ifhua=5then

GoTo(IconID@"ren70")endif

ifhua=5.5then

GoTo(IconID@"ren71")

endif

ifhua=6then

GoTo(IconID@"ren80")

endif14.2“三圣花鄉(xiāng)”多媒體展示系統(tǒng)

14.2.1項(xiàng)目介紹

“三圣花鄉(xiāng)”多媒體展示系統(tǒng)全面地展示了錦江區(qū)推進(jìn)城鄉(xiāng)一體化建設(shè)的概況，系統(tǒng)分別介紹了三圣鄉(xiāng)的“五朵金花”——花鄉(xiāng)農(nóng)居、幸福梅林、江家菜地、東籬菊?qǐng)@、荷塘月色的概況。本展示系統(tǒng)配套有一個(gè)大型模型系統(tǒng)，通過(guò)多媒體系統(tǒng)連接單片機(jī)，并控制模型中的燈光，從而實(shí)現(xiàn)模型響應(yīng)和多媒體展示相聯(lián)動(dòng)，生動(dòng)、真實(shí)地展現(xiàn)了錦江區(qū)推進(jìn)城鄉(xiāng)一體化的建設(shè)成就。

14.2.2界面欣賞

本項(xiàng)目界面制作的目標(biāo)就是突出三圣花鄉(xiāng)的美，很多素材圖片都是實(shí)景拍攝的。為了讓界面具有動(dòng)態(tài)效果，主界面和二級(jí)界面都用FLASH來(lái)完成。整個(gè)界面中的主要文字都由中文、日文、韓文三種文字構(gòu)成。

圖14-24是主界面。其中有5個(gè)一級(jí)欄目：電子地圖、專(zhuān)題影片、三圣花鄉(xiāng)簡(jiǎn)介、三圣花鄉(xiāng)景區(qū)、大安橋產(chǎn)業(yè)區(qū)。由于展示大廳內(nèi)是使用觸摸屏來(lái)播放多媒體的，故在主界面里還有一個(gè)隱藏的退出熱區(qū)，并有密碼要求，便于管理員的管理。

圖14-24圖14-25是進(jìn)入“電子地圖”后的界面。其中凡是有“眼睛”圖標(biāo)的代表VR景點(diǎn)，可進(jìn)入查看景區(qū)的360度全景圖。右邊的“手動(dòng)模型控制區(qū)”用于控制模型中的燈光。點(diǎn)擊相應(yīng)的按鈕，可使模型中的對(duì)應(yīng)燈光點(diǎn)亮，每個(gè)按鈕之間是互鎖控制的，即打開(kāi)下一個(gè)點(diǎn)的燈光時(shí)，其余燈光全部熄滅。下面的“開(kāi)始自動(dòng)播放”按鈕可用于無(wú)人值守時(shí)，系統(tǒng)自動(dòng)順序播放所有景點(diǎn)的360度全景漫游。

圖14-25圖14-26是進(jìn)入“三圣花鄉(xiāng)簡(jiǎn)介”后的界面。這是一個(gè)FLASH動(dòng)畫(huà)，主要是介紹錦江區(qū)城鄉(xiāng)一體化建設(shè)的相關(guān)情況。

圖14-26圖14-27是進(jìn)入“三圣花鄉(xiāng)景區(qū)”后的界面。其中，5個(gè)二級(jí)欄目——花鄉(xiāng)農(nóng)居、幸福梅林、江家菜地、荷塘月色、東籬菊?qǐng)@，分別對(duì)應(yīng)三圣鄉(xiāng)的“五朵金花”。

圖14-27圖14-28圖14-29圖14-30圖14-31圖14-32圖14-33圖14-34是進(jìn)入VR景點(diǎn)漫游后的界面。該VR是使用QuickTime制作的，可使用鼠標(biāo)在其中拖動(dòng)以查看360度全景圖。不拖動(dòng)時(shí)，全景圖會(huì)自動(dòng)旋轉(zhuǎn)播放。下面有兩個(gè)按鈕，可分別進(jìn)入下一個(gè)景點(diǎn)和返回電子地圖。

圖14-34圖14-3514.2.3制作過(guò)程

本項(xiàng)目的程序結(jié)構(gòu)框圖如圖14-36所示。

圖14-36

1．程序流程

(1)本項(xiàng)目的主要程序流程如圖14-37所示。

圖14-37

(2)進(jìn)入“電子地圖”后，其中的“vr2”流程如圖14-38所示，其余vr流程與此類(lèi)似。

圖14-38

(3)進(jìn)入“三圣花鄉(xiāng)景區(qū)”后，其中的“農(nóng)居”流程如圖14-39所示，其它幾個(gè)景區(qū)流程與此類(lèi)似。

圖14-39

(4)進(jìn)入“退出”后，其中的“確定”流程如圖14-40所示。

圖14-40

(5)進(jìn)入“自動(dòng)播放內(nèi)容”后，其流程如圖14-41所示。

圖14-41

2．詳細(xì)內(nèi)容

1)主界面

(1)在“首頁(yè)FLASH”里導(dǎo)入主界面FLASH文件。

(2)在“gotomain=1”計(jì)算圖標(biāo)中輸入以下代碼：

gotomain:=1

該變量用于控制“一級(jí)欄目”里的5個(gè)熱區(qū)的響應(yīng)條件。

(3)在“一級(jí)欄目”的5個(gè)熱區(qū)響應(yīng)的“激活條件”中均輸入“gotomain:=1”。

2)電子地圖

(1)進(jìn)入“電子地圖”后，在擦除圖標(biāo)中擦除“首頁(yè)FLASH”。

(2)在“gotomain=0”計(jì)算圖標(biāo)中輸入“gotomain:=0”。

(3)在“電子地圖界面”顯示圖標(biāo)中導(dǎo)入電子地圖二級(jí)界面。

(4)在“vr=1”計(jì)算圖標(biāo)中輸入“vr:=1”，這個(gè)變量用于控制電子地圖中熱區(qū)響應(yīng)的響應(yīng)條件。

(5)進(jìn)入“vr2”。在“vr=0”計(jì)算圖標(biāo)中輸入以下代碼：

vr:=0

clickoutx:=ClickX

clickouty:=ClickY

在“stop=0”計(jì)算圖標(biāo)中輸入“stop:=0”。

在“3級(jí)-VR界面-手動(dòng)”顯示圖標(biāo)中導(dǎo)入VR播放界面圖。

在“景點(diǎn)提示文字”顯示圖標(biāo)中根據(jù)當(dāng)前景點(diǎn)添加景點(diǎn)名稱(chēng)提示文字。

在“vr2=1”計(jì)算圖標(biāo)中輸入“vr2:=1”。

在“返回電子地圖”計(jì)算圖標(biāo)中輸入以下代碼：

vr2:=0

GoTo(IconID@"電子地圖界面")

在“進(jìn)入下一景點(diǎn)”計(jì)算圖標(biāo)中輸入以下代碼：

vr2:=1

GoTo(IconID@"vr3")

在“進(jìn)入景點(diǎn)詳細(xì)介紹”計(jì)算圖標(biāo)中輸入以下代碼：

vr2:=0

GoTo(IconID@"梅林")

上述三個(gè)熱區(qū)都是永久響應(yīng)的。

圖14-42

“VR-loop”用于自動(dòng)旋轉(zhuǎn)VR，分支循環(huán)條件為“直到判斷值為真”，具體條件是“stop=1”。在“VR-loop”的下掛計(jì)算圖標(biāo)中輸入以下代碼：

currentPanAngle:=GetSpriteProperty(@"vr-2",#VRPan)

SetSpriteProperty(@"vr-2",#VRPan,currentPanAngle+0.1)

ifClickX>196&ClickX<1018&ClickY>90&ClickY<512&ClickX<>clickoutx&ClickY<>clickoutythenstop:=1

其它VR圖標(biāo)中的內(nèi)容與上面所講的內(nèi)容完全類(lèi)似。

(6)“autostart”計(jì)算圖標(biāo)中無(wú)實(shí)際內(nèi)容，主要用于標(biāo)識(shí)自動(dòng)播放開(kāi)始。

(7)“自動(dòng)播放內(nèi)容”中是把所有的VR漫游景點(diǎn)集中到一起，自動(dòng)播放一遍，完成后返回繼續(xù)播放。它的具體內(nèi)容和上面講的“vr-2”類(lèi)似。

3)三圣花鄉(xiāng)簡(jiǎn)介

(1)在“擦除不需要的圖標(biāo)”里擦除掉不需要的圖標(biāo)。

(2)在“gotomain=0”計(jì)算圖標(biāo)中輸入“gotomain:=0”。

(3)在“二級(jí)FLASH”里導(dǎo)入三圣花鄉(xiāng)簡(jiǎn)介的FLASH動(dòng)畫(huà)。

(4)在“返回首頁(yè)”計(jì)算圖標(biāo)中輸入以下代碼：

GoTo(IconID@"首頁(yè)FLASH")

4)三圣花鄉(xiāng)景區(qū)

(1)“jingstart”計(jì)算圖標(biāo)是一個(gè)空?qǐng)D標(biāo)，用于指示景區(qū)流程開(kāi)始。

(2)在“gotomain=0”計(jì)算圖標(biāo)中輸入“gotomain:=0”。

(3)在“擦除首頁(yè)FLASH”里擦除掉首頁(yè)FLASH界面。

(4)做一個(gè)"WAIT"圖標(biāo)是為了等FALSH動(dòng)畫(huà)運(yùn)行結(jié)束后才讓點(diǎn)其中的鏈接。

(5)在“jing=1”計(jì)算圖標(biāo)中輸入“jing:=1”，這