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坐标为负,故看起来是右大左小