动漫 | 易学教程

动画方面

阅读更多关于动画方面

1.Aseprite–像素制作工具，可制作动画 2.Svga–帧动画升级版，unity 内有插件 3.Spine–骨骼动画 4.Lottie–没去找unity是否有插件支持 5.粒子系统实现帧动画–性能待考察，链接 svge和lottie多用于ios，android，web开发。具体链接。 Lottie实现形式为：设计者导出文件，程序读取就可实现。 Svge实现形式为：将 Flash 以及 After Effects 动画导出成 .SVGA 文件（实际上是 ZIP 包），Unity通过插件去读取。来源： CSDN 作者：多麻多辣不要香菜链接： https://blog.csdn.net/weixin_44079314/article/details/104494623

Unity切割动画

阅读更多关于 Unity切割动画

在工作过程中，我们接收到的模型动画，可能会遇到需要分段播放的需求，所以就需要我们把现有的动画分割开 1.在找到Assess下找到该动画模型 2.将inspector层切换到Animation 3.接着就可以在这个面板中切割你需要的动画片段（1.）点击Clips下的“+”添加一个新的动画（2.）可以拖拽蓝色的箭标选择开始帧和结束帧，也可以在Start和End中直接输入 4.切割好后就是这个效果然后点击右下角的Apply应用来源： CSDN 作者：徐柒家的猫链接： https://blog.csdn.net/Liu_ChangC/article/details/104491085

ios开发核心动画五：转场动画

阅读更多关于 ios开发核心动画五：转场动画

#import "ViewController.h" @interface ViewController () @property (weak, nonatomic) IBOutlet UIImageView *imageV; @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; } static int _i = 1; -(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event { //转场代码与转场动画必须得在同一个方法当中. //转场代码 // _i++; // if (_i == 4) { // _i = 1; // } // // NSString *imageName = [NSString stringWithFormat:@"%d",_i]; // self.imageV.image = [UIImage imageNamed:imageName]; // // // //添加转场动画 // CATransition *anim = [CATransition animation]; // anim.duration = 1; // //设置转场的类型 // anim

小月亮-动画

