好像没写过3d项目分享，那么就跟着蚂蚁庄园的小鸡一起跳跳跳吧！

效果预览

配置环境: cocos creator 3D 1.0.0

首先是寻找3d资源花费了大半天时间，开发3d游戏不易呀！最终还是向KUOKUO大佬那捞了一只鸡(鸭？)来用了。

由于是第一次写3d项目，摄像机镜头调了多次才达到预想的效果。

还用了一个天空盒，网上找的资源。

实现原理

生成道路是用预制资源，代码动态生成。

const element: Node = instantiate(this.prefab_land);
this.node_tree.addChild(element);

摄像机跟着小鸡一起往前移动(我写的是z轴移动)。

update(deltaTime: number) {this.camera_game.node.setPosition(this.camera_game.node.position.x, this.camera_game.node.position.y, this.role.node.position.z)
}

监听TOUCH_MOVE事件控制小鸡左右移动，并要判断边界。注意手指移动的变化和实际屏幕看到的大小是不一样的，这是因为摄像机投影的原因。我是乘了一个系数，可能有其他方法判断？

private onTouMove(touch: Touch) {const delta = touch.getUIDelta();let targetX = this._curPos.x - delta.x * 1e-2;if (targetX > 4.5) targetX = 4.5;if (targetX < - 4.5) targetX = -4.5;this._curPos.x = targetX;
}

往前跳的运动就是修改y(跳跃) 和 z(往前)的数值啦。

jumpRun() {this._curPos.z += 0.1;if (Math.floor(this._curPos.z / 2) > this._curIndex) {this._curPos.y = 0;this._curIndex++;this.node.emit('JumpEnd', this._curIndex);}if (this._curPos.z % 2 < 1) {this._curPos.y += 0.2;} else {this._curPos.y -= 0.2;}
}

小结

cocos creator 3d 用起来挺顺手的（我也没用过其他3d引擎

蚂蚁庄园运动会登山赛！3d项目入门实战！Cocos Creator 3D！相关推荐

cocos creator 3D | 拇指投篮 | 3D项目入门实战
你的命中率是多少呢?文章底部试玩! 效果预览配置环境: Cocos Creator 3D v1.0.1 玩法说明: 触摸屏幕,向上滑动投篮!注意篮板是会移动的哦!看看你的命中率是多少! 实现原理为 ...
今天来介绍怎么获取 3D 素材，进行 Cocos Creator 3D 游戏开发体验！
前提介绍刚开始接触 Cocos Creator 3D,还是通过视频教程,认识到了一些常用组件的用法,以及一些简单功能的实现,然后照葫芦画瓢,修修改改,做了两款简单的3D游戏,一款是模拟投篮的,另一款 ...
体育类游戏，3D 足球射门，Cocos Creator 3D 实现，附源码！
效果预览获取代码关注公众号,发送[3D足球]获取代码. 游戏介绍 ● 点击屏幕,松开手指,足球就会被踢出去,还缺少力度和方向控制,同时也缺少力度和方向的界面展现,后期完善以后,会进行更新,欢迎继 ...
Cocos Creator 3D 蚂蚁庄园系列技术分享
编者按 "游戏开发小赤佬,也玩 python 和 shell" 白玉无冰是"Cocos 荣耀讲师"征稿活动第1期的获奖作者之一,除了征稿作品<用摄像机实现 ...
Cocos Creator 3D v1.0.2 正式发布，新增小游戏平台支持
Hi,各位开发者,Cocos Creator 3D 为大家带来翘首以待的新平台和新功能支持,v1.0.2 已正式发布,欢迎大家移步官网下载使用! 升级之前请根据项目情况进行必要的技术评估和版本备份噢 ...
【更新至 11P】Cocos Creator 3D 官方中文视频教程
为了帮助各位开发者更快上手 Cocos Creator 3D 的使用,开发出好玩优质的 3D 游戏作品, Cocos Creator 3D 引擎开发工程师放空结合 3D 休闲小游戏案例<快上车 ...
如何用 Cocos Creator 3D 如何实现小姐姐的发丝高光？
Introduction PRB 材质改变了人们对于引擎实时渲染画面的理解,让玩家在游戏中,也能够体验到锈蚀的金属,厚重的皮革,精细的纹理,感受更加真实的世界.在正式发布的 Cocos Creator ...
cocoscreator3d 模型透明_用 Cocos Creator 3D 实现小姐姐的发丝高光
本文作者:武云潇 Cocos Creator 3D 引擎开发工程师 >>作者知乎:YunHsiao Wu >>作者其他文章:<It's not a bug, it's ...
Cocos Creator 3D后期效果解决方案源码剖析--从入门到融汇贯通
注:本文既有经验上的总结,又有实现方式上的讲解.既有流程上的描述,又有代码细节上的剖析. 全文字数5000+,看的时候最好带上笔和纸. 零.你的序感谢大家的厚爱,KylinsPostEffects上 ...

蚂蚁庄园运动会登山赛！3d项目入门实战！Cocos Creator 3D！

效果预览

实现原理

小结

蚂蚁庄园运动会登山赛！3d项目入门实战！Cocos Creator 3D！相关推荐

最新文章

热门文章