Cocos2dx实现透视效果

开发中需要实现透视效果,自己将实现过程记录下:

创建demo并添加一个精灵到坐标原点:

    auto sprite = Sprite::create("HelloWorld.png");
    this->addChild(sprite, 0);
效果图:


添加Camera,设置初始参数:
    auto camera=Camera::createPerspective(60, visibleSize.width/visibleSize.height, 500, 0);
    //create时的参数根据API对参数的描述传入即可
    camera->setCameraFlag(CameraFlag::USER1);
    camera->setPosition3D(Vec3(0, 0,300));
    //设置相机位置
    camera->lookAt(Vec3(0, 0, 0),Vec3(0,1,0));
    //设置视点
    this->addChild(camera);
    sprite->setCameraMask(2);
    //因为2 & CameraFlag::USER1 !=0,所以cameraMask=2与CameraFlag::USER1匹配,sprite将使用上面创建的camera

效果:

调整camera的x坐标

camera->setPosition3D(Vec3(100, 0,300));

camera位置在x轴右侧,故看起来右大左小(右侧距离camera更近)

效果:

 

camera->setPosition3D(Vec3(-100, 0,300));

camera位置在x轴左侧,故看起来左大右小(左侧距离camera更近)

 

调整观察点,保持camera在z轴上:

    camera->setPosition3D(Vec3(0, 0,300));
    camera->lookAt(Vec3(100, 0, 0),Vec3(0,1,0));
观察目标物的参考点x坐标为正,故看起来是左大右小

camera->lookAt(Vec3(-100, 0, 0),Vec3(0,1,0));

观察目标物的参考点x坐标为负,故看起来是右大左小


 

posted on 2019-04-18 11:15  &大飞  阅读(851)  评论(0编辑  收藏  举报

导航