记录一些coco简单的属性和动作,位置,锚点,透明度,大小,移动等

/*属性*/
if(!true){
var sprite1 = new cc.Sprite(res.Sp1);
var sprite2 = new cc.Sprite(res.Sp1);
sprite1.attr({
x:200,//位置
y:200,
anchorX:0.5,//锚点
anchorY:0.5,
opacity:255 //透明度[0-255]
});
sprite1.scale = 0.5; //缩放比例
this.addChild(sprite1, 1, 1);

//打印属性值
cc.log("x = " + sprite1.x, " y = " + sprite1.y);
cc.log("anchorX = " + sprite1.anchorX, " anchorY = " + sprite1.anchorY);
//打印属性值
//.............................................................................................................................................
sprite2.attr({
x:400,//位置
y:200,
anchorX:0.5,//锚点
anchorY:0.5,
opacity:255 //透明度
});
sprite2.scale = 0.5; //缩放比例
//sprite2.scaleX = 0.5; //宽度缩放
this.addChild(sprite2, 1, 2);

sprite2.rotation = 40;//旋转40度
//sprite2.rotationX = 40;//x轴旋转40度,y轴同理

sprite2.color = cc.color(134,232,110);//设置node的颜色
sprite2.visible = true; //是否显示

//打印属性值
cc.log("tag = " + sprite2.getTag());
cc.log("x = " + sprite2.x, " y = " + sprite2.y);
cc.log("anchorX = " + sprite2.anchorX, " anchorY = " + sprite2.anchorY);
cc.log("color = " + sprite2.getColor());//rgb值
//打印属性值
}

