{"_id":"547b1c7b7eec0f080099e1e1","project":"5463e333447e0a100024a087","user":"54639d06447e0a1000249f7f","version":{"_id":"5463e333447e0a100024a08a","project":"5463e333447e0a100024a087","__v":6,"createdAt":"2014-11-12T22:46:11.486Z","releaseDate":"2014-11-12T22:46:11.486Z","categories":["5463e333447e0a100024a08b","54645c365871e90800f50151","547b1c5a4366a708001b3b50","547b1cdf4366a708001b3b5a","54e3bef8464a9c3700f7ca67","54ec651d7ab3172d00c01ab7"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"category":{"_id":"5463e333447e0a100024a08b","project":"5463e333447e0a100024a087","pages":["5463e334447e0a100024a08d","54646a285871e90800f50174","54667e7af2b6390800dfd82a","54679c8c98b6840800268982","54679d8498b6840800268987","546a2ed0394c861a00c3a413","546b6a4862515a14007ebbba","547b1c2e7eec0f080099e1dd","55d33d90b9ef4435006dec70","56570c764d1c720d001f51bb"],"version":"5463e333447e0a100024a08a","__v":10,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2014-11-12T22:46:11.951Z","from_sync":false,"order":1,"slug":"documentation","title":"Documentation"},"__v":53,"updates":[],"next":{"pages":[],"description":""},"createdAt":"2014-11-30T13:32:43.777Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"basic_auth":false,"results":{"codes":[]},"try":true,"auth":"never","params":[],"url":""},"isReference":false,"order":7,"body":"Actions are great as they allow a node's properties to be manipulated but they are weightless. They perform the same from start to finish, luckily there are tons of easing methods to help overcome this and make the actions look more dynamic and alive.\n\nThough the easing methods can be used on virtually any action, this page will be using them with a MoveBy action. The MoveBy action will run for 2 seconds and move the node 300 pixels in the x axis and 0 pixels in the y axis.\n\n*Ease Example format:*\n\n*nodeName.runAction( EaseMethod( action ) );*\n\nNote: *Any action that has a slightly different format to the one above will be clearly shown*\nNote: *The action inside can a variable or an inline action* \n\n##**EaseBackIn**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseBackIn *easeAction = EaseBackIn::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseBackIn( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseBackIn Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/ShadyAnxiousDungbeetle-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/ShadyAnxiousDungbeetle.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/ShadyAnxiousDungbeetle.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/ShadyAnxiousDungbeetle.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseBackInOut**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseBackInOut *easeAction = EaseBackInOut::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseBackInOut( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseBackInOut Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/PepperyFoolishAfricanclawedfrog-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/PepperyFoolishAfricanclawedfrog.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/PepperyFoolishAfricanclawedfrog.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/PepperyFoolishAfricanclawedfrog.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseBackOut**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseBackOut *easeAction = EaseBackOut::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseBackOut( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseBackOut Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/ZigzagSociableArcticwolf-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/ZigzagSociableArcticwolf.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/ZigzagSociableArcticwolf.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/ZigzagSociableArcticwolf.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseBounceIn**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseBounceIn *easeAction = EaseBounceIn::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseBounceIn( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseBounceIn Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/PaleLimitedIlsamochadegu-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/PaleLimitedIlsamochadegu.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/PaleLimitedIlsamochadegu.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/PaleLimitedIlsamochadegu.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseBounceInOut**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseBounceInOut *easeAction = EaseBounceInOut::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseBounceInOut( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseBounceInOut Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/KeyAncientFireant-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/KeyAncientFireant.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/KeyAncientFireant.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/KeyAncientFireant.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseBounceOut**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseBounceOut *easeAction = EaseBounceOut::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseBounceOut( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseBounceOut Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/AdmiredSentimentalHousefly-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/AdmiredSentimentalHousefly.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/AdmiredSentimentalHousefly.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/AdmiredSentimentalHousefly.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseCircleActionIn**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseCircleActionIn *easeAction = EaseCircleActionIn::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseCircleActionIn( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseCircleActionIn Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/IdealisticHatefulIndiancow-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/IdealisticHatefulIndiancow.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/IdealisticHatefulIndiancow.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/IdealisticHatefulIndiancow.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseCircleActionInOut**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseCircleActionInOut *easeAction = EaseCircleActionInOut::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseCircleActionInOut( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseCircleActionInOut Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/BelovedJovialDamselfly-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/BelovedJovialDamselfly.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/BelovedJovialDamselfly.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/BelovedJovialDamselfly.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseCircleActionOut**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseCircleActionOut *easeAction = EaseCircleActionOut::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseCircleActionOut( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseCircleActionOut Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/IndolentShadyJumpingbean-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/IndolentShadyJumpingbean.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/IndolentShadyJumpingbean.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/IndolentShadyJumpingbean.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseCubicActionIn**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseCubicActionIn *easeAction = EaseCubicActionIn::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseCubicActionIn( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseCubicActionIn Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/AppropriateNimbleGalapagosmockingbird-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/AppropriateNimbleGalapagosmockingbird.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/AppropriateNimbleGalapagosmockingbird.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/AppropriateNimbleGalapagosmockingbird.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseCubicActionInOut**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseCubicActionInOut *easeAction = EaseCubicActionInOut::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseCubicActionInOut( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseCubicActionInOut Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/EcstaticWillingBoutu-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/EcstaticWillingBoutu.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/EcstaticWillingBoutu.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/EcstaticWillingBoutu.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseCubicActionOut**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseCubicActionOut *easeAction = EaseCubicActionOut::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseCubicActionOut( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseCubicActionOut Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/WarmAnyIbisbill-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/WarmAnyIbisbill.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/WarmAnyIbisbill.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/WarmAnyIbisbill.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseElasticIn**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseElasticIn *easeAction = EaseElasticIn::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseElasticIn( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseElasticIn Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/UnconsciousThirdKittiwake-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/UnconsciousThirdKittiwake.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/UnconsciousThirdKittiwake.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/UnconsciousThirdKittiwake.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseElasticInOut**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseElasticInOut *easeAction = EaseElasticInOut::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseElasticInOut( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseElasticInOut Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/FatalFloweryHorsechestnutleafminer-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/FatalFloweryHorsechestnutleafminer.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/FatalFloweryHorsechestnutleafminer.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/FatalFloweryHorsechestnutleafminer.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseElasticOut**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseElasticOut *easeAction = EaseElasticOut::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseElasticOut( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseElasticOut Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/AbsoluteQualifiedFantail-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/AbsoluteQualifiedFantail.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/AbsoluteQualifiedFantail.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/AbsoluteQualifiedFantail.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseExponentialIn**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseExponentialIn *easeAction = EaseExponentialIn::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseExponentialIn( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseExponentialIn Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/SadLeanAmericanbadger-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/SadLeanAmericanbadger.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/SadLeanAmericanbadger.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/SadLeanAmericanbadger.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseExponentialInOut**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseExponentialInOut *easeAction = EaseExponentialInOut::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseExponentialInOut( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseExponentialInOut Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/ThatFaroffIrrawaddydolphin-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/ThatFaroffIrrawaddydolphin.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/ThatFaroffIrrawaddydolphin.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/ThatFaroffIrrawaddydolphin.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseExponentialOut**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseExponentialOut *easeAction = EaseExponentialOut::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseExponentialOut( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseExponentialOut Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/LegitimateDistinctGalapagosdove-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/LegitimateDistinctGalapagosdove.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/LegitimateDistinctGalapagosdove.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/LegitimateDistinctGalapagosdove.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseIn**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseIn *easeAction = EaseIn::create( nodeAction, 5.0 );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseIn( nodeAction, 5.0 );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\nNote: *The EaseIn method requires a secondary parameter which is how much it floats* \n[block:html]\n{\n  \"html\": \"<center><strong>EaseIn Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/FriendlyIgnorantFrogmouth-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/FriendlyIgnorantFrogmouth.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/FriendlyIgnorantFrogmouth.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/FriendlyIgnorantFrogmouth.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseInOut**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseInOut *easeAction = EaseInOut::create( nodeAction, 5.0 );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseInOut( nodeAction, 5.0 );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\nNote: *The EaseInOut method requires a secondary parameter which is how much it floats* \n[block:html]\n{\n  \"html\": \"<center><strong>EaseInOut Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/SeverePoshBasenji-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/SeverePoshBasenji.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/SeverePoshBasenji.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/SeverePoshBasenji.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseOut**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseOut *easeAction = EaseOut::create( nodeAction, 5.0 );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseOut( nodeAction, 5.0 );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\nNote: *The EaseOut method requires a secondary parameter which is how much it floats* \n[block:html]\n{\n  \"html\": \"<center><strong>EaseOut Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/SnivelingBiodegradableEgg-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/SnivelingBiodegradableEgg.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/SnivelingBiodegradableEgg.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/SnivelingBiodegradableEgg.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseQuadraticActionIn**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseQuadraticActionIn *easeAction = EaseQuadraticActionIn::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseQuadraticActionIn( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseQuadraticActionIn Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/PerfumedFarawayAsianwaterbuffalo-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/PerfumedFarawayAsianwaterbuffalo.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/PerfumedFarawayAsianwaterbuffalo.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/PerfumedFarawayAsianwaterbuffalo.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseQuadraticActionInOut**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseQuadraticActionInOut *easeAction = EaseQuadraticActionInOut::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseQuadraticActionInOut( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseQuadraticActionInOut Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/PoliticalSelfassuredDuckbillplatypus-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/PoliticalSelfassuredDuckbillplatypus.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/PoliticalSelfassuredDuckbillplatypus.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/PoliticalSelfassuredDuckbillplatypus.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseQuadraticActionOut**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseQuadraticActionOut *easeAction = EaseQuadraticActionOut::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseQuadraticActionOut( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseQuadraticActionOut Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/TallRepentantAndeancat-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/TallRepentantAndeancat.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/TallRepentantAndeancat.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/TallRepentantAndeancat.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseQuarticActionIn**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseQuarticActionIn *easeAction = EaseQuarticActionIn::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseQuarticActionIn( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseQuarticActionIn Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/BlackandwhiteCreativeAmericankestrel-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/BlackandwhiteCreativeAmericankestrel.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/BlackandwhiteCreativeAmericankestrel.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/BlackandwhiteCreativeAmericankestrel.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseQuarticActionInOut**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseQuarticActionInOut *easeAction = EaseQuarticActionInOut::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseQuarticActionInOut( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseQuarticActionInOut Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/AgitatedBasicIberianmole-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/AgitatedBasicIberianmole.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/AgitatedBasicIberianmole.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/AgitatedBasicIberianmole.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseQuarticActionOut**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseQuarticActionOut *easeAction = EaseQuarticActionOut::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseQuarticActionOut( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseQuarticActionOut Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/YawningAfraidHanumanmonkey-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/YawningAfraidHanumanmonkey.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/YawningAfraidHanumanmonkey.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/YawningAfraidHanumanmonkey.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseQuinticActionIn**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseQuinticActionIn *easeAction = EaseQuinticActionIn::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseQuinticActionIn( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseQuinticActionIn Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/DiligentPotableBrahmanbull-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/DiligentPotableBrahmanbull.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/DiligentPotableBrahmanbull.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/DiligentPotableBrahmanbull.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseQuinticActionInOut**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseQuinticActionInOut *easeAction = EaseQuinticActionInOut::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseQuinticActionInOut( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseQuinticActionInOut Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/PlaintiveNextDogwoodtwigborer-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/PlaintiveNextDogwoodtwigborer.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/PlaintiveNextDogwoodtwigborer.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/PlaintiveNextDogwoodtwigborer.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseQuinticActionOut**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseQuinticActionOut *easeAction = EaseQuinticActionOut::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseQuinticActionOut( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseQuinticActionOut Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/DizzyFloweryFanworms-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/DizzyFloweryFanworms.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/DizzyFloweryFanworms.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/DizzyFloweryFanworms.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseSineIn**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseSineIn *easeAction = EaseSineIn::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseSineIn( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseSineIn Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/AncientCleverEasternnewt-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/AncientCleverEasternnewt.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/AncientCleverEasternnewt.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/AncientCleverEasternnewt.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseSineInOut**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseSineInOut *easeAction = EaseSineInOut::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseSineInOut( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseSineInOut Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/ReadyVerifiableAustraliancattledog-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/ReadyVerifiableAustraliancattledog.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/ReadyVerifiableAustraliancattledog.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/ReadyVerifiableAustraliancattledog.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]\n##**EaseSineOut**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"// action to run\\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\\n\\n// easing action\\nEaseSineOut *easeAction = EaseSineOut::create( nodeAction );\\nnodeName->runAction( easeAction );\",\n      \"language\": \"cplusplus\",\n      \"name\": \"Cocos2d-x C++\"\n    },\n    {\n      \"code\": \"// action to run\\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\\n\\n// easing action\\nvar easeAction = new cc.EaseSineOut( nodeAction );\\nnodeName.runAction( easeAction );\",\n      \"language\": \"javascript\",\n      \"name\": \"Cocos2d-JS\"\n    }\n  ]\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<center><strong>EaseSineOut Preview</strong></center>\\n<center>\\n\\t<video controls=\\\"\\\" preload=\\\"none\\\" name=\\\"media\\\" width=\\\"300\\\" poster=\\\"http://thumbs.gfycat.com/DecimalBitesizedFerret-thumb100.jpg\\\">\\n\\t<source src=\\\"http://zippy.gfycat.com/DecimalBitesizedFerret.webm\\\" type=\\\"video/webm\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/DecimalBitesizedFerret.ogv\\\" type=\\\"video/ogg\\\" />\\n\\t<source src=\\\"http://zippy.gfycat.com/DecimalBitesizedFerret.mp4\\\" type=\\\"video/mp4\\\" />\\n\\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\\\"http://www.google.co.uk/intl/en_uk/chrome/browser/\\\">Google Chrome</a>.</p>\\n\\t</video>\\n</center>\"\n}\n[/block]","excerpt":"This page will cover every easing animation method that can be used on actions.","slug":"action-animations-aka-easing","type":"basic","title":"Action Easing"}

Action Easing

This page will cover every easing animation method that can be used on actions.

Actions are great as they allow a node's properties to be manipulated but they are weightless. They perform the same from start to finish, luckily there are tons of easing methods to help overcome this and make the actions look more dynamic and alive. Though the easing methods can be used on virtually any action, this page will be using them with a MoveBy action. The MoveBy action will run for 2 seconds and move the node 300 pixels in the x axis and 0 pixels in the y axis. *Ease Example format:* *nodeName.runAction( EaseMethod( action ) );* Note: *Any action that has a slightly different format to the one above will be clearly shown* Note: *The action inside can a variable or an inline action* ##**EaseBackIn** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseBackIn *easeAction = EaseBackIn::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseBackIn( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseBackIn Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/ShadyAnxiousDungbeetle-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/ShadyAnxiousDungbeetle.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/ShadyAnxiousDungbeetle.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/ShadyAnxiousDungbeetle.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseBackInOut** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseBackInOut *easeAction = EaseBackInOut::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseBackInOut( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseBackInOut Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/PepperyFoolishAfricanclawedfrog-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/PepperyFoolishAfricanclawedfrog.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/PepperyFoolishAfricanclawedfrog.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/PepperyFoolishAfricanclawedfrog.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseBackOut** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseBackOut *easeAction = EaseBackOut::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseBackOut( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseBackOut Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/ZigzagSociableArcticwolf-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/ZigzagSociableArcticwolf.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/ZigzagSociableArcticwolf.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/ZigzagSociableArcticwolf.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseBounceIn** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseBounceIn *easeAction = EaseBounceIn::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseBounceIn( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseBounceIn Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/PaleLimitedIlsamochadegu-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/PaleLimitedIlsamochadegu.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/PaleLimitedIlsamochadegu.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/PaleLimitedIlsamochadegu.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseBounceInOut** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseBounceInOut *easeAction = EaseBounceInOut::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseBounceInOut( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseBounceInOut Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/KeyAncientFireant-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/KeyAncientFireant.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/KeyAncientFireant.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/KeyAncientFireant.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseBounceOut** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseBounceOut *easeAction = EaseBounceOut::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseBounceOut( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseBounceOut Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/AdmiredSentimentalHousefly-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/AdmiredSentimentalHousefly.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/AdmiredSentimentalHousefly.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/AdmiredSentimentalHousefly.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseCircleActionIn** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseCircleActionIn *easeAction = EaseCircleActionIn::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseCircleActionIn( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseCircleActionIn Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/IdealisticHatefulIndiancow-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/IdealisticHatefulIndiancow.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/IdealisticHatefulIndiancow.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/IdealisticHatefulIndiancow.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseCircleActionInOut** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseCircleActionInOut *easeAction = EaseCircleActionInOut::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseCircleActionInOut( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseCircleActionInOut Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/BelovedJovialDamselfly-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/BelovedJovialDamselfly.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/BelovedJovialDamselfly.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/BelovedJovialDamselfly.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseCircleActionOut** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseCircleActionOut *easeAction = EaseCircleActionOut::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseCircleActionOut( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseCircleActionOut Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/IndolentShadyJumpingbean-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/IndolentShadyJumpingbean.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/IndolentShadyJumpingbean.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/IndolentShadyJumpingbean.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseCubicActionIn** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseCubicActionIn *easeAction = EaseCubicActionIn::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseCubicActionIn( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseCubicActionIn Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/AppropriateNimbleGalapagosmockingbird-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/AppropriateNimbleGalapagosmockingbird.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/AppropriateNimbleGalapagosmockingbird.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/AppropriateNimbleGalapagosmockingbird.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseCubicActionInOut** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseCubicActionInOut *easeAction = EaseCubicActionInOut::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseCubicActionInOut( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseCubicActionInOut Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/EcstaticWillingBoutu-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/EcstaticWillingBoutu.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/EcstaticWillingBoutu.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/EcstaticWillingBoutu.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseCubicActionOut** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseCubicActionOut *easeAction = EaseCubicActionOut::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseCubicActionOut( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseCubicActionOut Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/WarmAnyIbisbill-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/WarmAnyIbisbill.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/WarmAnyIbisbill.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/WarmAnyIbisbill.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseElasticIn** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseElasticIn *easeAction = EaseElasticIn::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseElasticIn( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseElasticIn Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/UnconsciousThirdKittiwake-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/UnconsciousThirdKittiwake.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/UnconsciousThirdKittiwake.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/UnconsciousThirdKittiwake.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseElasticInOut** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseElasticInOut *easeAction = EaseElasticInOut::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseElasticInOut( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseElasticInOut Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/FatalFloweryHorsechestnutleafminer-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/FatalFloweryHorsechestnutleafminer.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/FatalFloweryHorsechestnutleafminer.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/FatalFloweryHorsechestnutleafminer.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseElasticOut** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseElasticOut *easeAction = EaseElasticOut::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseElasticOut( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseElasticOut Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/AbsoluteQualifiedFantail-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/AbsoluteQualifiedFantail.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/AbsoluteQualifiedFantail.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/AbsoluteQualifiedFantail.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseExponentialIn** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseExponentialIn *easeAction = EaseExponentialIn::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseExponentialIn( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseExponentialIn Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/SadLeanAmericanbadger-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/SadLeanAmericanbadger.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/SadLeanAmericanbadger.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/SadLeanAmericanbadger.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseExponentialInOut** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseExponentialInOut *easeAction = EaseExponentialInOut::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseExponentialInOut( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseExponentialInOut Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/ThatFaroffIrrawaddydolphin-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/ThatFaroffIrrawaddydolphin.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/ThatFaroffIrrawaddydolphin.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/ThatFaroffIrrawaddydolphin.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseExponentialOut** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseExponentialOut *easeAction = EaseExponentialOut::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseExponentialOut( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseExponentialOut Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/LegitimateDistinctGalapagosdove-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/LegitimateDistinctGalapagosdove.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/LegitimateDistinctGalapagosdove.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/LegitimateDistinctGalapagosdove.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseIn** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseIn *easeAction = EaseIn::create( nodeAction, 5.0 );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseIn( nodeAction, 5.0 );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] Note: *The EaseIn method requires a secondary parameter which is how much it floats* [block:html] { "html": "<center><strong>EaseIn Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/FriendlyIgnorantFrogmouth-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/FriendlyIgnorantFrogmouth.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/FriendlyIgnorantFrogmouth.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/FriendlyIgnorantFrogmouth.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseInOut** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseInOut *easeAction = EaseInOut::create( nodeAction, 5.0 );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseInOut( nodeAction, 5.0 );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] Note: *The EaseInOut method requires a secondary parameter which is how much it floats* [block:html] { "html": "<center><strong>EaseInOut Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/SeverePoshBasenji-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/SeverePoshBasenji.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/SeverePoshBasenji.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/SeverePoshBasenji.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseOut** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseOut *easeAction = EaseOut::create( nodeAction, 5.0 );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseOut( nodeAction, 5.0 );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] Note: *The EaseOut method requires a secondary parameter which is how much it floats* [block:html] { "html": "<center><strong>EaseOut Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/SnivelingBiodegradableEgg-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/SnivelingBiodegradableEgg.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/SnivelingBiodegradableEgg.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/SnivelingBiodegradableEgg.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseQuadraticActionIn** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseQuadraticActionIn *easeAction = EaseQuadraticActionIn::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseQuadraticActionIn( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseQuadraticActionIn Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/PerfumedFarawayAsianwaterbuffalo-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/PerfumedFarawayAsianwaterbuffalo.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/PerfumedFarawayAsianwaterbuffalo.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/PerfumedFarawayAsianwaterbuffalo.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseQuadraticActionInOut** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseQuadraticActionInOut *easeAction = EaseQuadraticActionInOut::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseQuadraticActionInOut( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseQuadraticActionInOut Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/PoliticalSelfassuredDuckbillplatypus-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/PoliticalSelfassuredDuckbillplatypus.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/PoliticalSelfassuredDuckbillplatypus.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/PoliticalSelfassuredDuckbillplatypus.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseQuadraticActionOut** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseQuadraticActionOut *easeAction = EaseQuadraticActionOut::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseQuadraticActionOut( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseQuadraticActionOut Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/TallRepentantAndeancat-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/TallRepentantAndeancat.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/TallRepentantAndeancat.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/TallRepentantAndeancat.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseQuarticActionIn** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseQuarticActionIn *easeAction = EaseQuarticActionIn::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseQuarticActionIn( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseQuarticActionIn Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/BlackandwhiteCreativeAmericankestrel-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/BlackandwhiteCreativeAmericankestrel.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/BlackandwhiteCreativeAmericankestrel.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/BlackandwhiteCreativeAmericankestrel.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseQuarticActionInOut** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseQuarticActionInOut *easeAction = EaseQuarticActionInOut::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseQuarticActionInOut( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseQuarticActionInOut Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/AgitatedBasicIberianmole-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/AgitatedBasicIberianmole.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/AgitatedBasicIberianmole.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/AgitatedBasicIberianmole.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseQuarticActionOut** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseQuarticActionOut *easeAction = EaseQuarticActionOut::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseQuarticActionOut( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseQuarticActionOut Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/YawningAfraidHanumanmonkey-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/YawningAfraidHanumanmonkey.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/YawningAfraidHanumanmonkey.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/YawningAfraidHanumanmonkey.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseQuinticActionIn** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseQuinticActionIn *easeAction = EaseQuinticActionIn::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseQuinticActionIn( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseQuinticActionIn Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/DiligentPotableBrahmanbull-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/DiligentPotableBrahmanbull.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/DiligentPotableBrahmanbull.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/DiligentPotableBrahmanbull.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseQuinticActionInOut** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseQuinticActionInOut *easeAction = EaseQuinticActionInOut::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseQuinticActionInOut( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseQuinticActionInOut Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/PlaintiveNextDogwoodtwigborer-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/PlaintiveNextDogwoodtwigborer.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/PlaintiveNextDogwoodtwigborer.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/PlaintiveNextDogwoodtwigborer.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseQuinticActionOut** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseQuinticActionOut *easeAction = EaseQuinticActionOut::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseQuinticActionOut( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseQuinticActionOut Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/DizzyFloweryFanworms-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/DizzyFloweryFanworms.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/DizzyFloweryFanworms.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/DizzyFloweryFanworms.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseSineIn** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseSineIn *easeAction = EaseSineIn::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseSineIn( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseSineIn Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/AncientCleverEasternnewt-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/AncientCleverEasternnewt.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/AncientCleverEasternnewt.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/AncientCleverEasternnewt.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseSineInOut** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseSineInOut *easeAction = EaseSineInOut::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseSineInOut( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseSineInOut Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/ReadyVerifiableAustraliancattledog-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/ReadyVerifiableAustraliancattledog.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/ReadyVerifiableAustraliancattledog.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/ReadyVerifiableAustraliancattledog.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block] ##**EaseSineOut** [block:code] { "codes": [ { "code": "// action to run\nMoveBy *nodeAction = MoveBy::create( 2.0, Vec2( 300, 0 ) );\n\n// easing action\nEaseSineOut *easeAction = EaseSineOut::create( nodeAction );\nnodeName->runAction( easeAction );", "language": "cplusplus", "name": "Cocos2d-x C++" }, { "code": "// action to run\nvar nodeAction = new cc.MoveBy( 2.0, cc.p( 300, 0 ) );\n\n// easing action\nvar easeAction = new cc.EaseSineOut( nodeAction );\nnodeName.runAction( easeAction );", "language": "javascript", "name": "Cocos2d-JS" } ] } [/block] [block:html] { "html": "<center><strong>EaseSineOut Preview</strong></center>\n<center>\n\t<video controls=\"\" preload=\"none\" name=\"media\" width=\"300\" poster=\"http://thumbs.gfycat.com/DecimalBitesizedFerret-thumb100.jpg\">\n\t<source src=\"http://zippy.gfycat.com/DecimalBitesizedFerret.webm\" type=\"video/webm\" />\n\t<source src=\"http://zippy.gfycat.com/DecimalBitesizedFerret.ogv\" type=\"video/ogg\" />\n\t<source src=\"http://zippy.gfycat.com/DecimalBitesizedFerret.mp4\" type=\"video/mp4\" />\n\t<p>Your web browser doesn't support this video preview, please download a new browser such as <a href=\"http://www.google.co.uk/intl/en_uk/chrome/browser/\">Google Chrome</a>.</p>\n\t</video>\n</center>" } [/block]