3DUI Cocos Creator

于 2023-03-09 12:37:30 发布
阅读量385 收藏
点赞数
文章标签： 3d ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45686592/article/details/129434302
版权

分享一个小组件，实现3DUI~

效果

使用效果、步骤、原理见视频[1]

环境

Cocos Creator 3.7.1

原理

UI相机生成一张RT，动态计算UV生成四方形网格

6e458d138b09808fcec2e83607736b6f.png

步骤

层级

95ff9b136853507aa29113d1492a499a.png 49a0f7a0917aa8fa392178e950a2c2f0.png

相机

ad73580664db7738b99fd51b57e99df0.png

材质

b07a8435c4d16a84ea7e847ddccbdc10.png
最低0.47元/天 解锁文章
「已注销」
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CocosCreator3D插件教程(10)：使用UI框架快速编写UI
插件小王子(xu_yanfeng)的博客
11-14 851
在任何技术领域，编写UI界面，始终是一件比较繁琐的事情，不过creator3d插件也内置了大量内部UI组件，可以方便我们快速编写UI。 使用插件内置UI组件 我们可以在菜单开发者/UI组件中，查看现有的内置组件： 面板中展示了很多已有的UI组件，我们都可以在插件面板中直接使用，无需引入，示例中也给出了使用代码，非常方便，具体的UI组件细节，可以在文档中查阅。 使用插件内置UI组件： 优点： UI风格和整个编辑器非常协调。 ui-asset， ui-node，ui-component 等组件，和编辑器器
CocosCreator3D小项目躲避方块
02-06
使用CocosCreator最新版本v2.1.0进行开发的Demo。适用于初学者进行学习研究。里面使用了两个fbx模型，一个球，一个方块。
Cocos Creator-2.UI系统
joyyi9的博客
12-14 1366
Cocos Creator-2.UI系统前言一、常用 UI 控件二、Canvas（画布）组件三、Widget (对齐挂件) 组件四、Button（按钮）组件1.案例1五、Layout 组件六、EditBox 组件七、RichText 组件八、ScrollView 组件（***）九、ScrollBar 组件十、ProgressBar 组件十一、Toggle 组件十二、ToggleContainer 组件十三、Slider 组件1.案例十四、PageView 组件1.案例总结 前言 我简直太爱Cocos的官.
让Cocos Studio 2.3.2制作UI界面中控件支持运行3d动作特效的间接途径
weixin_34293911的博客
11-23 95
引子　　下了课有点小空，回想起前天的Studio中UI控件的3D动作问题，还是有点放心不下，毕竟3D高级动作特效是一件游戏开发的“法宝”。在仔细地研究了Waves3D等3D高级动作特效之后，我找到了一种如本文标题所示的间接途径。有兴趣的朋友可以参考一下。 实现过程记录 先上图，下图给出的是我的教学游戏中游戏中启动场景在Cocos Studio 2.3.2中的截图，同学们可以注意我在图中标记的部分。...
cocos入门7：cocos creator 中的ui系统
weixin_36020178的博客
10-29 1936
cocos creator中的label、sprite、button
UIManager_Unity3DUI框架_
09-30
总结来说，"UIManager_Unity3DUI框架_"是一个使用JSON解析实现的UI管理系统，旨在简化Unity3D中的UI面板管理，提供灵活的配置和高效的性能。通过理解和利用这个框架，开发者可以构建出功能丰富、层次分明且易于扩展...
UE4_UE5制作3DUI并朝向相机
06-20
本项目是UE5的工程，使用UE5打开 制作3DUI的简单Demo 工程文章地址： https://blog.csdn.net/Highning0007/article/details/125284705
【cocos creator】2.4.x实现简单3d功能，点击选中，旋转，材质修改，透明材质
最新发布
07-09
https://blog.csdn.net/K86338236/article/details/140303549 2.4.x实现简单3d功能，点击选中，旋转，材质修改，透明材质 2dUI界面，3d场景，点击屏幕用射线判断选中物体
个人开发小工具--Unity模仿自身Canvas交互的面片3DUI(Unity 2017.4.8)
09-24
模仿unity自身Canvas UI系统而制作的一个带有交互事件交互面片3dUI，目前只做有按钮和单选框，unity版本是2017.4.8
dui designer
09-12
《深入理解Dui Designer：打造高效UI设计的新里程》 在IT行业中，UI设计扮演着至关重要的角色，它决定了用户与软件交互的直观性和舒适性。Dui Designer，作为一款专为duilib皮肤库定制的界面设计器，极大地简化了...
Cocos Creator教程 ——（二）UI系统介绍（上）
然后就去远行
10-23 2320
目录前言一、Sprite（精灵）二、Label（文字）三、Weight（对齐挂件）四、Layout（自动布局） 前言 这里会通过一个demo项目去介绍现在的UI系统有生产什么游戏的能力，以及在制作UI的过程中的各种实现细节；Cocos Creator实现了彻底的脚本化、组件化以及数据驱动的特点，还有一个好用的UI系统，现在我们看一个UI的demo；由于视频作者没有提供源代码素材，所以这里只能简单进行素材的替换并进行演示。所有的UI界面的生成都是由UI元素拼装而成，我们会这里会分别介绍Sprite精灵，Lab
cocos creator上的UI窗口管理框架
R0CK Y0U的博客
08-25 1699
在cocos creator基础上做的UI窗口管理框架 1. 简介 主要意义在于统一管理UI的各种弹框，包括单按钮和双按钮弹框，全屏界面，toast弹框等等各种UI窗口。 2. 打开和关闭窗口 打开窗口 UIManager.ins.OpenPage(UIMessageBox); 第二个参数可以设定打开时传递的设置和传递参数等； 关闭窗口 UIManager.ins.ClosePage(UIMessageBox); 打开和关闭都支持动画方式，也可以自定义动画。 3. 传递参数 支持给窗口传递参数
用Cocos Studio 2.3.2制作UI界面中控件不再支持运行3d动作特效
weixin_33720956的博客
11-19 129
用Cocos Studio 2.3.2制作UI界面中控件不再支持运行3d动作特效 　　 cocos2d-x + cocos studio无疑是当下二维手游开发的利器，但是在从旧版本向新版本的升级过程中，坑坑也的确不少。看到网络上这方面的记录多如牛毛，但又大多是只言片语，甚至于最可靠的官方网站上许多文档也都十分过时。因此，深深觉得，要做成功一项开源项目的确很难，而这部分文档教程又恐怕无非一个两个员工...
Cocos Creator 预制的使用模板（一般用于UI）
Dust的博客
11-18 617
Cocos Creator里绑定properties @property(cc.Prefab) XXUIPrefab: cc.Prefab = null; 在预制上挂脚本 import { Constants, GameState } from "./data/DWJY_Constants"; const { ccclass, property } = cc._decorator; @ccclass export default class XXUI extends cc.Compon.
【CocosCreator 3.x】使用 UIMeshRenderer 组件实现 3D 渲染在 UI 上 =＞ 攻略
u014206745的博客
08-09 1815
5分钟让你学会使用 UIMeshRenderer 组件实现 3D 模型渲染在 UI 上的效果。
Cocos CreatorUI系统上
chixi9603的博客
08-25 269
若本号内容有做得不到位的地方（比如：涉及版权或其他问题），请及时联系我们进行整改即可，会在第一时间进行处理。 请点赞！因为你们的赞同/鼓励是我写作的最大动力！ 欢迎关注达叔小生的简书！ 这是一个有质量，有态度的博客 ...
CocosCreator 屏幕适配、UI布局排版 (第十二篇)
程序员战胜
03-04 6198
前言： 这篇文章将会提及屏幕的适配问题、Widget(对齐组件)的使用、Label组件的文字排版、以及容器Layout 组件。 一、屏幕适配 1.屏幕适配主要是用来解决不同的手机分辨率不同的问题。因为我们在游戏开发的时候那个画布Canvas就设置好了，虽然一般在设置分辨率的时候都是适合大部分的手机，但还是有一部分手机不匹配。对于不匹配的分辨率就要进行等比的缩放操作，这个时候就出现了游戏界面宽度缩放...
零代码实现面片效果(UV滚动,帧动画) Cocos Creator
白玉无冰
02-06 501
一种在3D场景中布置简易面片动画的方法。例如字幕滚动，帧动画，UV流动效果。实现效果开发环境Cocos Creator 3.6.2 编辑器。实现步骤实现的方式是用动画组件修改四方形网格材质中的tilingOffset1.在场景中新建一个3d对象四方形2.新建一个材质，并使用贴图3.为节点添加动画组件4.编辑节点动画组件详细步骤操作见以下视频视频讲解https://www.bilibili.com...
CocosCreator3D插件教程(6)：给插件添加UI面板
插件小王子(xu_yanfeng)的博客
11-14 520
有时我们的插件需要UI面板，进行一些简单的人机交互，使插件的使用更加简单、方便。 那么在creator3D插件中，如何添加UI面板呢？ 1.配置插件UI面板 如下所示，修改package.json文件，插件的所有面板，都是在panels字段定义： { // ... "panels": { "default": { "title": "UI面板", "type": "dockable", "main": "./panel.js" } } }
3DUI 和2DUI使用
06-09
3D UI 和 2D UI 都有各自的优缺点和适用场景。 3D UI 的优点在于可以提供更加真实的沉浸式体验，可以让用户感受到更加自然的交互。它们可以提供更多的视觉效果，例如深度、纹理和阴影等，可以增强用户对界面元素的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值