动漫 | 易学教程

广州的动漫星城

阅读更多关于广州的动漫星城

昨天下班路过公园前的地铁附近，原来发现那个动漫星城已经初见端倪了，已经露出了地面部分拉，周围的围栏也已经拆除了，应该是一个地下城堡的东东，但最显眼的是那些广告，写着：硅谷以后是动漫，价值2000亿的产业等之类的，真是好具挑动性哦..... 来源： https://www.cnblogs.com/jackyrong/archive/2006/01/25/323117.html

影视动画制作流程剧本设定角色设定场景设定故事版分镜 Maya工作流 Maya建模角色建模、分UV、绘贴图场景建模、分UV、绘贴图道具建模、分UV、绘贴图 Maya角色绑定骨骼绑定表情绑定 UE4工作流 UE4素材 UE4角色角色模型角色模型材质与贴图角色动画 UE4场景场景模型场景材质场景灯光 UE4特效 UE4音效背景音乐基础音效角色配音 UE4镜头镜头动画预演 Sequence剪辑序列帧通道渲染输出后期编辑镜头合成分层调节整体色彩调节软件说明： Maya 2019 UE4.24 SpeedTree Quixel Megascans Advanced Skeleton 剧本设定角色设定场景设定故事版分镜 Maya工作流 Maya建模角色建模、分UV、绘贴图场景建模、分UV、绘贴图道具建模、分UV、绘贴图 Maya角色绑定使用AdvancedSkeleton ，请参阅 MayaToUE4之角色绑定骨骼绑定表情绑定 UE4工作流 UE4素材素材使用UE4.24支持的Quixel Megascans ，请参阅 [MayaToUE4之素材] UE4角色毛发使用UE4.24自带的Groom ，请参阅 [MayaToUE4之毛发] 角色模型角色模型材质与贴图角色动画 UE4场景森林植被使用SpeedTree

js链式动画小例子

阅读更多关于 js链式动画小例子

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>链式动画</title> <style> * { margin: 0; padding: 0; } #odiv { width: 100px; height: 100px; background: pink; opacity: 0.5; } </style> </head> <body> <div id="odiv"> </div> <script type="text/javascript"> var odiv = document.getElementById("odiv"); //第三种 //执行动画的对象，目标值，动画的属性，下一个动画 odiv.onmouseover=function(){ starMove(odiv,500,'width',function(){ starMove(odiv,200,'height',function(){ starMove(odiv,100,'opacity',function(){ console.log("结束") }) }) }) }; odiv.onmouseout=function(){ starMove(odiv,50,'opacity',function(){ starMove(odiv,100,

前端动画

阅读更多关于前端动画

Css动画 Css动画，可以在许多网页中取代动画图片、Flash动画或者JavaScript。那么在css3中创建动画，就需要用到@keyframes规则了。在 @keyframes 中创建动画时，把它捆绑到某个选择器，否则不会产生动画效果。而且必须定义动画的名称和时长。在时间方面要用百分比来规定，或用关键词 "from" 和 "to"，等同于 0% 和 100%；0%是动画的开始，100%是动画的完成。然后再在@keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果啦！。那下面就给大家介绍一下所有的动画属性： animation :所有动画属性的简写属性 animation-name :规定@keyframes动画的名称 animation-duration :动画完成一个周期所花费的秒或毫秒。默认是0 animation-timing-function :动画的速度曲线，默认是”ease”(ease由快到慢, linear恒速, ease-in加速[渐显], ease-out减速[渐隐], ease-in-out先加速后减速) animation-delay :动画何时开始，默认0 animation-iteration-count ：规定动画被播放的次数。默认是 1（interation反复，infinite无限） animation

国内更流行三维动画的原因

阅读更多关于国内更流行三维动画的原因

随着国产网络动画的兴起，越来越多的国产动画出现在新的名单中，其中包括原创动画和小说动画改编，动画片改编动画的数量逐年增加。喜欢看国产动画的观众应该能够注意到，新动画的很大一部分是三维的动画，而不是二维动画。为什么国产动画热衷于三维动画制作而不是二维动画，这已经成为许多观众的疑问，其实原因有很多。 1、三维动画制作的视觉效果更好最直接的表现是在建模。模型的质量也能反映动画的质量。虽然在二维动画中三维动画制作中不能被夸大，但它可以在细节和特效上以另一种方式呈现给观众，例如角色发型和服装材料，或者各种华丽的特效，特别是光影效果，这是二维动画所不能相媲美的。 2、资源重复使用制作动画是非常昂贵的，特别是精细的二维动画，所需的手工手稿数量很大，而且随后的重用率很低。国内动画的实现环境不如日本，花费大量的金钱使动画难以盈利，甚至很难回到原来的水平，所以低成本的三维动画制作已经成为中国主流的制作方式。“三维动画制作比二维动画制作省钱”早已成为网络共识。实际上，这只适用于劣质的三维动画制作，精致的三维动画制作可能不会比二维动画省钱，三维动画制作的烧钱在于造型、特效渲染等都是很大的开支。三维动画制作http://www.heihuoshi.com/ 之所以省钱，是因为资源的重用性很高，早期精致的角色和场景建模也可以在后续的系列中重复使用，而且大部分的工作都可以通过计算机来完成

