Cocos Creator模拟砸金蛋3d旋转效果

获取代码

关注微信公众号，发送【砸蛋】获取代码

效果预览

使用说明

点击add，添加蛋到盘子上，蛋的数量后台可配置；

点击move，让蛋在盘子上转动起来；

点击stop，让蛋停止转动。

蛋旋转效果实现

椭圆定义

平面内与两定点、的距离的和等于常数( )的动点P 的轨迹叫做椭圆。

即：

其中两定点、叫做椭圆的焦点，两焦点的距离叫做椭圆的焦距。为椭圆的动点。

椭圆截与两焦点连线重合的直线所得的弦为长轴，长为。

椭圆截垂直平分两焦点连线的直线所得弦为短轴，长为。

运动轨迹计算

运动轨迹的计算就是通过椭圆的数学定义实现的。

x = acosθ

y = bsinθ

根据地图，设置要椭圆圆心所在位置和蛋的放置点位置，即显示图片的锚点，比如本例中的放置蛋的盘子。

蛋放置点位置

而椭圆的长轴和短轴，可以不断的调整位置，查看显示效果来确定。游戏中，只需要不断的更新鸡蛋旋转的角度，鸡蛋的位置自然就出来了。

更新鸡蛋所在位置

计算鸡蛋的位置

大小和层级变化

由于鸡蛋在运动过程中，不断的更换位置，需要不断的变更鸡蛋的大小和层级。

大小的变化，离屏幕越近越大，反之越小，通过scale放大缩小鸡蛋即可。

层级的变化，离屏幕越近层级越高，反之越低，变化趋势类似大小，直接根据鸡蛋的大小，按照一定比例计算层级即可。

>> 更多游戏

☞ 数钱 ☞ 左右跳 ☞ 重力球 ☞ 打地鼠

☞ 推箱子 ☞ 扫雷 ☞ 跑酷 ☞ 动物同化

☞ 打飞机 ☞ 撑杆跳 ☞ 六边形 ☞ 口红机

☞ 当官消消乐 ☞ 虚拟摇杆

Cocos Creator模拟砸金蛋3d旋转效果 | 附代码相关推荐

用 Cocos Creator 模拟书本翻页效果
本篇文章作者:乐府-贝塔乐府-贝塔:乐府前端核心开发,从事游戏开发多年,从 Cocos2d-x 做到 Cocos Creator,擅长渲染技术的相关优化.多年的前端开发经验激发了对技术研究的深厚兴趣 ...
全套源码丨Cocos Creator 轻松玩转 3D 策略对战游戏，创意拉满！
又一款 Cocos Demo Team 的作品<疯狂打群架>上线了!<疯狂打群架>是一款 3D 策略对战小游戏,具有丰富的关卡.兵种等元素,项目完整开源,含工程源码.美术资源. ...
在Cocos Creator Store中下载的插件和代码存放在哪里呢？
我们从Cocos Creator Store中下载插件或者代码/资源,放在哪里呢?有时候找还真有点费时间,现在记录下吧. 下面是Mac版的截图无论是Mac版还是Windows版,文件夹路径是用户主目 ...
Cocos Creator模拟射箭效果 | 附代码
1 获取代码感谢「一枚小工」的投稿,关注他的微信公众号,发送[射箭]获取代码 2 效果预览 3 操作方法点击屏幕,屏幕出现起始位置标志的圆点,不松开手指,滑动屏幕,控制力度和方向,移动距离越大,弓 ...
用Cocos Creator 模拟书本翻页效果
1.简介本文主要探讨了如何使用CocosCreator来模拟书本翻页效果,分别介绍了通过使用贝塞尔曲线和verlet积分算法来模拟书页底边在翻页过程中的弯曲形变,最后通过自定义assembler传入 ...
cocos creator 模拟纸飞机运动动画
模拟纸飞机运动动画 PaperPlaneAnim 项目需要模拟一个纸飞机飞到目的地的动画,用cocos的moveto动画不能满足需求,因为纸飞机总是向着飞机头朝向移动. 所以需要考虑飞机头的朝向,计算 ...
cocos creator 模拟重力爆炸效果
最近在写一个用collider和rigidbody来模拟爆炸一下掉落的效果.(因为是测试版,所以素材很low.仅供参考) 先上层级关系图场景视图 pot是中间的那个小的图.也是模拟爆炸的中心点随便用 ...
【cocos creator】场景加载跳转代码，排行代码
场景加载跳转代码 // Learn cc.Class: // - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/class. ...
GAN生成对抗网络合集（三）：InfoGAN和ACGAN-指定类别生成模拟样本的GAN（附代码）
1 InfoGAN-带有隐含信息的GAN InfoGAN是一种把信息论与GAN相融合的神经网络,能够使网络具有信息解读功能. GAN的生成器在构建样本时使用了任意的噪声向量x',并从低维 ...

Cocos Creator模拟砸金蛋3d旋转效果 | 附代码

Cocos Creator模拟砸金蛋3d旋转效果 | 附代码相关推荐

最新文章

热门文章