Mugeda HTML5技術教程之9 使用元件

2022-07-11 11:54:11 字數 1150 閱讀 8509

元件是乙個可以在舞台上例項化和再利用的預先生成的獨立動畫。乙個元件有它自己的時間軸(層,單位等),可以獨立顯示的動畫。元件提高了動畫的重用性和靈活性,是個強大的存在。元件可用於建立複雜的動畫效果。 所有元件都在元件庫里管理。您可以建立、編輯、刪除元件,或將他們歸類到不同的資料夾。元件既可以直接拖拽到舞台上生成例項,更可以再指令碼中,通過mugeda api **動態生產例項,乙個元件可以生成多個例項,並可隨時動態刪除,在複雜的動畫中,比如小遊戲,非常方便,mugeda api的使用後面會有專門的章節介紹。

建立新的元件:在元件庫欄的左下角,有新建元件的按鈕,還有複製元件的按鈕。點選新建元件按鈕建立乙個新元件。

元件建立好後,可以進行編輯,編輯元件和在主舞台上編輯動畫是相同的,每個元件都具有自己的時間軸和舞台。因此,可以在乙個獨立的舞台進行編輯。已經建立好的元件會顯示在元件庫中,雙擊它的圖示或者單擊編輯元件可以繼續編輯它。

完成元件編輯後,可以點選主舞台,退出元件編輯,並返回主舞台。

下圖的例子中建立了乙個滾動的輪子的元件。

元件編輯好後,可以在主舞台中使用元件。首先確保已經返回主舞台,在元件欄右下角有新增到舞台的按鈕,或者直接從元件庫中向主舞台拖拽,就可以在主舞台中生成乙個相應元件的例項。

編輯乙個元件例項的引數和編輯其他的元素是一樣的(例如影象,文字等)。

滾動輪子的元件中,從第一幀到最後一幀,輪子將從左邊滾到右邊。

元件例項新增好後,可以點選工具欄的預覽按鈕,會看到輪子在螢幕滾動得效果。

wap入門技術教程

一 配置web伺服器 二 wap網頁設計入門 這裡介紹wap協議標準組織所制定的標記語言wml,由於和以前介紹的hdml在手機瀏覽器專用網頁的特徵上基本一致,所以概念部分就略去了,直接講述語言。基本規則 wml使用xml文件字符集,目前支援unicode 2.0,和hdml不同,wml的所有標籤,屬...

HGE教程翻譯(5)

使用曲面變換 在這個教程中我們學習如何使用曲面變形,一種可以建立水面 透鏡 紙張甚至實時的變化。我們使用靜態的紋理,但你可以渲染你的整個遊戲場景到乙個紋理,通過扭曲網格來達到一些很酷的實時特效。首先包含標頭檔案和變數的宣告。include include include hge hge 0 htex...

畫素畫教程(5)

非常經典的畫素畫系列教程 第 5 頁 基礎造型 造型是體現畫素畫特徵的基本要素。造型的能力一方面來自於平時生活中知識的積累 另一方面則可以借助資料作為參照 甚至通過臨摹優秀的畫素作品以及對素描 速寫等藝術學科的參透也能提高我們的造型能力。通俗一點來說造型就是用來表現作品形態的一種構圖概念。學習造型沒...