动漫 | 易学教程

中国需要讲好自己的“动漫故事”

阅读更多关于中国需要讲好自己的“动漫故事”

随着互联网时代的不断发展，网络动漫产业作为一种与时俱进的文化产业，在丰富人们精神生活的同时，一定程度上转变了人们的思维方式，助推着文化产业的发展。许多国家网络动漫产业发展迅速，而对我国来讲，我国的动漫产业存在着巨大的发展潜力。这几年优秀的国产动漫不断涌现，虽然离复兴还有很长一段路要走，但是让我们看到了希望。从人人熟知的中国国产动漫记录《喜羊羊与灰太狼之牛气冲天》，这部投资仅600万元的二维动画电影，在一个月内拿下9000万元的票房，到现在的《秦时明月》，《画江湖》，《狐妖小红娘》，《全职高手》《镇魂街》...等众多部“国漫”陆续出现在人们的视角，再不是让人们提起“国漫”首先想起的是《喜洋洋和灰太狼》的时代了。中国真的缺少好的动漫作品吗？其实真的不缺。《游记之大圣归来》《白蛇：缘起》，人民网的作者都表示国产动漫电影完全有与国外一线动漫电影争锋的实力，在故事上多打磨，形成自己的风格，国漫电影崛起指日可待。我们并不缺少拿的出手的好国漫，只是基数太大，但优秀作品却太少。我觉得原因是现在追求利润的市场，能够用心做电影的，同样也太少。比如说《哪吒之魔童降世》中申公豹这个角色的一个变脸镜头，虽然在电影中只有几秒，但背后却是非常艰辛的创作过程。长期关注动漫行业动态的业内人士张先生告诉《中国产经新闻》记者：“今年七月，我去参观在上海举办的第十四届中国国际动漫游戏博览会，大致估计

中国需要讲好自己的“动漫故事”

阅读更多关于中国需要讲好自己的“动漫故事”

CSS新特性之动画

阅读更多关于 CSS新特性之动画

