麒麟子Cocos Creator 3D研究笔记八：3D坐标转2D&人物血条

最新推荐文章于 2024-07-30 19:53:54 发布
最新推荐文章于 2024-07-30 19:53:54 发布
阅读量3.1k 收藏 8
点赞数 2
分类专栏： 麒麟子Cocos Creator 3D研究笔记 Cocos Creator 3D 文章标签： Cocos Creator 3D游戏开发 游戏开发教程 免费游戏源码 麒麟子游戏开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36720848/article/details/108068229
版权

夜深了，咱就直接进入正题吧，容麒麟子先上张图。

截自cc.d.ts

我们主要用到的就是这个CameraComponent中的converToUINode函数。它这个注释有点问题。

第一个参数 wpos:传入的是世界坐标点，比如人物头顶某个位置的世界坐标点

第二个参数 uiNode:传入的是你想要观察的UI节点的父节点，注意是父节点。不要问我为什么，因为传子节点不顶用。

第三个参数 out: 如果你需要获得位置，那么你传入一个自建的vec3变量，用于获取转换后的2d坐标点。

这篇 文章告诉大家两个事情

1、uiNode参数一定要是父节点。

2、我写好了一个血条组件给大家。

忍不住想吐槽一下，写这个API的人，是从laya挖过来的吗？3D转2D坐标，为什么要把uiNode传进去。为了效率吗？这是麒麟子第一见到有引擎的摄像机组件提供这样的转换API。

源码白嫖地址：https://gitee.com/qilinzi/qfw    下载下来后，在里面搜索TitleBar即可

如果觉得文章有帮助，请关注麒麟子，后面的文章更精彩。

