javascript - 无法在 HTML5 中运行 cocos2d javascript sprite 的 Ripple3D 操作

Question

我正在尝试运行 Ripple3D 操作:

var mySprite = new cc.Sprite(res.SPRITE);
mySprite.runAction(cc.ripple3D(5.0, cc.size(400,400), cc.p(200,200), 50, 4, 100));

但我明白了:

Uncaught TypeError: this._gridNodeTarget.getGridRect is not a function

这必须特定于 cc.size() 或 ripple3D 因为对于像 MoveBy 或 这样的操作来说一切都很好旋转方式.

我使用的是cocos2d-javascript 3.0。编译Web版的cocos控制台。在 Google Chrome、Mac OSX Yosemite 上进行测试。

Answer 1

我以前没有使用过此效果，但查看引擎示例文件夹中的 EffectsTest.js，我发现他们使用 NodeGrid 来实现此效果。

var node = new cc.Node();
var nodeGrid = new cc.NodeGrid();
nodeGrid.addChild(node);
nodeGrid.runAction(cc.ripple3D(duration, cc.size(32, 24), cc.p(winSize.width / 2, winSize.height / 2), 240, 4, 160););
this.addChild(nodeGrid);
// back gradient
var gradient = new cc.LayerGradient(cc.color(0, 0, 0, 255), cc.color(98, 99, 117, 255));
node.addChild(gradient);

// back image
var bg = new cc.Sprite(s_back3);
bg.x = winSize.width / 2;
bg.y = winSize.height / 2;
node.addChild(bg);

代码本身就说明了一些问题，所以我希望它对您有所帮助。