阅读更多关于小月亮-动画

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>小太阳案例</title> <style type="text/css"> /*小太阳*/ * { margin: 0; padding: 0; } html,body { width: 100%; height: 100%; overflow: hidden; } .sun { width: 100px; height: 100px; margin:100px; position: relative; } .sun::before,.sun::after { content: ""; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; transform: translate(-50%,-50%); background-color: rgba(255,255,255,0.8); border-radius: 50%; animation: sun 2s infinite; } .sun::after { width: 80px; height: 80px; background: rgba(255,255,255,0.6); animation: sun

【iOS系列】-UIImageView帧动画相关属性介绍

阅读更多关于【iOS系列】-UIImageView帧动画相关属性介绍

UIImageView帧动画相关属性介绍 1:相关属性： //An array of UIImage objects to use for an animation.存放UIImage对象，会按顺序显示里面的图片 @property(nonatomic,copy) NSArray *animationImages; //帧动画的持续时间 @property(nonatomic) NSTimeInterval animationDuration; //帧动画的执行次数（默认是无限循环） @property(nonatomic) NSInteger animationRepeatCount; //开始执行帧动画 - (void)startAnimating; //停止执行帧动画 - (void)stopAnimating; //是否正在执行帧动画 - (BOOL)isAnimating; 2：关于缓存由于UIImageview是一下子把全部图片全部加载，所以当对于缓存一定要进行管理否则，程序性能是个大问题 2.1：我们从UIImage入手，image加载有两种方式,api中相关介绍如下 //This method does not cache the image object. [UIImage imageWithContentsOfFile:name] //This method

CSS3，旋转rotate，动画animation

阅读更多关于 CSS3，旋转rotate，动画animation

1.旋转rotate -- 可以让元素在2维平面顺时针或者逆时针旋转 1.语法： transform:rotate(度数) 2.重点： - 度数的单位是deg 举个例子：rotate(45deg) - 角度为正，顺时针，为负，逆时针 - 默认旋转的中心点是元素的中心点 2.转换中心点transform-origin -- 设置元素转换的中心点 1.语法： transform-origin:x y 2.重点： - 后面的参数x和y用空格隔开 - x,y默认转换的中心点是元素的中心点(50%,50%) - 还可以给x,y设置像素或者方位名词(top,bottom,left,right,center) 3.缩放scale -- 只要给元素添加了这个属性就能控制它放大还是缩小 1.语法： transform:scale(x,y) 2.注意： - x,y为逗号分隔 - transform:scale(1,1):宽和高都放大一倍，相对于没有放大 - transform:scale(2,2):宽和高都放大二倍 - transform:scale(2):只写一个参数，相当于sacle(2,2) - transfrom:scale(0.5,0.5):缩小 - scale缩放最大的优势：可以设置转换中心点缩放，默认以中心点缩放的，而且不影响其他盒子 4.2d转换综合写法注意： - 同时使用多个转换

Win7系统开机动画设置

阅读更多关于 Win7系统开机动画设置

Win7系统开机动画设置 ——零度水域 1.准备JPG格式壁纸一张更名为backgroundDefault.jpg 2.开始菜单运行输入regedit 回车按以下路径展开 HKEY_LOCAL_MACHINE SOFTWARE Microsoft Windows CurrentVersion Authentication LogonUl Background 右键OEMBackground 设置数值数据为1 确定 3.顺序打开以下路径 Windows system32 Oobe 新建 info文件夹，进入并新建backgrounds将准备好的的壁纸复制到backgrounds 文件夹下即可来源： CSDN 作者：零度水域链接： https://blog.csdn.net/Ashui01/article/details/104316701

css3 动画专场曲线

阅读更多关于 css3 动画专场曲线

<!DOCTYPE html> <html> <head> <title>转场曲线</title> <style type="text/css"> .content div{ width: 100px; height: 30px; margin-top: 30px; background-color: blue; } .content>div:nth-child(1){ transition: all 5s ease; } .content>div:nth-child(2){ transition: all 5s linear; } .content>div:nth-child(3){ transition: all 5s ease-in; } .content>div:nth-child(4){ transition: all 5s ease-out; } .content>div:nth-child(5){ transition: all 5s ease-in-out; } .content:hover div{ width: 800px; } </style> </head> <body> <div class="content"> <div>ease</div> <div>linear</div> <div>ease-in</div> <div>ease-out</div>

Vue同时触发两个动画的问题

阅读更多关于 Vue同时触发两个动画的问题

需求：一个二级菜单，点大标题就展开本栏目下的子菜单，同时收起当前展开的一级菜单，如图现在遇到的问题是，新展开和收起旧的动画总是分开进行的，网上查遍了，看了官方文档，都没找出原因，代码部分如下其中，css样式show和hide是通过控制max-height来实现高度变化，act只有一个 transition: max-height 0.8s ease; 由于我不是科班出身，现在连问题出在css还是JS都不确定，肯定前辈指导，谢谢！来源： CSDN 作者： warmbook 链接： https://blog.csdn.net/warmbook/article/details/104284195

angular + 动画——复杂序列

阅读更多关于 angular + 动画——复杂序列

用来控制复杂动画序列的函数如下： query() 用于查找一个或多个内部 HTML 元素。 stagger() 用于为多元素动画应用级联延迟。 group() 用于并行执行多个动画步骤。（并行） sequence() 用于逐个顺序执行多个动画步骤。（串行） Angular 中这些用于多元素动画的函数，都要从 query() 开始，查找出内部元素，比如找出某个 <div> 中的所有图片。其余函数 stagger()、group() 和 sequence() 会以级联方式或你的自定义逻辑来控制要如何应用多个动画步骤。来源： https://www.cnblogs.com/gushiyoyo/p/12294801.html

订阅动漫