CSS3动画【归纳总结】

阅读更多关于 CSS3动画【归纳总结】

<style> .dhb66{ width:300px; height:300px; border:1px solid #f00;} .dhb66:hover{ box-shadow: 3px 3px 6px rgba(0,0,0,0.2); -webkit-transform: translate(-2px,-2px); -moz-transform: translate(-2px,-2px); -ms-transform: translate(-2px,-2px); -o-transform: translate(-2px,-2px); transform: translate(-2px,-2px); transition: all ease-in-out .1s; } </style>  transition: transform .2s ease-in;  <b></b> b { -webkit-backface-visibility: hidden; display:inline-block; vertical-align:middle;

iOS动画——CoreAnimation

阅读更多关于 iOS动画——CoreAnimation

CoreAnimation 在我之前的UIKit动画里面简单的提了一句CoreAnimation动画，其实大家别看它类库名种有个animation，实际上animation在这个库中只占有很小的地位。像我们经常用的边框、圆角、阴影、锚点等等这些属性都是有CA提供的。在说CA动画前，我们先说一下CALayer这个类，CALayer可以叫做图层，UIView是视图。对别CALayer和UIView它们之间最大的差别在于CALayer是不处理交互的，比如点击事件等。实际上UIView是CALayer的高层封装罢了，UIView的现实、绘图、动画等等都是封装的CALayer，在CALayer中有个重要的属性叫做affineTransform(放射变换)，其实它和UIView中的transform是一摸一样的，返回的都是 CAAffineTransform。当你改变过一个view.transform属性或者view.layer.transform的时候需要恢复默认状态的话，记得先把他们重置可以使用 view.transform = CGAffineTransformIdentity，或者view.layer.transform =CATransform3DIdentity，假设你一直不断的改变一个view.transform的属性，而每次改变之前没有重置的话，你会发现后来

uniapp 背景动画执行一次

阅读更多关于 uniapp 背景动画执行一次

接着前两篇博客，做出来背景动画以后，客户要求进 app 时执行一次动画，到退出app 之前，都不再执行动画。因为这个动画是在首页加的，所以就是刚进app 时在首页执行动画，跳转其他页面回来动画也不执行。首页的 template：在template 里稍加改动加了一个 v-if 用来控制动画图片的显示隐藏 <view v-if="haveimg"> <image :src="item.url" mode="" class="img" v-for="(item,i) in images" :key='i' :style="{left:item.left,width:item.width,height:item.height; animationDuration:item.animationDuration,animationDelay:item.animationDelay}"></image> </view> js： <script> export default { data() { return { haveimg: false, // 让图片先隐藏 } }, onShow() { // 让图片的显示隐藏与缓存连在一起 this.haveimg = uni.getStorageSync('haveAninmation'); this.numimg(); },

简单动画的制作

阅读更多关于简单动画的制作

概念：在Canvas画布中制作动画相对来说比较简单，实际上就是一个不断擦除、重绘、擦除、重绘的过程，具体步骤如下：（1）预先编写好用来会吐的函数，在该函数中用clearRect方法将画布整体或局部擦除。（2）使用setInterval方法设置动画的间隔时间。 setInterval方法为HTML中的固有方法，该方法接受两个参数，第一个参数表示执行动画的函数，第二个参数表示为时间间隔，单位为毫秒。在比较复杂的情况下，我们也可以在清楚与绘制动画的当中插入当前绘制状态的保存与恢复，变成擦除、保存绘制状态、进行绘制、恢复状态的过程。应用： var context; var width,height; var i ; function draw(id){ var canvas=document.getElementById("id"); if(canvas==null) return false; scontext = canvas.getContext('2d'); width = canvas.width; height = canvas.height; i = 0; setInterval(rotate,100);//十分之一秒 } function rotate(){ context.clearRect(0,0,width,height); context

XD动画设置

阅读更多关于 XD动画设置

1、画几个圆圈。 2、编组。 3、复制4个页面。 4、设置原型。 5、链接。 6、设置属性。结果。来源： CSDN 作者： winfredzhang 链接： https://blog.csdn.net/winniezhang/article/details/103611998

订阅动漫