cocos creator 切圆角处理

最新推荐文章于 2024-05-10 00:18:22 发布
最新推荐文章于 2024-05-10 00:18:22 发布
阅读量8.8k 收藏 5
点赞数 3
分类专栏： 随笔 文章标签： cocos creator
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Fe777s/article/details/102686205
版权

1、利用Mask组件切出来一个圆角在这里插入图片描述

  • 创建一个空的Node节点，在该节点上添加Mask组件，Type选择ELLIPSE
  • 在该节点下加入一个新的Sprite精灵组件，就能显示如图所示的圆角图片

2、第一步操作出来的图片会有锯齿状的效果，如图：
在这里插入图片描述
这是Mask组件切圆角的一个弊端，当然也可以自己写脚本去操作，偶尔遇到大批量的圆角图片展示的时候，也许会出现卡顿的现象，先不考虑脚本操作，现在使用一种讨巧的方式去处理

3、利用另外一个切图，覆盖锯齿

最低0.47元/天 解锁文章
刑天ghoul
关注
  • 3
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Cocos2d 使用shader创建圆角图片，以及添加投影
zhaoxiaofeng44的博客
06-05 5165
最近在使用cocos creater编写一个应用，算是深入了解了下cocos creater，总体评估只能说令人遗憾，性能问题很是明显，想到现在市面上还有许多团队使用cocos2d-js开发游戏，确实前景令人比较担忧。 项目中用到一个图片列表的展示框，图片本身是矩形，显示的时候需要圆角，通常使用mask遮罩直接修出圆角，但是实际项目中发现，4列2行八张圆角，直接20帧（性能感人。。。），额，可能...
cocosCreator切水果
11-30
《cocosCreator切水果》是一款基于cocos...总的来说，cocosCreator切水果游戏的开发涵盖了游戏编程的多个方面，包括用户交互、坐标转换、物理模拟、粒子特效和音频处理，这些知识点对于提升游戏开发技能大有裨益。
cocos creator shader 方形头像变为圆形头像
lck8989的博客
12-27 2741
将方形头像转变为圆形头像我起初的思路就是，先在一个图片上绘制一个在中心点带颜色的圆： 1：如果uv坐标在圆内的话就会和图片的颜色进行混合只不过混合的时候，带颜色的圆的插值为0，图片的插值为1 2：如果uv坐标不在圆内的话就将图片颜色的插值设置为0并且将圆的颜色的插值也设置为0 用到的数学知识是：r < 在圆内，否则在圆外 // Copyright (c) 2017...
【包教包会】CocosCreator Assembler经典案例第二期——圆角矩形（支持原生、可合批、附Demo源码）
CocosCreator水煮肉片饭的博客
04-24 682
用Assembler实现的图片圆角效果，方便、高效、值得收藏
blender 制作圆角立方体模型，倒角实现。cocos 使用。导出fbx
最新发布
PrimaryColor
05-10 265
1.首先创建一个立方体，这里可以使用默认的立方体。2.在属性面板选择如“扳手”图标一样的修改器工具。3.设置数量和段数实现圆角的圆滑效果，没有菱角。
cocos2d-x 2.0 绘制圆角矩形
04-13
分享个cocos2d-x 2.0.x后绘制圆角矩形的方法，值得一看！
cocosCreator 之 Graphics绘制基础图形，五角星，线型图，柱形图
qq_24726043的博客
09-20 2083
版本： 3.4.0环境： Mac。
Cocos Creator3.8 项目实战（四）巧用九宫格图像拉伸
w风雨无阻w的专栏
10-04 2031
通常ui 资源都是图片，也是最占资源量的资源类型，游戏中的ui 资源还是人机交互的最重要的部分，因此质量要求都非常高，通常都是使用rgb32位真彩色，这就导致资源量比较大。通常ui资源在打包时，都会以图集的形式展现，在加载到内存的时候，是整块加载，如果ui 没优化好，则会增大内存的开销。将鼠标移动到分割线上，可以看到光标形状改变了，这时候就可以按下并拖拽鼠标来更改分割线的位置。我们可以看到，图像周围有一圈绿色的线条，表示当前九宫格分割线的位置。可以鼠标滚轮放大图片预览试图，便于精准调整边框位置。
cocoscreator 利用Mask组件裁剪圆角矩形
Lu1030017255的博客
03-03 5287
//计算矩形角度常量 const KAPPA90 = 0.5522847493; /** * 裁剪不规则矩形 */ cc.Class({ extends: cc.Mask, properties: { type: { override: true, get: function () { return this._type; }, visible(
CocosCreator_v2.2安装包
03-21
`CocosCreator_v2.2.0_setup.exe` 是Cocos Creator v2.2.0的安装程序。运行这个文件，用户可以按照向导进行安装，选择安装路径、组件和设置。安装过程中，系统会自动检测并安装必要的依赖，如Node.js环境，确保...
cocoscreator黑边处理.zip
08-05
"cocoscreator黑边处理.zip"这个压缩包文件很可能包含了解决Cocos Creator游戏黑边问题的一些解决方案和教程。下面将详细讨论如何在Cocos Creator中处理黑边问题。 Cocos Creator是一个基于JavaScript的2D和3D游戏...
RectMask.js
03-03
Cocos Creator 利用Mask组件裁剪圆角矩形
UI圆角效果-Shader实现
05-10
UI圆角效果-Shader实现
cocosCreator预览节点树
03-18
该组件可在cocosCreator浏览器预览游戏时显示当前的节点树，并随时跟新
cocoscreator仿真绳子
11-20
《CocosCreator仿真绳子：基于反向动力学的实现》 在游戏开发领域，物理效果的模拟一直是提升用户体验的关键因素之一。CocosCreator作为一款强大的2D游戏开发引擎，其2.0.10版本提供了丰富的功能和优化，使得开发者...
CocosCreator1.x使用自定义圆角头像shader
风云莫测的博客
01-22 1099
1.创建Vert顶点着色器 module.exports=` attributevec4a_position; attributevec2a_texCoord; attributevec4a_color; varyingvec2v_texCoord; varyingvec4v_fragmentColor; voidmain() { gl...
CocosCreator Shader学习（五）：图片圆形裁剪
三思而先行的博客
07-30 2419
圆形裁剪效果 顶点着色器代码不用修改。 片元着色器代码如下： CCProgram fs %{ precision highp float; #include <alpha-test> #include <texture> in vec4 v_color; #if USE_TEXTURE in vec2 v_uv0; uniform sampler2D texture; #endif uniform InputData{
小游戏开发--Cocos引擎
qq_30856231的博客
02-27 2527
生命周期回调函数： 节点：指cc.Node；组件：指cc.Component。 onLoad：脚本组件绑定的节点所在场景加载时系统回调一次（或者节点active从false变为true时系统回调一次）。可在这里获取场景中其它节点，并可以初始化一些不常改变的属性。 start：只在第一次update前系统回调一次。这里可以初始化一些经常改变的属性。 update(dt)：每一帧渲染前系统回调，主要...
CocosCreator项目实战（09）：界面美化与结束界面
胖虎的博客
03-11 2598
文章目录 一、界面重绘 二、结束界面 一、界面重绘 重新布局界面使其更为美观。Canvas节点下主要为bg和box，box分为titleBox、tipBox、gameBox、guideBox四块。 titleBox：包含titleLabel、scoreBox、bestBox； tipBox：包含welcomeLabel、tipLabel、restartButton、rankButton； gameBox：包含gameBg节点，添加了Graphics组件由于绘制深色圆角矩形背景。
cocos creator 切水果刀光
07-23
### 回答1： cocos creator是一款游戏开发引擎，可以用于制作各种类型的游戏。切水果刀光是指在游戏中切割水果时产生的光效。 在cocos creator中，我们可以通过使用粒子系统来实现切水果刀光效果。粒子系统是一种用于创建和控制大量粒子的技术，可以用来模拟天气、火焰、爆炸等效果。 在切水果的场景中，我们可以创建一个刀光的粒子效果。首先，我们需要准备一个刀光的粒子贴图，可以是一条亮光的图片。然后，通过cocos creator的粒子系统组件，将该贴图应用到一个粒子系统上。 在粒子系统的属性设置中，我们可以调整粒子的出生率、速度、颜色等参数，以达到刀光的效果。例如，我们可以将出生率设置为较高的值，使得刀光呈现出连续的效果；还可以将速度设置为较快的值，使得刀光在切割水果时有一定的飞速感。此外，我们还可以设置粒子的颜色为白色或浅黄色，以增强刀光的亮度和逼真感。 除了粒子系统，我们还可以通过编写脚本，控制刀光的生成和动画效果。例如，在切割水果时，可以通过脚本调用粒子系统的play方法，让刀光粒子开始播放；切割时，可以根据切割的方向和位置，调整刀光粒子的位置、速度和角度。这样，在游戏中切割水果时，刀光粒子就会随着刀的移动而生成，并呈现出流畅且逼真的光效。 总而言之，通过cocos creator的粒子系统和脚本编写，我们可以实现一个切水果刀光的效果，让玩家在游戏中获得更加真实的切割体验。 ### 回答2： Cocos Creator是一款流行的游戏开发引擎，可以用于创建各种类型的游戏。而切水果刀光是指在游戏中，当玩家用刀切水果时，会出现刀光效果。 在Cocos Creator中实现切水果刀光效果可以通过以下几个步骤实现： 1. 创建刀光精灵：首先，需要在游戏场景中创建一个表示刀光的精灵对象。可以使用Cocos Creator提供的精灵组件来创建并调整刀光的外观和大小。 2. 检测水果碰撞：当玩家进行切水果的操作时，需要检测刀光与水果是否发生碰撞。可以使用Cocos Creator提供的碰撞组件来实现碰撞检测，并根据检测结果进行相应的处理。 3. 切割水果：当刀光与水果发生碰撞后，可以通过修改水果的贴图或者在碰撞位置创建新的水果对象来实现切割效果。可以使用Cocos Creator提供的精灵组件或者动画组件来实现水果的切割动画效果。 4. 播放刀光动画：为了使刀光效果更加逼真，可以在与水果碰撞时为刀光添加动画效果。可以使用Cocos Creator提供的动画组件来实现刀光的动画，并在碰撞时播放相应的刀光动画。 通过上述步骤的实现，就可以在Cocos Creator中实现切水果刀光效果。当玩家进行切水果操作时，会出现刀光并与水果发生碰撞，同时触发切割动画效果，使得游戏场景更加生动有趣。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值