Unity让图片动起来

最新推荐文章于 2024-05-29 09:40:19 发布
原创 最新推荐文章于 2024-05-29 09:40:19 发布 · 1.7k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#计算机视觉 #unity

本文介绍了如何使用Unity结合计算机视觉技术，通过flowmap实现图片的动态运动效果。作者分享了知乎上的相关文章链接，包括UE的实现方法，并提供了一个简单的代码实现方案，展示了最终的滚动效果。后续还讨论了通过脚本控制滚动速度的技术细节。

(1)其他文章实现
看知乎时，偶尔看到的，这个是利用flowmap来实现图片的运动。
原文章链接：添加链接描述
这个是UE的实现
https://blog.youkuaiyun.com/qq_37925032/article/details/102094280
添加链接描述
又找了一篇。
又找了一篇。
https://blog.youkuaiyun.com/u014361280/article/details/105376759?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522158807381719725256739955%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.57660%2522%257D&request_id=158807381719725256739955&biz_id=0&utm_source=distribute.pc_search_result.none-task-blog-2allfirst_rank_v2~rank_v25-1
添加链接描述
（2）简单代码实现
8-15更新：

Shader "Unlit/ScrollING bachGroundBack"
{
   
   
	Properties{
   
   
		 _MainTex("Base Layer (RGB)", 2D) = "white" {
   
   }//背景紋理
		 _ScrollX("Base layer Scroll
最低0.47元/天 解锁文章
Unity Shader 之 实现图片 局部动态 运动的简单效果
仙魁XAN
04-07 2096
Unity Shader 之 实现图片局部动态运动的简单效果 目录 Unity Shader 之 实现图片局部动态运动的简单效果 一、简单介绍 二、实现原理 三、注意事项 四、效果预览 五、实现步骤 六、关键代码 一、简单介绍 Shader Language的发展方向是设计出在便携性方面可以和C++、Java等相比的高级语言，“赋予程序员灵活而方便的编程方式”，并“...
Unity之小功能-一个Image图片在一定范围内随机移动，当鼠标点击它的时候躲避鼠标快速移动，鼠标抬起后继续保持随机移动
YuJie1996
10-23 1993
一、实现的效果： 二、代码：使用的画布大小为1280*720 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; using UnityEngine.EventSystems; public class RandomPointMove :...
Unity2D更换图片纹理实现动画
qq_37160769的博客
10-31 1951
Unity2D更换图片纹理实现动画 目录 Unity2D更换图片纹理实现动画 思路分析 一、基本功能的实现 代码分析： 二、功能扩展 1.想要扩展的功能 2.具体的代码： 3.代码分析： 总结 思路分析 用途：在2D游戏里或者游戏的2D界面中，我们会经常发现一些动态图片，实现了动画的效果。动态图片的实现让画面更具有动感，更能吸引玩家的眼球，给玩家更好的视觉体验。当然也可以用来实现一些2D特效，比如炸弹爆炸等。 实现思路：图片是有纹理的，我们可以通过代码动态的修改纹理，计算机执.
4. 让图片动起来
creambean的博客
03-17 2062
文章目录资源原理解释 资源 原理 动画其实就是利用人眼视觉的暂留效应, 将一帧一帧的图片快速播放, 看起来就像物体动起来了. 上述是一张由6帧图片组成的一张图片, 每一帧为128*82. 我们为了实现动态效果, 将src_rect.x每隔一段时间向前推进128px就行了.(即上图中的红框, 每个一段时间移动到下一帧, 也就是蓝框的位置). 图片的加载和第三篇文档一样. 主要代码变更如下 // G...
【Unity Shader入门精要 第11章】让画面动起来（一）
zhiai315的博客
05-29 662
纹理动画
unity 实现图片滚动效果(流动的水体)
热门推荐
默默的潜行者
01-16 1万+
这篇博客是为了我亲爱的宇哥写的，希望它能够快点学习，尽快的掌握unity引擎。            此代码实现的实现功能是，让一个纹理动态的滚动起来，模拟水体滚动的效果；            原理是：获取主要纹理的uv，让uv乘以_Time，进行实时的位置计算。            废话不多说,代码在下面：     Shader "Custom/gundong" {  
unity 实现UIGIF效果
gaofei12300的博客
04-02 2925
最近时间还算充裕，整理了一些写的小工具。 发现很多小伙伴可能有GIF图的需求，我原来写的一个基于UGUI使用代码编写的（可以用动画，频率不好控制），可以直接实现，且可控制hz频率。 代码简单，挂在要变为gif的image上，直接将你的gif序列帧挂在spritename上即可.ratetime，你可以吧你自己的计算方法加在上面。 有问题加我qq791719266 /// <summa...
Unity3D的纹理贴图循环运动2
08-08
Unity3D纹理贴图循环运动技术详解 Unity3D纹理贴图循环运动是游戏开发中常用的技术之一，通过使用纹理贴图循环运动，可以创建出更加逼真的游戏场景和效果。下面我们将详细介绍 Unity3D纹理贴图循环运动的技术细节...
Unity 通用的一些图片
09-07
3. **Unity图片导入设置**：在导入图片时，Unity会根据设置自动处理图片。例如，你可以选择导入类型为Sprite以用于2D游戏，或者选择为Texture以用于3D模型的贴图。还可以调整压缩级别以平衡质量与内存占用，设置过滤...
Unity实现背景图片淡入淡出效果
08-26
总结起来，实现Unity背景图片淡入淡出的关键在于理解颜色的Alpha通道以及如何在C#脚本中控制其变化。通过合理地设置时间和条件，可以轻松地创建出平滑、动态的背景过渡效果。这种技术在各种类型的游戏中都十分有用，...
让文字动起来 一键制作生成翻转文字动画视频 for Android .rar
06-18
"让文字动起来 一键制作生成翻转文字动画视频 for Android" 是一个专为此目的设计的应用程序，旨在帮助用户轻松创建具有翻转效果的文字动画。通过这款应用，即使是没有专业视频编辑经验的用户也能快速上手，为自己的...
Unity制作GIF效果
胡同的博客
12-30 5333
Unity3D不支持GIF格式。 前几天想做一个UI的特效，就是那种呼吸的效果。 之前认识一个技术很厉害的美术，我问他，你的Unity中UI的动态效果是怎么做的？他回答：序列帧动画，PS中的。 本人稍微懂点PS技术，所以听到了也学者做了下我的效果。 但是后来发现序列帧保存后的GIF，Unity不识别。 后来再问美工，他说是用了网上的一个插件代码做的。 而且查询了网上所有相关的代码都没有
unity 背景图 跑起来
qq_37524903的博客
08-19 331
using UnityEngine; using System.Collections; using UnityEngine.UI; using System; public class BackgroundController : MonoBehaviour { public Text text; public Image back1; public Image back2; public int speed = 10; //背景平移...
unity学习笔记02-裁剪png图并制作动画
sukii_的博客
09-29 1879
状态机animator和状态animation的知识点
Unity 之 ShaderGraph 实现小旗随风飘扬效果入门级教程
陈言必行 -- Unity游戏开发领域优质博主
07-15 1万+
入门级制作教程，有手就行。点点拖拖拽拽就能实现效果，一句代码都不写。制作一次，无限复用。
unity 裙子摆动_【Shader】通过Shader实现森林树木随风摆动效果
weixin_42524530的博客
02-11 1555
大家首先可以想象一下这样的场景：场景中有一大片森林，我想让这片森林的树木有微风轻轻吹拂而缓缓摆动的效果，应该要怎么实现呢？A：给每棵树加个动画，让动画来控制摆动方案A如果在树木少的情况下还是属于可接受范围的，而且用美术童鞋做的动画来控制树木摆动会显得更真实更生动。不过注意，当是“森林”的时候，这一动起来，CPU估计就吃不消了，若是美术童鞋为了让树木更生动，加的是骨骼动画，那CPU和DrawCall...
Unity 学习日记 7.用代码让2D角色动起来
weixin_60435181的博客
03-21 598
用代码让2D角色动起来
[UnityShader3]局部动态效果
宏哥的博客
07-14 3380
参考链接：http://blog.youkuaiyun.com/stalendp/article/details/30989295 效果图： Shader "Custom/Lightning" { Properties { _MainTex ("Main Texture", 2D) = "white" {} _MaskTex ("Mask Texture", 2D) =
[Unity编辑器] 根据图片自动生成动画
somnusand的博客
06-05 4276
根据自己的情况 仿照 雨松MOMO 写了一个自动生成动画的脚本 原地址http://www.xuanyusong.com/archives/3243 代码： using UnityEngine; using System.Collections; using System.Collections.Generic; using UnityEditor; using System;...
unity怎么让纹理动起来
最新发布
03-18
### 如何在Unity中实现动态纹理效果 #### 使用 Texture2D 动态加载图片 在 Unity 中，可以通过 `Texture2D` 类来实现动态加载纹理的效果。具体来说，可以利用 `LoadImage` 方法将外部的二进制图像数据转换为可使用的纹理对象[^1]。 以下是通过脚本动态加载并应用纹理的一个简单示例： ```csharp using System.Collections; using UnityEngine; public class DynamicTextureLoader : MonoBehaviour { public Renderer targetRenderer; // 将要设置材质的目标物体 private Texture2D dynamicTexture; void Start() { StartCoroutine(LoadDynamicTexture()); } IEnumerator LoadDynamicTexture() { using (var www = new WWW("file://path/to/your/image.png")) // 替换为目标路径 { yield return www; if (!string.IsNullOrEmpty(www.error)) { Debug.LogError($"Error loading image: {www.error}"); } else { dynamicTexture = new Texture2D(www.texture.width, www.texture.height); dynamicTexture.LoadImage(www.bytes); // 加载字节流到 Texture2D 对象 Material material = new Material(Shader.Find("Standard")); material.mainTexture = dynamicTexture; // 设置材质的主要纹理 targetRenderer.material = material; // 应用新的材质到目标渲染器上 } } } } ``` 上述代码展示了如何从指定路径读取一张 PNG 图片，并将其作为纹理应用于场景中的某个游戏对象上。 --- #### 虚拟纹理技术的应用 对于更复杂的场景需求，例如需要支持大尺寸地图或者高分辨率贴图时，则可以考虑引入虚拟纹理（Virtual Texture）。这种技术允许开发者高效管理大量细节丰富的纹理资源而不会显著增加内存占用量[^2]。 下面是一个简单的概念框架用于理解虚拟纹理的工作原理： - **分页机制**：整个世界被划分为多个小块区域，每一块对应特定范围内的可见表面。 - **按需加载**：仅当玩家靠近某一片区时才真正加载该片区所需的高清版本纹理至显存当中；远离之后释放这部分空间给其他部分使用。 虽然官方文档并未直接给出完整的实现方案，但是可以从开源项目获取灵感，比如 GitCode 上托管的相关工程提供了初步的支持功能。 --- #### Shader Graph 的高级定制能力 如果希望进一步增强视觉表现力，还可以借助于 Shader Graph 工具来自定义着色逻辑。这不仅限于调整颜色参数那么简单，还包括模拟光照反射特性、创建特殊过渡动画等多种可能性[^3]。 需要注意的是，在构建自定义节点之前应当具备一定的图形编程基础，熟悉诸如 UV 映射、法线计算等相关知识点有助于更好地发挥其潜力。 --- ### 总结 综上所述，Unity 提供了多种途径帮助开发人员达成动态纹理的需求——无论是基本的操作还是深入的技术探索都有相应的解决方案可供选择。根据实际项目的复杂度以及性能预算合理选用合适的方法至关重要。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值