Egret Engine 2D基礎教學

2021-09-18 01:23:05 字數 1848 閱讀 1533

1.基本概念

2.可視屬性

可視屬性用來定量描述顯示物件在舞台中的顯示狀態,結合下圖說明可視屬性的含義。

如上圖1所示,在egret中定義舞台的座標系

原點在螢幕左上角。

橫軸使用x表示,向右為正。

縱軸使用y表示,向下為正。

上圖1中包含乙個灰色的矩形,該矩形擁有乙個「錨點」,egret使用該點的座標表示矩形的座標。通過 x 和 y 屬性訪問修改顯示物件的座標位置。示例**如下:

var shape:egret.shape = new egret.shape();

shape.x = 100;

shape.y = 20;

圖2中展示了顯示物件的縮放功能。縮放是指將顯示物件的寬或高進行比例縮放。縮放功能通過 scalex 和 scaley 屬性來實現。圖中,對灰色的矩形寬高進行0.5倍縮放。示例**如下:

var shape:egret.shape = new egret.shape();

shape.alpha = 0.4;

圖4中展示了顯示物件的旋轉操作,旋轉角度可通過 rotation 屬性訪問修改。將圖中的矩形旋轉30°,示例**如下:

var shape:egret.shape = new egret.shape();

shape.rotation = 30;

上圖展示了顯示物件中常用的可視屬性,下面列表是顯示物件的全部可視屬性。

alpha:透明度

width:寬度

height:高度

rotation:旋轉角度

scalex:橫向縮放

scaley:縱向縮放

skewx:橫向斜切

skewy:縱向斜切

visible:是否可見

x:x軸座標值

y:y軸座標值

anchoroffsetx:物件絕對錨點x

anchoroffsety:物件絕對錨點y

3.核心顯示類

不同的內容對應不同的顯示物件,egret 中一共封裝了8個顯示相關的核心類,如下表。類描述

displayobject

顯示物件基類,所有顯示物件均繼承自此類

bitmap

位圖,用來顯示

shape

用來顯示向量圖,可以使用其中的方法繪製向量圖形

textfield

文字類bitmaptext

位**本類

displayobjectcontainer

顯示物件容器介面,所有顯示物件容器均實現此介面

sprite

帶有向量繪製功能的顯示容器

stage

舞台類4.自定義顯示物件類

自定義顯示物件類需要繼承自 displayobject的具體子類,例如shape或者textfield。

示例**如下:

class mygrid extends egret.shape

private drawgrid()

}

在 mygrid 中繪製了乙個紅藍相間的2*2格仔,然後修改文件類main,在文件類中建立並顯示 mygrid類的例項,具體**如下:

class main extends egret.displayobjectcontainer

private onaddtostage(event:egret.event)

}

Egret Engine 2D 顯示容器

displayobjectcontainer 所有容器的父類 1 新增 刪除 子物件 2 訪問子物件 3 檢測子物件 4 設定疊放次序 sprite 繼承自displayobjectcontainer且只新增了乙個graphics功能 刪除操作 if spr.parent 物件個數 numchild...

cocos2d基礎知識

1.精靈的建立 精靈的建立 ccsprite player ccsprite create xx.png player setposition ccp x,y this addchild player 2.選單的建立 選單的使用 ccmenuitemimage item ccmenuitemimag...

Box2d 基礎入門知識

通過b2bodydef來定義物體 定義乙個物體物件 b2bodydef mybodydef 設定物體型別為動態物體 mybodydef.type b2 dynamicbody 設定物體的起始位置 mybodydef.position.set 0,20 設定物體起始角度 mybodydef.angle...