宋傳磊

（青島理工大學琴島學院 山東青島 266106）

數(shù)字媒體技術(shù)的飛速發(fā)展為多媒體作品創(chuàng)作提供了堅實基礎(chǔ)，在信息互聯(lián)互通時代背景下，數(shù)字媒體技術(shù)的應用領(lǐng)域更加廣闊和深遠[1]。AS3.0腳本語言及其技術(shù)在多媒體作品創(chuàng)作中被廣泛使用，原因在于AS3.0的精簡高效簡化了設計創(chuàng)作過程，但畢竟是程序設計語言，其正確和高效的應用必須要遵循一定的方法和技巧。文中分析闡述的問題——同一元件在不同場景中交互應用，對于使用Adobe Animate平臺進行多媒體創(chuàng)作的從業(yè)人員，涵蓋該問題作品的組織結(jié)構(gòu)和設計理念將會有一定的認識，在作品設計創(chuàng)作的過程中往往都會遇到該問題，不能編譯通過，導致作品不能正常運行。本文就“同一個元件的多個實例或?qū)ο笤诓煌瑘鼍爸姓_的交互應用”這一核心問題展開分析研究探討。

一、相關(guān)概念和理論

（一）數(shù)字媒體。通過現(xiàn)代計算和通信手段，綜合處理文字、聲音、圖形、圖像等信息，使抽象的信息變成可感知、可管理和可交互的一種技術(shù)。[2]

（二）場景。一個Adobe Animate文件可以包含多個場景，在每個場景中可以單獨設計動畫片段，每個場景中包含一個舞臺，每個舞臺又包含多個幀，一個文件中多個場景共享一個庫，庫中存放該文件需要的資源。

（三）元件。元件是在一個Adobe Animate文件中可以重復使用的資源，通俗講元件就是“模板”，可以使用一個元件在文件不同位置進行多次實例化，產(chǎn)生多個不同實例或?qū)ο?，進而賦予不同的實例或?qū)ο蟛煌膶傩院托袨?，實現(xiàn)不同效果。元件共包含三種類型——圖形元件、按鈕元件和影片剪輯元件。

（四）AS3.0。AS3.0是ActionScript3.0縮寫形式，Action-Script3.0是一種面向?qū)ο蟪绦蛟O計語言，被用于Adobe Animate交互動畫、游戲、web站點和富互聯(lián)網(wǎng)應用程序開發(fā)，該語言精簡高效，簡化作品設計實現(xiàn)過程。[3]

二、同一元件在不同場景中交互應用設計策略

一個Adobe Animate文件可以創(chuàng)建多個場景，但只有一個庫，在庫中存放該文件所需要的所有的資源，多個場景共享該庫和相關(guān)資源。元件是居于核心地位的資源，被設計創(chuàng)建后存放于庫中，各場景可以使用庫中同一個元件在各自場景中對其進行實例化，產(chǎn)生不同名字的實例或?qū)ο?。使用AS3.0對不同場景中實例或?qū)ο筮M行編程控制，設置偵聽實現(xiàn)交互。邏輯設計模型如圖1所示。

圖1 邏輯設計模型

（一）傳統(tǒng)方式設計策略及存在的問題。傳統(tǒng)意義上，對于AS3.0不熟悉用戶，在對一個元件在不同場景中交互應用設計時，通常是在某場景中選擇一個空白關(guān)鍵幀，然后從庫中選擇某元件，并將其直接拖入舞臺，該操作使得空白關(guān)鍵幀變成關(guān)鍵幀，同時完成了元件在該場景中某幀上的實例化，生成了實例或?qū)ο?，選擇屬性面板為該實例命名，在時間軸上選擇某一關(guān)鍵幀，按鍵盤F9鍵打開動作面板，使用AS3.0對實例進行編碼實現(xiàn)交互控制。設計策略如圖2所示。

圖2 傳統(tǒng)設計策略

對于傳統(tǒng)設計策略，如果使用早期Flash平臺是不會產(chǎn)生問題，但是如果使用Flash更名后的Animate新平臺將會產(chǎn)生問題，將提示某些屬性未定義，對于該bug，網(wǎng)絡上有很多評論，鑒于該問題本文對此將采用鏈接類的方式予以解決。

（二）鏈接類方式設計策略。首先打開庫面板，選擇要在不同場景中進行實例化的元件，然后右鍵單擊從快捷菜單中選擇“屬性”命令，打開“元件屬性”對話框，勾選“為ActionScript導出”，并在類文本框中為該元件對應的鏈接類取上名字，最后單擊“確定”按鈕，該元件的鏈接類便設置完成，在庫面板相應元件后即可看到該元件對應的鏈接類名字。

元件的鏈接類設置好后，如果需要在某個場景中使用該元件的實例，即該鏈接類的對象，在該場景中選擇某一關(guān)鍵幀，單擊鍵盤F9鍵打開動作面板，使用AS3.0進行編碼，為該鏈接類定義對象，將該對象添加到顯示列表，通常情況下直接添加進舞臺即可，進而對該對象注冊偵聽器，并編寫相應的事件處理函數(shù)，最終按照需求完成編碼控制。設計模型如圖3所示。

圖3 鏈接類設計模型

三、設計策略實驗驗證

