Cocos2d js 精靈動作實現示例

2021-12-29 19:45:44 字數 1603 閱讀 5577

解析

cc.sequence --> 動作序列,有序地乙個乙個執行動作

repeatforever --> 重複執行動作

cc.spawn --> 同時執行動作//不斷做旋轉和放縮

var man = new cc.sprite("res/grossini.png"); // 建立精靈

man.runaction(cc.spawn(cc.rotateby(1, 360, 360), cc.sequence(cc.scaleto(1, 2), cc.scaleto(1, 1))).repeatforever());

this.addchild(man, 2); //新增進當前場景// 放大縮小 一次

man.runaction( cc.sequence(cc.scaleto(1, 2), cc.scaleto(1, 1)) );// 旋轉動作

man.runaction(cc.spawn(cc.rotateby(1, 360, 360);// cc.spawn--> 同時執行多個動作

// 縮放動作 arg0:時間 arg1:縮放倍數 =1正常大小,>1放大,<1縮小

man.runaction(cc.sequence(cc.scaleto(1, 2), cc.scaleto(1, 1)) );

// cc.sequence-->按順序 執行 多個動作

man.runaction(cc.sequence(cc.scaleto(1, 2), cc.scaleto(1, 1)) );//閃爍 效果

var blink = new cc.blink(10, 100);

man.runaction(blink);

settimeout(function(), 2000);// 漸變 效果

var action = cc.fadeto.create(1, 150);//1秒物件 由不透明0變為透明度150// 多個動作 按順序執行

var action = cc.sequence(

cc.moveby(1.5, cc.p(240, 0)), // 1s 時間 x 右移 240 ,y 不變

cc.rotateby(1.5, 360,360),

cc.moveby(1.5, cc.p(-240, 0)),

);man.runaction(action);// 淡入 效果

var action = cc.fadein(1.0);

var delay = cc.delaytime(0.25);

var actionback = action.reverse();

man.runaction(cc.sequence(action, delay, actionback));// 淡出 效果

var action = cc.fadeout(1.0);

var delay = cc.delaytime(0.25);

var actionback = action.reverse();

man.runaction(cc.sequence(action, delay.clone(), actionback));// 時間延遲 (休眠)

var delay = cc.delaytime(0.25);

Cocos2d JS螢幕適配

有終端開發經驗的讀者應該對螢幕適配問題深感痛惡,因為這個世界實在有太多型別的手機和平板了,各種尺寸 首先,我們來認識三個術語 cocos2d js為我們提供的螢幕適配方法有如下幾種 1.自適應拉伸cc.resolutionpolicy.exact fit 該方案下,遊戲剛好鋪滿整個螢幕,但畫面的比例...

cocos2d js環境搭建

一 環境配置 1.安裝python2.7x版本 二 建立工程 mac版本 命令 setup.py 配置當前cocos2dx mac上的環境變數 windows版本 命令 cocos new 工程名 p 包名 l js cpp android d 工程儲存路徑 三 了解引擎或者工程的結構目錄 配置好基...

cocos2d JS 專案結構

初次建立並開啟乙個 cocos creator 專案後,您的專案資料夾將會包括以下結構 projectname 專案資料夾 assets library local settings temp project.json下面我們將會介紹每個資料夾的功能。assets將會用來放置您遊戲中所有本地資源 指...