动漫

一，背景渐变 .top { width : 200px ; height : 200px ; background:-webkit-gradient { linear,0 0,100% 100%, from ( #f00 ) to ( #0ff ) ; background:-moz-gradient { linear,left top,left bottom, from ( #f00 ) to ( #0ff ) ; } 线性渐变： background : -webkit-linear-gradient ( top,#f00,#0f0,#00f ) ; background : -webkit-linear-gradient ( left top,#f00,#0f0,#00f ) ; background : -webkit-linear-gradient ( 90deg,#f00,#0f0,#00f ) ; 从下到上 background : -webkit-linear-gradient ( -90deg,#f00,#0f0,#00f ) ; 从上到下*/ background : -webkit-linear-gradient ( 180deg,#f00,#0f0,#00f ) ; 从右到左 background : -webkit-linear-gradient (

动画有很多种，三维动画、MG动画、二维动画等。 在童年时，陪伴我们长大的就是动画了，现在的小孩子也是，在小朋友的世界中，每天最乐意干的事就是看动画了。好的动画不仅有趣，而且会对孩子的成长有着重要的影响。现在的广告也多以动画的形式展示，相对于枯燥的文字，生动有趣的动画肯定更能吸引观众的眼球。 三维动画http://www.heihuoshi.com/ 也是3D动画，一般指的是用三维软件（C4D，MAYA等）制作的动画。制作三维不同于二维的是：三维以建模，绑定，材质和灯光来制作，二维以美术，动画，合成进行创作。三维的优势在于逼真的材质和光效，自由的角色运动和镜头运动。但缺点是工期较长、费用较高（相比同等级二维MG）。我们所说的三维动画，不是说要带着3D眼镜才能看，而是说一种制作方法。 MG动画则是一种动画风格，不指某个软件做的动画，FLASH、AE、C4D等很多软件 都能制作。另外它还需要很多软件配合，最常见的就是 PS、AI，MAYA，网上还会有很多代码库，也可以去玩一下。MG可以是三维也可以是二维；可以是逐帧也可以是非逐帧。但最常见的MG，一般是二维非逐帧动画。 随着国内外社交媒体的不断壮大，MG由于其独特的 信息量大、短小精悍、节奏感强、画面丰富等特点，成为社会化传播的有力载体。因此各有优缺点，选择哪个要根据自身的需求和特点去挑选最合适的。 来源： 51CTO 作者： 黑火石

主要是用到QMovie类 实现在事件触发时开启动画播放效果(需要注意的是，这个动画播放默认是循环播放的，如果不做特殊处理动画会一直播放) QMovie * movie = new QMovie ( "aaa.gif" ) ; ui - > movieLabel - > setMovie ( movie ) ; movie - > start ( ) ; //启动gif图片 //movie->stop(); //停止gif图片的播放 QMovie类简介： 1、指定播放的文件 利用构造函数在初始化的时候，指定要播放的文件; QMovie * movie = new QMovie ( ":/a.gif" ) ; movie - > start ( ) ; 利用setFileName(QString)来指定播放的gif文件 movie - > setFileName ( ":/a.gif" ) ; movie - > start ( ) ; 2、QMovie的一些常见属性设置 gif文件的帧数 int frameCount(); 主要是获取gif文件的总帧数；可以作为停止判断条件 gif文件播放过程中的当前帧数： int currentFrameNumber() const ; 可以调用这个接口来获取，也可以管理movie的信号frameChanged(int)来获取；

开始写游戏 --- 第二十三篇 　　今天： 　　　　1、添加 暴击的 被动技能 　　　　2、添加 敌人攻击 动画 　　　　3、添加 受伤、角色死亡 动画 　　　　4、角色战斗对象类的动画封装 　　上图： 　　　　1、添加 暴击的 被动技能 　　　　{ 　　　　　　 　　　　　　代码： 　　　　　　　　敌人战斗类： 　　　　　　　　　　 　　　　　　　　角色战斗类： 　　　　　　　　　　 　　　　　　　　被动技能类： 　　　　　　　　　　 　　　　　　　　假数据类： 　　　　　　　　　　 　　　　} 　　　　2、添加 敌人攻击 动画、角色受伤、角色死亡 动画 　　　　{ 　　　　　　 　　　　　　代码： 　　　　　　{ 　　　　　　　　角色战斗类： 　　　　　　　　　　 　　　　　　} 　　　　} 　　　　3、添加 角色可配置功能、 战斗人物死亡后，场景回到之前的场景 功能 　　　　{ 　　　　　　 　　　　　　代码： 　　　　　　{ 　　　　　　　　角色属性配置： 　　　　　　　　　　 　　　　　　　　　　 　　　　　　　　死亡后回到之前的场景： 　　　　　　　　　　 　　　　　　} 　　　　} 　　　　4、角色战斗对象类的动画封装 　　　　{ 　　　　　　之前是这样的： 　　　　　　　　 　　　　　　现在封装成这样： 　　　　　　　　 　　　　　　　　 　　　　} 来源：

Three.js Mo.js Anime.js Velocity Popmotion Vivus GreenSock JS Scroll Reveal Hover (CSS) Kute.js Typed.js animation.css 来源： https://www.cnblogs.com/tujw/p/12043806.html

https://jingyan.baidu.com/article/72ee561a58724ae16138df25.html 来源： CSDN 作者： 平头小子 链接： https://blog.csdn.net/Anzhongliu/article/details/103458231

常用动画View动画（补间动画）、属性动画与帧动画 View 动画 通过对View 不断做【图像变换】（平移、缩放、旋转、透明度）产生动画效果。 可以通过 xml/java代码来创建 1、支持4中动画效果 TranslateAnimation 平移动画 <translate> ScaleAnimation 缩放动画 <scale> RotateAnimation 旋转动画 <rotate> AlphaAnimation 透明度动画 <alpha> 2、xml/java代码来创建 1)xml创建View动画 xml文件目录：res/ anim /filename.xml 一组动画： <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/decelerate_interpolator" android:shareInterpolator="false"> <translate android:duration="@android:integer/config_shortAnimTime" android:fromXDelta="0" android:toXDelta

最近在写一些小demo，在做移动端的页面，点击按钮跳转页面进行动画效果，发现一个最简单的方法 Animate.css是一款不错的框架 使用方法也很简单 查看Animate.css文档在githup上进行下载安装css npm install animate.css -S 在vue中引入 import './../components/animate.css' 使用也很简单 打开Animate.css 找到你想要的效果 < div class = "animated fadeInDownBig" > 那年我们 < / div > 想要这句话进行动画，必须加上基础类名animated 然后加上想要的效果名称，酱紫就可进行动画效果~ 来源： CSDN 作者： -阿灿- 链接： https://blog.csdn.net/weixin_44986077/article/details/103496106

开始写游戏 --- 第十九篇 　　今天干了这些事情： 　　　　1、新增 菜单类 -> 动态获取 高度的功能 　　　　2、新增 战斗场景 -> 角色攻击动画 的功能 　　　　3、封装 FGUI 的播放动画函数，便于后期使用 　　上图： 　　　　1、新增 菜单类 -> 动态获取 高度的功能 　　　　　　 　　　　　　主要是需要使用FGUI中提供的ensureBoundsCorrect方法 　　　　2、新增 战斗场景 -> 角色攻击动画 的功能 　　　　　　 　　　　　　这是代码： 　　　　　　　　 　　　　3、封装 FGUI 的播放动画函数，便于后期使用 　　　　　　这是封装的代码： 　　　　　　　　 　　　　　　然后使用这个代码做一个逃跑的动画： 　　　　　　　　 　　　　　　这是效果： 　　　　　　　　 　　　　 来源： https://www.cnblogs.com/dmc-nero/p/12024398.html

只需要在【页首html代码】中引入L2Dwidget.js即可。 <!-- 右下角live2d效果 --> 1 2 3 4 5 6 7 8 <script src= "https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js" ></script> <script> 　　L2Dwidget.init({ "model" : { jsonPath: 　　 "https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json" , 　　 "scale" : 1 }, "display" : { "position" : "left" , "width" : 150, "height" : 300, 　　 "hOffset" : 0, "vOffset" : -20 }, "mobile" : { "show" : true , "scale" : 0.5 }, 　　 "react" : { "opacityDefault" : 0.7, "opacityOnHover" : 0.2 } }); </script> 　　 其他可选的模型： 小帅哥： https://unpkg.com