//动作
if(true){
var sprite1 = new cc.Sprite(res.Sp1);
sprite1.attr({
x:200,//位置
y:200,
scale:0.5
});
this.addChild(sprite1, 2);

var actionAry = [];
//moveTo,移动到新的坐标
var moveto = new cc.MoveTo(1, cc.p(400, 200));
//sprite1.runAction(moveto);
//actionAry.push(moveto);

//moveBy,x, y相对增加
var moveby = new cc.MoveBy(1, cc.p(100, 100));
//sprite1.runAction(moveby);
actionAry.push(moveby);

//scaleto放大缩小
var scaleto = new cc.ScaleTo(1, 2);
var scaleto2 = new cc.ScaleTo(1, 1);
// var rp = new cc.RepeatForever(cc.sequence(scaleto, scaleto2));
// sprite1.runAction(rp);
//sprite1.runAction(cc.sequence(scaleto, scaleto2).repeatForever());
//scaleby
var scaleby = new cc.ScaleBy(1, 2);
//sprite1.runAction(scaleby);

//fadeto,透明度0-255
var fadeto = new cc.FadeTo(1, 200);
//sprite1.runAction(fadeto);
//fadein
var fadein = new cc.FadeIn(3, 255);
//sprite1.opacity = 0;
//sprite1.runAction(fadein);
//fadeout
var fadeout = new cc.FadeOut(1, 1);
//sprite1.runAction(fadeout);

//bezierto,抛物线
var bezier = [cc.p(200, 200), cc.p(400, 500), cc.p(600, 200)];
var bezierto = new cc.BezierTo(2, bezier);
//sprite1.runAction(bezierto);

//rotateto,旋转
var rotateto = new cc.RotateTo(2, 90);
//sprite1.runAction(rotateto);
//rotateby
var rotateby = new cc.RotateBy(2, 360).repeatForever();
//sprite1.runAction(rotateby);
//sprite1.runAction(cc.spawn(bezierto, rotateby));

//fllow,跟随节点
var childNode = new cc.Sprite(res.CloseNormal_png);
childNode.scale = 1;
// childNode.attr({
// x:100,
// y:100
// });
//this.addChild(childNode, 2);
//var followAction = new cc.Follow(sprite1);
//childNode.runAction(followAction);
//childNode.runAction(cc.follow(sprite1, cc.rect(0, 0, 100, 100)));

//blink闪烁
var blink = new cc.Blink(10, 100);
sprite1.runAction(blink);
setTimeout(function(){
blink.stop();//3秒后停止闪烁
}, 3000);

//sprite1.runAction(cc.sequence(actionAry));

coco2d-js 节点的属性和动作的更多相关文章

  1. JS 节点的属性 与 元素

    节点的属性{     nodeType 是节点的类型:     nodeNam 是节点的名字     nodeValue 节点的值 }可以用节点.属性 取得三个属性的值 节点.nodeType 出来的 ...

  2. js创建节点及其属性

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  3. Js节点属性与方法

    属性: Attributes     存储节点的属性列表(只读) childNodes 存储节点的子节点列表(只读) dataType     返回此节点的数据类型 Definition     以D ...

  4. js 节点 document html css 表单节点操作

    js 节点 document html css 表单节点操作 节点操作:访问.属性.创建 (1)节点的访问:firstChild.lastChild.childNodes.parentChild(父子 ...

  5. 初探JavaScript(一)——也谈元素节点、属性节点、文本节点

    Javascript大行其道的时候,怎么能少了我来凑凑热闹^_^ 基本上自己对于js的知识储备很少,先前有用过JQuery实现一些简单功能,要论起JS的前世今生,来龙去脉,我就一小白.抱起一本< ...

  6. javascript_获取iframe框架中元素节点的属性值

    1. DOM:文档对象模型 [window 对象] 它是一个顶层对象,而不是另一个对象的属性即浏览器的窗口. [document 对象] 该对象是window和frames对象的一个属性,是显示于窗口 ...

  7. DOM简介及节点、属性、查找节点的方法

    DOM(Document Object Modle) 操作文档的编程接口DOM定义了表示和修改文档的方法,不能修改css样式表,在js中使用DOM方法改变元素的css样式,实质上是在元素上添加行间样式 ...

  8. 获取元素节点 & 操作属性节点

    1.html 文档编写 js 代码的位置: window.onload事件在整个html文档被完全加载完再执行,    所以可以获取html文档的任何节点 js-window-onload.html ...

  9. JS中修改属性

    <!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content=& ...

随机推荐

  1. 洛谷 P2261 [CQOI2007]余数求和

    洛谷 一看就知道是一个数学题.嘿嘿- 讲讲各种分的做法吧. 30分做法:不知道,这大概是这题的难点吧! 60分做法: 一是直接暴力,看下代码吧- #include <bits/stdc++.h& ...

  2. LinuxCentos系统安装Nginx过程记录

    网站服务 想必我们大多数人都是通过访问网站而开始接触互联网的吧.我们平时访问的网站服务就是Web网络服务,一般是指允许用户通过浏览器访问到互联网中各种资源的服务. Web网络服务是一种被动访问的服务程 ...

  3. 001-unity3d简介以及界面说明

    一.简介 学习路线1.C#.网络[http,socket]io2.GUI.NGUI.2DToolKit3.3D控制.物理引擎.角色控制4.粒子系统.音频等5.android.IOS开发基础6.sock ...

  4. SaltStack远程执行shell脚本

    编辑文件fansik.sh 脚本内容: #!/bin/bash # Author: fansik # data: 2017年 09月 26日 星期二 :: CST touch /tmp/fansik. ...

  5. microsoft cl.exe 编译器

    cl.exe是visual stdio 内置的编译器,visual stdio包含各种功能,有些功能可能这辈子都用不到,体积庞大,如果是 开发比较大或者有图形的项目,vs是首选.更多情况时更喜欢使用文 ...

  6. 指定Python线程数目

    可以通过threading.semaphore()来指定并行运行的Python线程的数目. #!/usr/bin/python2.7 #File: threadsNum.py #Author: lxw ...

  7. 实现对第三方应用任意SO注入

    实现对第三方应用任意SO注入 0x01 应用在Android中运行,从外部对该进程可以进行任意SO文件动态注入,就是应用动态运行我们的SO文件 0x02 基本的逻辑是: 1.    获取目标进程的pi ...

  8. PAT 天梯赛 L1-024. 后天 【取余】

    题目链接 https://www.patest.cn/contests/gplt/L1-024 题意 给出一个数,表示星期几,输出后天是星期几 思路 取余的时候要小心点 AC代码 #include & ...

  9. 初学JQuery相关知识点

    [简单的JQuery]注册事件的函数. $(document).ready(function(){}) [JQuery提供的函数]$.map(array,fn) 对数组array中每个元素调用fn函数 ...

  10. SM3算法

    /* * sm3.h * * 为使此算法兼容32位.64位下Linux或Windows系统, * 选择 int 来表示 32 位整数. * 消息长度最大限定为 2**32 - 1(单位:比特), * ...