3、cocos2d-x学习笔记——2d简易破碎效果

最新推荐文章于 2023-04-26 16:57:59 发布

原创

最新推荐文章于 2023-04-26 16:57:59 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了如何在cocos2d-x中实现2D纹理的破碎效果，利用opengl es的三角形图元原理，通过修改sprite的_PolyInfo.triangle参数，结合随机生成的点进行三角形切割，最终实现纹理的破碎。同时，文章提到了一种简单的破碎算法，以及判断点在三角形内的方法，并提供了破碎后三角形远离的动效代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 
 
 

  
  
  
   
   
   

   
   
   
    
    
    broken.png
   
   
   

  
  
  
破碎效果，也就是把纹理粉碎成一小块一小块的。在实现这个效果前，我们需要知道cocos2d-x是怎么渲染的。

众所周知，cocos2d-x使用的是opengl es，而sprite使用的是opengl es里面的三角形图元渲染的，也就是说，我们平常看到的sprite是通过两个三角形渲染出来的。

我们来看看sprite的draw函数

  
  
  void Sprite::draw(Renderer *renderer, const Mat4 &transform, uint32_t flags)
{
    ......
    _trianglesCommand.init(_globalZOrder, _texture->getName(), getGLProgramState(), _blendFunc, _polyInfo.triangles, transform, flags);
    ......
}
在