4. 让图片动起来

最新推荐文章于 2024-07-08 13:56:28 发布
最新推荐文章于 2024-07-08 13:56:28 发布
阅读量1.8k 收藏 5
点赞数 2
分类专栏： SDL2 文章标签： SDL game
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/creambean/article/details/88620981
版权
本文介绍了如何利用SDL库和人眼视觉暂留效应来创建动画效果。通过每100毫秒移动图片的源矩形位置来实现帧切换，达到动态效果。此外，还展示了如何使用SDL_RenderCopyEx函数实现图片的反向播放，以减少资源消耗并实现游戏中的反向运动功能。
摘要由CSDN通过智能技术生成

文章目录

资源

原图:
在这里插入图片描述
在这里插入图片描述

原理

动画其实就是利用人眼视觉的暂留效应, 将一帧一帧的图片快速播放, 看起来就像物体动起来了. 上述是一张由6帧图片组成的一张图片, 每一帧为128*82. 我们为了实现动态效果, 将src_rect.x每隔一段时间向前推进128px就行了.(即上图中的红框, 每个一段时间移动到下一帧, 也就是蓝框的位置). 图片的加载和第三篇文章一样. 主要代码变更如下

// Game.cpp
bool Game::init(const char* title, int xpos,
最低0.47元/天 解锁文章
cuiyong_cn
关注
专栏目录
Unity让图片动起来
ms_clear的博客
04-28 1596
原文章链接：添加链接描述
用 Python 让你的 PPT 数据动起来
wulishinian的博客
06-16 913
在读技术博客的过程中，我们会发现那些能够把知识、成果讲透的博主很多都会做动态图表。他们的图是怎么做的？难度大吗？ 这篇文章就介绍了 Python 中一种简单的动态图表制作方法。 数据暴增的年代，数据科学家、分析师在被要求对数据有更深的理解与分析的同时，还需要将结果有效地传递给他人。如何让目标听众更直观地理解？当然是将数据可视化啊，而且最好是动态可视化。 本文将以线型图、条形图和饼图为例，系统地讲解如何让你的数据图表动起来。 这些动态图表是用什么做的？ 接触过数据可视化的同学应该对 Python 里的 M
AI已经发展成这样了！静态图像生成动态视频不是梦
最新发布
阿道夫的博客
07-08 1405
这个项目是由阿里巴巴智能计算研究院所开发，利用扩散模型的强大功能，制作了一个为角色动画定制的新框架，团队设计了ReferenceNet，可以结合参考图像的细节特征，同时又保留复杂的外观特征，通过空间注意力来实现这一点，来保持动画过程中视觉元素的一致性！能够确保动画在时间上的连贯性，动画中的动作看起来自然流畅，没有突兀的变化。当我学到一定基础，有自己的理解能力的时候，会去阅读一些前辈整理的书籍或者手写的笔记资料，这些笔记详细记载了他们对一些技术点的理解，这些理解是比较独到，可以学到不一样的思路。
让图片动起来
清风自来
06-09 1162
Document img{ width:100px; width: 100px; } var num=0; var img =document.getElementsByTagName('img')[0]; function
照片动起来php源码,用特简单代码让图片动起来
weixin_39527292的博客
03-26 478
插入图片，单击源代码按钮，图片自动生成源代码，在自动生成的源代码的开头处和结尾处加上特简单的代码标记，图片就能上下左右来回走动起来，so easy ！1.代码A 图片向左移动代码：“图片”2.代码B 图片来回移动代码：图片 3.代码C 图片向各个方向(上下左右)移动代码：图片语法理解：1. ， 是一对代码标记，一个在前面(代码开头处)拉，一个在后面(代码结尾处)推，中间的图片就向前移动了。2....
如何让图片流动？手把手教你制作
12-30 515
小伙伴们平时会给自己的桌面换壁纸吗？一张好看的壁纸，不仅让人赏心悦目，还能够提高我们的使用体验。那你们知道流动图片吗？这是可以让图片拥有流动的效果，比如水流的效果、风吹的效果等，能够让人身临其境。其实我们只需要使用一些工具，就可以为自己喜欢的图片添加图片流动的效果。那你们知道图片流动效果怎么做吗？有需要为图片添加流动效果的小伙伴，快点往下看文章吧。方法一：使用提词全能王APP来添加图片流动【分享理由】这款工具除了可以为我们提供提词功能外，还有多种视频编辑工具、图片编辑工具。这其中就有图片流动工具，接下来就为
让你的word文档动起来.rar
01-02
让你的word文档动起来，java操作word文件，修改内部的占位符、修改内部的图片、可以实现插入图片、修改文字、修改样式等。相关使用的jar包。 将word文档生成pdf文件。去掉水印等。jar包列表 aspose-words-15.8.0-...
让图片动起来——Real_Time_Image_Animation
weixin_46256602的博客
03-24 2308
原作者：https://github.com/anandpawara/Real_Time_Image_Animation 1.创建虚拟环境 python版本：python v3.7.3或更高版本（建议3.7） 在下载的项目目录里：（windows打开cmd） 创建虚拟环境：pip install virtualenv 创建命名虚拟环境：virtualenv env 2.激活虚拟环境 对于Windows：env/Script/activate（windows打开cmd） 对于Linux：source env
让您的照片动起来first motion model（1）-关键点抽取模型深度解析
amao1998的博客
04-21 3000
概述 目前计算机视觉的发展如火如荼，让老照片动起来让大家惊艳于计算机视觉的发展。该如何实现该功能呢？本文将一步一步的帮您实现。本文将分为几部分来完成。本章主要讲解关键点抽取模型 模型结构 本文是关于first order motion model的pytorch具体实现 引入相关pytorch类库 from torch import nn import torch import torch.nn.functional as F from imageio import imread impor
Python一步实现静态图片动态化
xff123456_的博客
06-07 2421
哈喽，大家好。大家在刷短视频的时候有没有刷到这样的视频，视频里一张静态的人物图片能动起来，如：歪歪头、眨眨眼、笑一笑。类似于下面这种效果最左侧的人物是原始的动作，上面是静态图片。通过AI技术便可以让最左侧人物的动作运用到上面的静态图片上，从而让张图都可以做出相同的动作。这种技术一般是基于的GAN（生成对抗网络）来实现，今天我给大家分享一个开源项目，能够复现上面的效果，可以做些有趣的项目，也可以怀念故人。 项目地址：https://github.com/AliaksandrSiarohin/first-ord
让图片走动起来（C#）
05-21
用VS2005实现，有详细的解释说明，可以实现从左走到右，再原路返回。有源码。。
让你的照片动起来
12-26
使用的是国外的技术 我只是技术的搬运工 纯前端页面实现 无后台，上传好照片脸贴近虚线，下一步选择好嘴唇和眼睛的位置，然后下一步照片就可以动起来了，配合上音乐，挺有趣的，另外鼠标可以左右拖动 带着左右摇摆
Python3.7将普通图片(png)转换为SVG图片格式(网站logo图标)动起来
09-17
主要介绍了Python3.7将普通图片(png)转换为SVG图片格式并且让你的网站Logo(图标)从此”动”起来,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
AI控制图片人物动起来-python源代码
07-21
近段时间，一个让梦娜丽莎图像动起来的项目火遍了朋友圈。而今天我们就将实现让图片中的人物随着视频人物一起产生动作。
Vue之动起来
byg
08-18 298
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...
【Unity Shader入门精要 第11章】让画面动起来（一）
zhiai315的博客
05-29 467
纹理动画
怎样让一张图片动起来
Crystal的专栏
10-25 3803
图片动起来 *{padding:0px;margin:0px;} div{ width:540px; } div ul li{ width:20px;height:30px; line-height:30px; text-align:center; border:1px solid black; list-style:none; margin } #img{ flo
照片动起来php源码,如何用特简单代码让图片动起来？
weixin_42339061的博客
03-26 608
如何用特简单代码让图片动起？插入图片，单击源代码按钮，图片自动生成源代码，在自动生成的源代码的开头处和结尾处加上特简单的代码标记，图片就能上下左右来回走动起来，so easy ！1.代码A 图片向左移动代码：“图片”2.代码B 图片来回移动代码：图片 3.代码C 图片向各个方向(上下左右)移动代码：图片4.代码D 图片由中间向两边移动(也可以用不透明的flash)：代码D用到以下flash图...
ue4 材质保持图片尺寸不变型并且动起来
09-02
在UE4中，如果要保持材质中图片的尺寸不变形并且实现动态效果，我们可以使用材质参数和动态材质实例化来实现。 首先，我们需要创建一个动态材质实例。在材质编辑器中，选择要动态显示的纹理贴图，并在Details面板的Material Expression层级下添加一个SceneTexture节点，选择World Position Offset。然后，将该节点输出连接到材质表达式的Base Color输入节点。这样，我们就可以将纹理显示在模型上并保持尺寸不变形。 然后，我们需要在Level Blueprint或Actor Blueprint中设置动态材质参数。在蓝图中，我们可以通过创建一个Dynamic Material Instance变量，并在Begin Play事件中通过GetMaterial节点获取材质，并使用Create Dynamic Material Instance节点创建一个动态材质实例。 接下来，我们可以通过节点Set Material Texture Parameter Value来设置动态材质中的纹理参数。我们可以将纹理赋值给动态材质实例的Texture Parameter，并将其连接到模型的材质槽。 最后，我们可以使用节点Set Material Vector Parameter Value来通过动态材质实例来控制模型的动画效果。通过调整Vector参数的值，我们可以实现模型的位移、旋转等动态效果，同时保持纹理的尺寸不变形。 总结起来，要在UE4中实现材质保持图片尺寸不变形并且动起来，我们需要创建一个动态材质实例，并通过设置材质参数值来控制纹理的显示和动画效果。这样可以保持纹理的尺寸不变形，并使其在模型上动态展示。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值