标签：inter 动作类 temp 应该 canvas 记录学习 等等 ec2 语言
<!--作为一个初学者，难免有遗漏和不妥之处，还请不吝赐教，不胜感激。错则改之，无则加勉。
接触ccc的第一天。我首先去看了下Cocos Creator 用户手册（http://docs.cocos.com/creator/manual/zh/），然后跟着做了一个摘星星的小游戏。
第一天就是简单的复制粘贴，简单了解了一下操作界面和运行原理。第二天我找了下前辈们的教程，找了一个基础加实战的教程（http://forum.cocos.com/t/topic/40659），这里对作者表示感谢。
作为小白，不希望在选择教程这些环节浪费时间，等以后深入了解之后，再对这些教程进行推荐比较靠谱。下面主要记录学习过程，与同是初学者的共勉，对各位前辈表示膜拜。-->
第一天，大概内容就是看跳动的小球制作教程，然后分析代码。<!--像一些初学者的心路历程会以标注为注释的形式记录。-->
首先贴出代码：<!--是分析代码过程之后的代码，里面会有一些代码是用来测试方法参数，或者一些瞎玩的，但是都会注释，留下关键代码，表示新手了解关键字的过程，如果我认为有用的测试过程会在解释关键字的过程中提到-->
1 cc.Class({ 2 extends: cc.Component, 3 4 properties: { 5 jumpDuration: 1, 6 jumpHight: 300 7 }, 8 9 balljumpAction: function() { 10 //var jumpRight = cc.moveBy(this.jumpDuration,cc.p(this.jumpHight,0)).easing(cc.easeQuadraticActionIn()); 11 //var jumpLeft = cc.moveBy(this.jumpDuration,cc.p(-this.jumpHight,0)).easing(cc.easeQuadraticActionOut()); 12 //定义小球跳起来的动作。 13 //var jumpUp = cc.moveBy(this.jumpDuration,cc.p(0,this.jumpHight)).easing(cc.easeQuadraticActionOut()); 14 //var jumpUp = cc.moveBy(this.jumpDuration,0,this.jumpHight).easing(cc.easeQuadraticActionOut()); 15 var jumpUp = cc.moveBy(this.jumpDuration,cc.p(0,this.jumpHight)).easing(cc.easeQuadraticActionOut()); 16 //var jumpUp = cc.moveTo(this.jumpDuration,cc.v2(0,this.jumpHight)).easing(cc.easeQuadraticActionOut()); 17 //定义小球落下去的动作。 18 var jumpDown = cc.moveBy(this.jumpDuration,cc.p(0,-this.jumpHight)).easing(cc.easeQuadraticActionIn()); 19 //var jumpDown = jumpUp.reverse().easing(cc.easeQuadraticActionIn()); 20 //var jumpDown = cc.moveTo(this.jumpDuration,cc.p(0,-this.jumpHight)).easing(cc.easeQuadraticActionIn()); 21 //return cc.moveBy(this.jumpDuration,cc.p(0,this.jumpHight)).easing(cc.easeQuadraticActionIn()); 22 //return cc.sequence(jumpUp,jumpDown); 23 return cc.repeatForever(cc.sequence(jumpUp,jumpDown)); 24 //返回小球重复跳起来落下去的动作。 25 // return cc.repeat(cc.sequence(jumpUp,jumpDown),2); 26 }, 27 28 onLoad () { 29 //this.node.runAction(cc.sequence(cc.moveBy(this.jumpDuration,cc.p(0,this.jumpHight)).easing(cc.easeQuadraticActionOut()),cc.moveBy(this.jumpDuration,cc.p(0,-this.jumpHight)).easing(cc.easeQuadraticActionIn())).repeatForever()); 30 this.ballAction = this.balljumpAction(); 31 //this.node.runAction(this.balljumpAction()); 32 //在加载的执行动作。 33 this.node.runAction(this.ballAction); 34 //this.schedule(function(){this.node.stopAllActions();this.node.runAction(this.ballAction);},1); 35 }, 36 37 start () { 38 39 }, 40 41 });
下面我会大概讲下我对代码的理解，主要是关键字的用法。<!-- 虽然 官方api（http://docs.cocos.com/creator/api）里面都有,但是毕竟把自己的理解写下来，不说麻烦别人指出对不对，就是以后自己回头看自己当初的理解，有个记录作为学习思考反省的依据也是蛮有必要的。-->
首先整体看代码：一个小球对象，它有两个属性，jumpDuraction是小球跳动的时间，jumpHight是小球跳动的高度。然后定义一个balljumpAction的方法，返回小球跳动的行动。最后在onload代码块（Sence加载的时候自动执行）里面调用执行小球balljumpAction方法。在ccc界面操作就是把画布中的ball图片节点添加上以上代码的组件，在属性检测器中可以对小球的两个属性进行调整。<!--可能对一些对象解释说法不准确，毕竟新手，学习过程必须经历的，等什么时候不在自称小白，我再承受语言必须准确的责任-->
依此列出阅读代码中遇到的关键字，参考官方api后，进行理解。
标签：inter 动作类 temp 应该 canvas 记录学习 等等 ec2 语言
原文地址：https://www.cnblogs.com/dgod/p/9126847.html
