基于Cocos2d-x的2D光线效果雏形

最新推荐文章于 2020-11-12 12:06:29 发布

原创

最新推荐文章于 2020-11-12 12:06:29 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#cocos2d-x

本文介绍了如何基于Cocos2d-x游戏引擎实现2D光线效果。作者从一个网页版的效果受到启发，决定在Cocos2d-x上进行复现。通过初始化多边形顶点、添加光源精灵并处理触摸事件来移动光源，去除重复点，计算角度，以及处理光线与墙面的碰撞，逐步构建出2D光线效果。

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

这个效果起初是在一篇blog看见的，效果很赞，是网页版的，然后想在Cocos2d上实现下，然后就去做了。

blog地址：http://huangwei.pro/2015-08/game-sight-light/

我的github：https://github.com/pepsigit/Cocos2d/tree/master/2DLighgt

首先，在 .h 里面定义一下需要的结构体：

typedef struct LIGHTLINE
{
   Point segA; // 光线的起始点
   Point segB; // 光线的终止点
   float t1;
}LightLine;

typedefstruct POINTANDANGLE
{
   Point point; // 光源打在墙上的点 
   float angle; // 相对于光源的角度
}PointAndAngle;

是的，我们只需要这些。再来 .cpp 里面，现在初始化下多边形的顶点：

boolHelloWorld::InitSegments()
{
   int subX =60;
   int subY =0;
   LightLine tmp;

    // Border
    tmp.segA = Vec2( origin.x,origin.y);
    tmp.segB = Vec2( origin.x,origin.y +visibleSize.height );
   m_segments.push_back(tmp);

    tmp.segA = Point( origin.x,origin.y );
    tmp.segB = Point( origin.x +visibleSize.width,origin.y );
   m_segments.push_back(tmp);

    tmp.segA = Point( origin.x,origin.y +visibleSize.height );
    tmp.segB = Point( origin.x +visibleSize.width,origin.y + visibleSize.height );
   m_segments.push_back(tmp);

    tmp.segA = Point( origin.x +visibleSize.width,origin.y );
    tmp.segB = Point( origin.x +visibleSize.width,origin.y + visibleSize.height );
   m_segments.push_back(tmp);

    // polygon #1
    tmp.segA =Point(100-subX,150-subY ); 
    tmp.segB =Point(120-subX, 50-subY );
   m_segment