coco2d-js 节点的属性和动作
记录一些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 节点的属性和动作的更多相关文章
- JS 节点的属性 与 元素
节点的属性{ nodeType 是节点的类型: nodeNam 是节点的名字 nodeValue 节点的值 }可以用节点.属性 取得三个属性的值 节点.nodeType 出来的 ...
- js创建节点及其属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
- Js节点属性与方法
属性: Attributes 存储节点的属性列表(只读) childNodes 存储节点的子节点列表(只读) dataType 返回此节点的数据类型 Definition 以D ...
- js 节点 document html css 表单节点操作
js 节点 document html css 表单节点操作 节点操作:访问.属性.创建 (1)节点的访问:firstChild.lastChild.childNodes.parentChild(父子 ...
- 初探JavaScript(一)——也谈元素节点、属性节点、文本节点
Javascript大行其道的时候,怎么能少了我来凑凑热闹^_^ 基本上自己对于js的知识储备很少,先前有用过JQuery实现一些简单功能,要论起JS的前世今生,来龙去脉,我就一小白.抱起一本< ...
- javascript_获取iframe框架中元素节点的属性值
1. DOM:文档对象模型 [window 对象] 它是一个顶层对象,而不是另一个对象的属性即浏览器的窗口. [document 对象] 该对象是window和frames对象的一个属性,是显示于窗口 ...
- DOM简介及节点、属性、查找节点的方法
DOM(Document Object Modle) 操作文档的编程接口DOM定义了表示和修改文档的方法,不能修改css样式表,在js中使用DOM方法改变元素的css样式,实质上是在元素上添加行间样式 ...
- 获取元素节点 & 操作属性节点
1.html 文档编写 js 代码的位置: window.onload事件在整个html文档被完全加载完再执行, 所以可以获取html文档的任何节点 js-window-onload.html ...
- JS中修改属性
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content=& ...
随机推荐
- python下多线程的限制以及多进程中传递参数的方式
python多线程有个全局解释器锁(global interpreter lock),这个锁的意思是任一时间只能有一个线程使用解释器,跟单cpu跑多个程序一个意思,大家都是轮着用的,这叫“并发”,不是 ...
- 爬取豆瓣电影信息保存到Excel
from bs4 import BeautifulSoup import requests import html.parser from openpyxl import Workbook,load_ ...
- OpenCV3计算机视觉+python(二)
不同色彩空间的转换 当前,在计算机视觉中有三种常用的色彩空间:灰度.BGR以及HSV 1.灰度色彩空间是通过去除彩色信息来将其转换为灰阶,灰度色彩空间对中间处理特别有效,比如人脸检测 2.BGR,即蓝 ...
- C# 函数3
//获取部分 public class GF_GET { /// <summary> /// 根据坐标点获取屏幕图像 /// ...
- 【WEB HTTP】集成点:网关、隧道及中继
网关:网关可以作为某种翻译器使用,它抽象出了一种能够到达资源的方法.网关是资源与应用程序之间的粘合剂. 在不同http版本之间进行转换的Web代理和网关一样,他们会执行复杂的逻辑,以便在各个端点之间进 ...
- ajax图片上传功能
一.应用场景 当用户需要上传图片当做自己的头像时,预览的时候该图片需要在本地预览,不应该通过网络从服务器上取到之后预览 二.实现方法 1.方法1: 注释:给上传文件的input标签绑定一个change ...
- 利用FFmpeg将RTSP转码成RTMP发布在RED5
安装jdk,并设置环境 from:http://www.w3c.com.cn/%E5%88%A9%E7%94%A8ffmpeg%E5%B0%86-ipcamera-%E7%9A%84rtsp%E8% ...
- 前端 JavaScript&Dom
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果.通常JavaScript脚本是通过嵌入在HTML中来实现 ...
- jQuery开发入门
jQuery是JavaScript库中的优秀一员. 下载完jQuery框架文件jquery-1.9.0.js 后,不需要任何安装,仅需使用<script>文件导入标记,将该框架文件导入页面 ...
- Java系列之EJB 理解
EJB = Enterprise Java Bean,它和JavaBean有本质的区别,最好不要将他们混淆起来,就像不要将Java和 Javascript混淆起来一样.EJB有3中类型:Session ...