為了直觀地說明問題，該實驗驗證案例文件命名為“多場景.fla”，該文件包含兩個場景，分別為“白天”和“夜晚”。定義兩個影片剪輯元件，分別表示太陽和月亮動畫，并命名為“sun”和“moon”；定義兩個按鈕元件，分別命名為“play”和“stop”。在“白天”場景中通過單擊“play”和“stop”按鈕控制“sun”實例的東升西落動作，在“夜晚”場景中通過單擊“play”和“stop”按鈕控制“moon”實例的東升西落動作。這樣就使得“play”和“stop”兩個按鈕元件分別在兩個不同的場景中被實例化。庫中元件如圖4所示。

圖4 庫中元件列表

選擇“白天”場景。新建“天空”圖層，在該圖層中創(chuàng)建傳統(tǒng)補間動畫，實現(xiàn)太陽光暈效果；新建“太陽”圖層，在該圖層中創(chuàng)建補間動畫，實現(xiàn)太陽從舞臺左側(cè)升起右側(cè)降落的動畫效果；新建“地面”圖層，在該圖層上放置地球表面圖形元素，包含地球、房屋建筑和森林；新建“變換云彩”和“多個云彩”圖層，分別創(chuàng)建傳統(tǒng)補間動畫和補間形狀動畫，實現(xiàn)天空云朵閃動變換效果。如圖5所示。

圖5 白天場景圖層信息

選擇“夜晚”場景，如同“白天”場景。新建“天空”、“地面”、“星星”、“窗戶”和“月亮”圖層，分別創(chuàng)建傳統(tǒng)補間動畫、補間形狀動畫和引導動畫，實現(xiàn)月亮光暈、月亮升降、星星閃爍、地球及表面元素、樓房建筑中窗戶燈光閃爍等動畫效果。如圖6所示。

圖6 夜晚場景圖層信息

（一）傳統(tǒng)方式策略實現(xiàn)及問題顯示。選擇“白天”場景，新建“按鈕”圖層，選擇該圖層第一幀，從庫面板中分別將“play”和“stop”元件拖入舞臺，并放置于舞臺的適當位置，單擊“play”按鈕，打開屬性面板，在實例名稱文本框中為其命名為“playSun”，同理為“stop”按鈕定義實例名為“stopSun”。新建“action”圖層，選擇第一幀，單擊鍵盤F9鍵，打開動作面板，完成AS3.0編碼控制。

對“白天”場景進行測試運行，能夠按照預期通過單擊“play”和“stop”按鈕實現(xiàn)太陽升降動畫的控制。如圖7所示。

圖7 白天場景交互控制

類似實現(xiàn)過程，選擇“夜晚”場景，新建“按鈕”圖層，選擇該圖層第一幀，從庫面板中分別將“play”和“stop”元件拖入舞臺，并放置于舞臺的適當位置，為兩個按鈕實例分別命名為“playMoon”和“stopMoon”。新建“action”圖層，選擇第一幀，和“白天”場景基本相同的結(jié)構(gòu)，完成AS3.0編碼控制。

對“夜晚”場景進行測試運行，此時將不能編譯通過，顯示編譯器錯誤，如圖8所示。這就是前文中談到的bug，相應的實例名都是定義過的，邏輯上是不應該產(chǎn)生錯誤的。

圖8 編譯錯誤

（二）鏈接類策略實現(xiàn)?；趥鹘y(tǒng)方式策略實現(xiàn)產(chǎn)生問題，按照鏈接類策略針對于該案例修改如下。

選擇“夜晚”場景，刪除“按鈕”圖層和“action”圖層中編碼。打開庫面板，分別選擇“play”和“stop”按鈕元件，為其設計鏈接類，鏈接類名分別為“playbtn”和“stopbtn”。選擇“action”圖層第一幀，打開動作面板，進行AS3.0編碼。定義“playbtn”類的對象startM，并使用new運算符調(diào)用構(gòu)造函數(shù)對其初始化；通過x和y屬性設置對象的舞臺位置，通過scaleX和scaleY屬性設置對象的縮放比例；通過addChild()方法將對象添加到舞臺；最后使用addEventListener()方法為對象設置偵聽，實現(xiàn)鼠標單擊事件的交互控制。

對修改后的“夜晚”場景進行編譯測試，順利通過，整個作品文件能夠按照設計策略成功運行，運行結(jié)果如圖9所示。

圖9 運行結(jié)果

四、結(jié)語

伴隨數(shù)字媒體技術(shù)的不斷發(fā)展，多媒體作品展現(xiàn)形式更多樣化，Adobe Animate作為多媒體設計創(chuàng)作的重要成員，其應用領(lǐng)域?qū)⒏訌V闊。然而，傳統(tǒng)意義上在Flash平臺上的設計策略，在Animate平臺上實現(xiàn)時將出現(xiàn)Bug，本文就大多數(shù)作品中都會涉及的“同一元件在不同場景中交互應用”問題進行了詳細分析，分析研究出高效的解決策略，并通過實驗案例進行論證。采用鏈接類的方式解決該類問題，依此為出發(fā)點，旨在引導該領(lǐng)域的從業(yè)人員在應用過程中如果遇到類似的問題能夠找到好的解決方案。