动画是CSS3中具有颠覆性的特征之一，可以通过设置多个节点来精确控制一个或者一组动画，常常用来实现复杂的动画效果。相比较过度，动画可以实现更多变化，更多控制，连续自动(不需要鼠标经过和鼠标离开来控制)播放等效果。 5.1动画的基本使用先定义动画再使用（调用）动画 5.1.1用keyframes定义动画（类似定义类选择器） @keyframes 动画名称 { 0% { width: 100px; } 100% { width: 200px; } } 动画序列 0%是动画的开始，100%是动画的结尾。这样的规则就是动画序列。在@keyframes中规定某项CSS样式，就能创建以当前样式逐渐转化为新样式的动画效果。动画是使元素从一种样式逐渐变化为另一种样式的效果。我们可以改变任意多的样式任意多的次数。请用百分比来规定变化发生的时间，或者用关键词from和to,等同于0%和100% 5.1.2元素使用动画 /*调用动画*/ animation-name: 动画名称； /*持续时间*/ animation-duration: 持续时间；举例： <body> <div></div> </body> <style type="text/css"> /*1. 定义动画*/ @keyframes move { 0% { transform: translateX(0px); } 100%

华特动漫城系统开发

阅读更多关于华特动漫城系统开发

华特动漫城系统开发找黄生【电话 135-9006-6764】,华特动漫城软件开发、华特动漫城模式开发、华特动漫城源码开发、华特动漫城升级系统开发、华特动漫城拓客系统开发、华特动漫城系统定制开发、华特动漫城公众号开发、华特动漫城互联网开发、华特动漫城小程序开发、华特动漫城APP开发、华特动漫城源码搭建开发 ------------------------软件开发公司，非平台，会员玩家勿扰----------------------- 华特动漫城是一款数字动漫人物领养策略竞技游戏，让游戏装备买卖区块化，促进游戏基础产业交易发展，让广大玩家共享区块链技术带来的价值。　　 2021 1 年完成全面升级上线吸引全球亿玩家共享区块链技术带来的价值。全球装备打造游戏吸粉万。将发行华特.动漫平台币，上 5000线全球各大数字货币交易所，成为币值前十的主流币种。　　价值　　合约收益　　合约天数预约 HT币　　 300～900元　　 901～1500元　　 1501～2500元　　 2501～4500元　　 4501～6500元　　 6501～10000元　　 3天　　 5天　　 7天　　 1天　　暂未开放　　暂未开放　　 5 　　 10 　　 15 　　 25 　　 30 　　 40 　　 10% 　　 15% 　　 10% 　　 15% 　　 8% 　　

vue动画实现方式

阅读更多关于 vue动画实现方式

vue动画实现方式 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="animate.css"> <style> * { margin: 0; padding: 0; } #app{ width: 600px; margin: 100px auto; } .box { width: 200px; height: 200px; background-color: pink; display: flex; justify-content: center; align-items: center; } button { width: 50px; height: 30px; } /* 第二步定义入场动画和出场动画 */ /* 格式：动画名-enter 入场动画*/ /* 格式：动画名-leave 出场动画*/ /* 进入过渡开始时的状态和离开过渡结束时的状态 */ .fade-enter,.fade-leave-to{ opacity: 0; transform:translate(500px, 0); } /* 进入过渡中的效果和离开过渡中的效果 */ .fade-enter-active,.fade-leave-active{

javaScript动画函数封装

阅读更多关于 javaScript动画函数封装

封装一个原生JavaScript动画函数　　函数说明　　　　- startAnimation() 函数的入口。接收三个参数：　　　　- obj:被操作的Dom对象　　　　- json:{"预处理的属性"：预处理属性值} 　　　　- fn:startAnimation函数的回调，动画是否为联动/同步等形式。　　使用场景：　　　　- 缓动场景，透明度动画，多物体运动，多值运动，自动轮播图...。　　代码 var speed = 0; //起始定义一个运动速度变量。 function startAnimation(obj, json, fn) { clearInterval(obj.timer); //在动画开始之前，先进行动画定时器的清理工作。 obj.timer = setInterval(function () { var cur = 0; //定义一个初始值为零的变量，用来接收操作对象的属性 var flag = true; //如果所有的属性值都到达终点值，则为true //透明度处理 for (var attr in json) { switch(attr){ case 'opacity': cur = Math.round(parseFloat(getStyle(obj, attr)) * 100); break; case 'scrollTop': cur

简单说说《神薙》--杂谈

阅读更多关于简单说说《神薙》--杂谈

据说这本是山本宽可能翻身的作品来着，可惜原作者非要打破死宅的代入感，突然在漫画里整了一个人物让女主薙“不纯”，（我也不喜欢这样的发展）。搞得漫画停刊，动画腰斩，所以你现在看完这部动画，不知道讲了个啥就完结了，很可惜。有人说是因为玻璃心的死宅要闹，其实在我看来，与其看到这种合理，但是胃疼还没有解药的剧情，还不如不看。惋惜吧。我是两天看完的，只有14集，作画和分镜真的没得说，2008年的动画依旧可以吊打今天的一些垃圾动画（业界要完？），现在的动画太浮躁了，只是因为掌握了一点能把动画人物画的鲜艳一点的技巧，就整天执着这这些光污染，忽视了流畅的动作和痛快的镜头，我觉得真的没什么意义。（挣钱快？比如某刀剑？）啊宽这个人吧，我对他了解也不多，只知道他是京都动画出来的，因为“叛逆”等一些原因似乎。最出名的还是他对二战的发言，这里不多说，大家可以去搜。原作的一些原因导致这部作品剧情的不完整，但我从这部动画看到了一些希望，他的制作简直没话说，和新海城一样，都深深的打动了我。来源： https://www.cnblogs.com/lesning/p/11962876.html

zrender-粒子动画

阅读更多关于 zrender-粒子动画

效果： let x = shuN.style.x + rectValue/4,//粒子开始的地方 y = zuY+140 + 5, h = 14*0.8, w = rectValue/2; this.drawParticles(x, y , w, h, 20, 0, i); //画牵引粒子 drawParticles(x, y, w, h, num, seriesId, dataId) {//x, y , w, h, 20, 0, i let partclesGroup = this.getSave('partclesGroup', seriesId, dataId); if(!partclesGroup) { partclesGroup = new zrender.Group(); this.zr.add(partclesGroup); this.setSave(partclesGroup, seriesId, dataId, 'partclesGroup') } else { return; partclesGroup.removeAll(); } for(let i = 0; i < num; i++) { let targetH = Math.random() * w/ 6;//随机 let p = new zrender.Rect({ shape: { // x: x +

css animation 制作打开动画效果

阅读更多关于 css animation 制作打开动画效果

思路如下： aimation 设置执行动画和时间以及是否循环 @keyframes 定义动画接着默认动画的div隐藏点击执行事件 display block <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <link rel="stylesheet" href="https://www.layuicdn.com/layui/css/layui.css" /> <script src="https://cdn.bootcss.com/jquery/2.1.3/jquery.js" ></script> <script src="https://www.layuicdn.com/layui/layui.js" type="text/javascript"></script> </head> <body> <style type="text/css"> .layui-container{width: 40%;height: 400px;background-color: red;display: none;transform:translateY(100px); animation: luandong .5s; } @keyframes

vue 动画框架Animate.css @keyframes

阅读更多关于 vue 动画框架Animate.css @keyframes

订阅动漫