零代码实现面片效果(UV滚动,帧动画) Cocos Creator

一种在3D场景中布置简易面片动画的方法。例如字幕滚动,帧动画,UV流动效果。

实现效果

5392de61ad213162cb90a09fc69b765a.gif

开发环境

Cocos Creator 3.6.2 编辑器。

实现步骤

实现的方式是用动画组件修改四方形网格材质中的 tilingOffset

  • 1.在场景中新建一个3d对象四方形

  • 2.新建一个材质,并使用贴图

  • 3.为节点添加动画组件

  • 4.编辑节点动画组件

c45972ce64f15e16083048ea9ba7152c.jpeg

详细步骤操作见以下视频

视频讲解

https://www.bilibili.com/video/BV1UT41127ty

相关资源

quadAnimation-ccc3.6.2.zip (78.3 KB)

https://forum.cocos.org/uploads/short-url/feCzaVlro5242aVptfDikzEC2MQ.zip

https://forum.cocos.org/t/topic/145379

点击阅读原文可直接下载示例工程

<
Mosaic数据增强是一种常用的图像处理技术,它通过将四个随机裁剪的小图片拼接成一个新的大图来进行训练数据增强,有助于模型更好地理解和学习物体的边界、位置以及周围环境。在PyTorch中,我们可以使用`torchvision.transforms`模块来实现这种效果。 下面是一个简单的示例,展示如何在PyTorch中使用`Mosaic`数据增强: ```python import torchvision from torchvision.transforms import Compose, Resize, CenterCrop, Pad, RandomHorizontalFlip, Lambda, PILToTensor # 定义Mosaic函数 def create_mosaic(image1, image2, image3, image4, size): img = torch.zeros((size[1], size[0], 3), dtype=torch.float) x1, y1, box_w, box_h = (0, 0, min(size), min(size)) # 左上角坐标和宽度/高度 x2, y2, box_w, box_h = (box_w, 0, min(size), min(size)) # 右上角坐标 x3, y3, box_w, box_h = (0, y2, min(size), box_h) # 左下角坐标 x4, y4, box_w, box_h = (box_w, y2, min(size), box_h) # 右下角坐标 img[y1:y1+box_h, x1:x1+box_w] = image1[y1:y1+box_h, x1:x1+box_w] # 依次填充每个小图到大图 img[y2:y2+box_h, x2:x2+box_w] = image2[y2:y2+box_h, x2:x2+box_w] img[y3:y3+box_h, x3:x3+box_w] = image3[y3:y3+box_h, x3:x3+box_w] img[y4:y4+box_h, x4:x4+box_w] = image4[y4:y4+box_h, x4:x4+box_w] return img # 使用Mosaic数据增强步骤 transform_train = Compose([ Resize((800, 1333)), # 先缩放图片大小 Lambda(lambda img: create_mosaic(img, img, img, img, (800, 1333))), # 创建Mosaic CenterCrop(640), # 中心裁剪回原始尺寸 RandomHorizontalFlip(), # 随机水平翻转 PILToTensor() # 转换为Tensor ]) ``` 这个例子假设你已经有了四个大小相同的输入图像`image1`, `image2`, `image3`, 和 `image4`。实际应用中,你可以从数据加载器中获取这四个小图片。记得在实际项目中替换`transform_train`到你的训练数据预处理步骤中。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值