麒麟子MrKylin
关注
专栏目录
将3D坐标转成2D坐标的方法2
08-08
2.用“tower”标签名称来区隔不同的3D物件 3.用此功能取得所点击的3D物件的x,y,z坐标（world space） 然后再透过camera.World
cocos 制作微信箫游戏_Cocos Creator如何制作3D微信小游戏
weixin_33729662的博客
01-04 206
Cocos Creator推出了3D编辑器，集成到了2.1以后的版本，今天我们来看下如何来使用 Cocos creator2.1做3D。 1: 可以2D/3D来回切换的场景编辑器: 点击按钮，可以进入3D编辑器模式，再点击一下有回到2D编辑模式。2: 3D游戏中的2D元素:2D元素我们放到Canvas下面，然后我们新建一个分组UI，所有的2D物体(一般是UI)我们都分来的UI分组下，MainCam...
cocos creator 3d坐标转换成2d坐标
最新发布
qq_52381274的博客
07-30 406
cam是指3d相机 converttouiNode第一个参数为想要转换的坐标，第二个为想转换坐标到哪个节点的坐标系下，第三个参数为输出的转换后的坐标。1.cocos提供了将3d坐标转换成2d坐标的方法。cocos creator相关技术难点。
022 - cocos creator 3D
qq_30856231的博客
06-02 3740
#cocos creator 3D 001 初识creator3D 光、摄像机 双击目录–定位到物体 右键旋转 ALT+鼠标左键 旋转物体 x轴【红色】,y轴【绿色】,z轴【蓝色】 3D组件 预览 游戏发布简介 3D坐标系 右手坐标系、左手坐标系 物体： 前方： -z 右边： +x 上面： +y 创建3D物体 plane: 平面：10*10 002 创建一个项目与组件化开发 准备： （1）做3D建模（3DMax,Zbrush,Maya）,模型原点，模型坐标系。 （2）放入3D世界中
Cocos-2d 坐标系及其坐标转换
热门推荐
Monica的专栏
12-14 2万+
Cocos-2d中，涉及到4种坐标系： GL坐标系Cocos2D以OpenglES为图形库，所以它使用OpenglES坐标系。GL坐标系原点在屏幕左下角，x轴向右，y轴向上。 屏幕坐标系苹果的Quarze2D使用的是不同的坐标系统，原点在屏幕左上角，x轴向右，y轴向下。ios的屏幕触摸事件CCTouch传入的位置信息使用的是该坐标系。因此在cocos2d中对触摸事件做出响应前需要首先把
cocos creator 3D 官方出品源码 幽灵射手
06-24
《Cocos Creator 3D：官方源码解析与游戏开发实践——以“幽灵射手”为例》 Cocos Creator 3D 是一个强大的跨平台游戏开发工具，它为开发者提供了全面的2D和3D游戏开发功能。这次我们关注的是官方出品的"幽灵射手...
cocos creator 3D RPG手游源码 Roguelike元素的射击游戏源码
06-06
游戏类型 休闲, 冒险, 单机, 安卓, 3D, 弓箭 Cocos Creatorv3.3.0版本项目, 支持H5、小游戏、Android打包；...项目完整开源，含工程源码、美术资源、策划文档（核心逻辑、技能设定、UI 说明），支持 Cocos Creator 3.3
快上车3D-creator3D.zip源码cocos creator项目源码下载
03-18
快上车3D-creator3D.zip源码cocos creator项目源码下载快上车3D-creator3D.zip源码cocos creator项目源码下载 1.上线产品适合个人学习技术做项目参考 2.开发脚本为javsScropt或者typeScript 3.上线产品适合小公司...
Cocos Creator 3D使用腾讯云游戏联机对战引擎（MGOBE）示例工程
08-06
本示例工程实现了在Cocos Creator 3.x版本下接入MGOBE，完成了一个具有创建房间、快速匹配、开始帧同步、结束帧同步、退出房间等基本功能的DEMO。详查...
Cocos Creator 3D开发入门----CocosCreator3D篮球.zip
12-13
Cocos Creator 3D开发入门----CocosCreator3D篮球.zip import { _decorator, Component, Node, RigidBodyComponent, PhysicMaterial, ColliderComponent } from "cc"; const { ccclass, property } = _decorator; @ccclass("PhyMat") export class PhyMat extends Component { @property private friction: number = 0; // 摩擦力 @property private restitution: number = 0; // 弹力 /* class member could be defined like this */ // dummy = ''; /* use `property` decorator if your want the member to be serializable */ // @property // serializableDummy = 0; onLoad(): void{ let comps: Array = this.node.getComponents(ColliderComponent) as Array; let mat = new PhysicMaterial(); mat.friction = this.friction; mat.restitution = this.restitution; for(let i = 0; i < comps.length; i++){ comps[i].material = mat; } } start () { // Your initialization goes here. } // update (deltaTime: number) { // // Your update function goes here. // } }
体育类游戏，3D 足球射门 ，Cocos Creator 3D 实现，附源码Creator3D_football.zip
12-13
体育类游戏，3D 足球射门 ，Cocos Creator 3D 实现，附源码Creator3D_football.zip import { _decorator, Component, Node,ColliderComponent,PhysicMaterial } from "cc"; const { ccclass, property } = _decorator; @ccclass("PhyMat") export class PhyMat extends Component { @property private friction: number = 0; // 摩擦力 @property private restitution: number = 0; // 弹力 onLoad():void{ let comps: Array = this.node.getComponents(ColliderComponent) as Array; let mat = new PhysicMaterial(); mat.friction = this.friction; mat.restitution = this.restitution; for(let i = 0; i < comps.length; i++){ comps[i].material = mat; } } start () { // Your initialization goes here. } // update (deltaTime: number) { // // Your update function goes here. // } }
CocosCreator3D小项目躲避方块
02-06
使用CocosCreator最新版本v2.1.0进行开发的Demo。适用于初学者进行学习研究。里面使用了两个fbx模型，一个球，一个方块。
Cocos Creator模拟砸金蛋3d旋转效果 | 附代码egg.zip
12-13
Cocos Creator模拟砸金蛋3d旋转效果 | 附代码egg.zip // Learn TypeScript: // - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/typescript.html // - [English] http://www.cocos2d-x.org/docs/creator/manual/en/scripting/typescript.html // Learn Attribute: // - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/reference/attributes.html // - [English] http://www.cocos2d-x.org/docs/creator/manual/en/scripting/reference/attributes.html // Learn life-cycle callbacks: // - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/life-cycle-callbacks.html // - [English] http://www.cocos2d-x.org/docs/creator/manual/en/scripting/life-cycle-callbacks.html const {ccclass, property} = cc._decorator; @ccclass export default class Game extends cc.Component { @property Count: number = 5; @property(cc.Prefab) prefab: cc.Prefab = null; @property(cc.Node) nodeParent: cc.Node = null; private mEggs: cc.Node[] = []; // LIFE-CYCLE CALLBACKS: // onLoad () {} start () { } // update (dt) {} onClick(event, data){ switch(data){ case 'add':{ this.addEggs(); break; } case 'move':{ this.moveEggs(); break; } case 'stop':{ this.stopMoveEggs(); break; } } } addEggs(){ if(this.Count <= 0){ return; } this.mEggs = []; const N = 360 / this.Count; for(let i = 0; i < this.Count; i++){ let egg = cc.instantiate(this.prefab); let js = egg.getComponent('Egg'); js.setRadian(i * N * Math.PI / 180); js.updatePos(); egg.parent = this.nodeParent; this.mEggs.push(egg); } } moveEggs(){ for(let i = 0; i < this.mEggs.length; i++){ this.mEggs[i].getComponent('Egg').setMove(true); } } stopMoveEggs(){ for(let i = 0; i < this.mEggs.length; i++){ this.mEggs[i].getComponent('Egg').setMove(false); } } }
Cocos Creator 3D游戏成像全过程详解与Shader详解
Thomas_YXQ的博客
04-16 746
Cocos Creator是一款由Cocos2d-x团队开发的游戏开发引擎，它不仅支持2D游戏的开发，还能够创建3D游戏。在本文中，我们将详细介绍Cocos Creator 3D游戏成像的全过程，并深入探讨Shader的实现细节。对惹，这里有一个游戏开发交流小组，大家可以点击进来一起交流一下开发经验呀！一、Cocos Creator 3D游戏成像全过程详解创建场景：在Cocos Creator中，我们首先需要创建一个场景来放置游戏中的各种元素，如角色、道具、背景等。可以通过拖拽资源或代码创建节点来构建场景。
Cocos Creator 3D 实现撑杆跳！只要不掉下去，可以一直玩！
一枚小工
08-17 454
预览效果游戏玩法很简单，长按屏幕控制杆子的伸长，松开后停止伸长，并放下，如果杆子落下，能够成功够到下个柱子，得 1 分，继续游戏；否则，游戏结束。（文章结尾有免费赠书活动，欢迎参...
cocos 3D坐标变换
造梦空间
08-20 2062
cocos 3D坐标变换 -- 世界空间-&amp;gt;摄像机空间-&amp;gt;屏幕点 -- @param pos 世界坐标 -- @param camera 摄像机 -- @return 屏幕坐标 function ToolUtils.CameraPos2screenPos(pos,camera) local screenSize=cc.Director:getInstance():get...
Cocos Creator 3D v1.0.1 正式发布
Cocos的博客
11-22 796
​感谢所有开发者对 Cocos Creator 3D v1.0.0 的支持，我们兴奋地发现发布不到三周，就有几款 3D 小游戏上线了，多少也算验证了我们在工作流效率上所付出的努力。相信目前的 Cocos Creator 3D 对于制作纯 3D 小游戏已经不是问题，欢迎更多开发者尝试。 部分 3D 小游戏，在微信小程序中搜索即可体验！ 虽然目前上线的这些游戏还比较简单，不...
Cocos Creator 3D资源的导入与动画播放详解
Thomas_YXQ的博客
04-23 1069
在代码中，我们首先为3D节点添加一个AnimationComponent组件，并创建一个新的AnimationClip动画剪辑。导入完成后，我们可以在场景编辑器中看到导入的3D模型，并可以对其进行操作和设置。在代码中，我们首先创建一个新的3D节点，并为其添加一个ModelComponent组件。接下来，我们需要创建一个3D节点并将导入的3D模型资源添加到节点上。在Cocos Creator中，导入和播放3D资源是非常重要的一部分，本文将详细介绍如何在Cocos Creator中导入3D资源并播放动画。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值