动漫 | 易学教程

二次元：别急着爆发，让内容沉淀

阅读更多关于二次元：别急着爆发，让内容沉淀

根据外媒传闻，在2018年第一季度或第二季度，国内二次元经济的代表、弹幕视频网站哔哩哔哩将赴美上市，其融资规模在4亿美元，估值则可能超过30亿美元。另一家重量级网站AcFun也在经历停服风波后于2月12日重新上线，作为国内二次元弹幕视频网站跑道上唯二的选手，续命成功。艾瑞咨询发布报告分析，二次元行业在经历2011年到2017年的成长期后，会在2018年之后迎来高速发展期。开局即动作频频，助跑多年的二次元行业会在今年起飞吗？不再“非主流” “次元”在日文中表示“维度”，二次元即是“二维”，指相对真实可触摸的三维世界的虚构世界。二次元最初以A（日本动画）和C（漫画）为主，后来发展出G（游戏）以及N（小说Novel），逐渐形成了所谓的“ACGN圈”。作为一种舶来品，二次元不是新鲜事物，但二次元产业走进国人视野，是近几年的事。二次元产业以黏性很高的二次元粉丝为基础，围绕游戏动漫周边铺展开来。B站董事长陈睿曾表示，丰富的物质环境、完整高质量的教育和伴随成长的互联网服务，让今天的年轻一代具备了前人无可比拟的，多元化、个性化的文化需求。根据《中国二次元行业调查分析及市场前景预测报告》，2017年国内二次元市场规模已达到1000亿元人民币，并且预计五年后将迎来1000亿美元的市场规模。显然，拥有可观的规模用户数量和良好发展前景的二次元已经一洗“非主流”的传统印象，进入大众视野。 “高速发展

Pray for 京阿尼——愿逝者安息，伤者早日康复

阅读更多关于 Pray for 京阿尼——愿逝者安息，伤者早日康复

昨天，也就是7月18日，发生了很悲伤很悲伤的事情，在京都这个与世无争的地方，一栋并不显眼的淡黄色小楼，冒出了滚滚浓烟，京都动画第一工作室，就这样伴随着浓烟和烈火，伴随着无数的原稿的燃烧，从原来的充满梦想和欢笑的聚集地，变为了充斥着哭泣和不幸的地狱——是的，就是地狱，无论是对于二次元爱好者心中的动画圣地，还是对于这些画师和工作人员的家人，都是非常非常严重的打击，在未来的好几年，我们可能都无法看见这个日本动漫的顶梁柱再度做出精致和充满爱的作品了。我在昨天早晨看见工作室着火时由于并没有看见有人员伤亡的消息，便误以为这只是一次寻常的失火，尤其是日本这个重视秩序的国家，大家一定都很快的逃了出来，一定没有什么大事。然而后来随着时间的流逝，我发现这次失火并不是一个简单的事件，而是有人蓄意纵火，而我当时担心的动画进度也随着有死伤者的数字的出现变成希望不要有再多的人员伤亡了，到了晚上十点左右，各个动漫群里都下了结论，大家在日本的朋友从各个渠道得到了消息：死者33人，重伤10人，总共受伤者69人。大家包括我都开始慌乱，当时得到的消息是当时在场的工作人员一共77人，如此之多的死伤者让大家的心里都蒙上了一层阴影，大家开始担心主要工作人员的安危，各个监督的下落由原先的不明到后来的一一确认，让不少人松了一口气，可是最终还是有遇难的监督的消息传来。我作为一个完完全全的动漫迷

从零开始手撸一个CSS加载动画【第一期】

阅读更多关于从零开始手撸一个CSS加载动画【第一期】

个人网站： www.dzyong.top 微信公众号：《前端筱园》先看一下本期CSS动画效果这个动画是如何用CSS做出来的呢，有两个重点动画内容的形状如何用CSS呈现出来如何实现非线性旋转下面我们一步一步的对这个动画进行剖析目录搭建HTML架构 CSS穿上新装搭建HTML架构通过效果可以看出包含一大一小两个元素，那么这里只需要使用一个div包含两个字div即可 <div class="loader loader-1"> <div class="loader-outter"></div> <div class="loader-inner"></div> </div> CSS穿上新装先看一下静止状态下的样子第一步：先画出两个圆，通过 border 和 border-radius 来实现 .loader .loader-outter{ position: absolute; width: 100%; height: 100%; border: 2px solid #f50057; border-radius: 50%; } .loader .loader-inner{ position: absolute; width: 20px; height: 20px; top: clac(50% - 10px); left: clac(50% - 10px);

jq动画和停止动画

阅读更多关于 jq动画和停止动画

使用jq 实现动画循环效果<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> .box { height: 200px; background-color: green; font-size: 60px; color: white; } .item { width: 200px; height: 200px; position: fixed; top: 0; left: 0; background-color: red; } </style> </head> <body> <div class="item"></div> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script> <script> function run(){ $('.item').animate({ width: '50px', height :

利用UIImageView实现动画

阅读更多关于利用UIImageView实现动画

利用UIImageView实现动画 2010年08月12日星期四 18:38 利用UIImageView实现动画。 - (void)viewDidLoad { [super viewDidLoad]; UIImageView *fishAni=[[UIImageView alloc] initWithFrame:[[UIScreen mainScreen] bounds]]; [self.view addSubview:fishAni]; [fishAni release]; //设置动画帧 fishAni.animationImages=[NSArray arrayWithObjects: [UIImage imageNamed:@"1.jpg"], [UIImage imageNamed:@"2.jpg"], [UIImage imageNamed:@"3.jpg"], [UIImage imageNamed:@"4.jpg"], [UIImage imageNamed:@"5.jpg"],nil ]; //设置动画总时间 fishAni.animationDuration=1.0; //设置重复次数，0表示不重复 fishAni.animationRepeatCount=0; //开始动画 [fishAni startAnimating]; } 来源： https:/

vue的过渡css动画

阅读更多关于 vue的过渡css动画

来源： CSDN 作者： Yonginggg 链接： https://blog.csdn.net/weixin_39872341/article/details/104702926

关于CSS动画的入门学习整理

阅读更多关于关于CSS动画的入门学习整理

CSS3 可以创建动画，它可以取代许多网页动画图像、Flash 动画和 JavaScript 实现的效果直接放个最简单的例子： <style> div { width : 100px ; height : 100px ; background : red ; animation : myfirst 5s ; } @keyframes myfirst { from { background : red ; } to { background : yellow ; } } </style> </head> <body> <div>方块的颜色会变化</div> </body> 效果如下，在5秒内，方块会由红色逐渐变为黄色在div中添加animation:myfirst 5s;即为添加了一个名为“myfirst”的动画效果，持续时间为5秒。再单独@keyframes myfirst{}对动画的具体效果进行配置，初始状态from {background:red;}，转变到结束状态to {background:yellow;} 注意：必须定义动画的名字和持续时间，否则不生效再举一个例子： <style> div { width : 100px ; height : 100px ; background : red ; animation : myfirst 5s ; }

CSS3中的动画

阅读更多关于 CSS3中的动画

CSS3中的动画包括两种： Transition(过渡) Animation(动画) 这两种方法都可以让元素动起来，功能类似，但是稍有区别： Transition只定义某一个元素的开始状态和结束状态 Animation除了开始和结束状态之外，还可以定义中间任意时间点关键帧的状态剩下的内容就是CSS3完成任意两个时间区间内进行补间动画，达到平滑过渡的效果。 Transition transition的语法为： transition：transition-property, transition-duration, transition-timing-function, transition-delay翻译成中文就是：transition: 变换属性，持续时间，速率变化，变换延迟 transition-property：指定元素哪些属性改变时进行过渡。当它为all时，所有可过渡的属性变化时都会触发元素过渡效果，当它为none时，停止所有的过渡。所谓可过渡属性，是指在动画过程中，能够转化为某些类型的属性，这些类型包括color,length,percentage,number等等。比如某一个元素的margin,height,border-width这三个属性，在动画过程中都是以length的类型进行改变的，它们都是可过渡属性，且动画时的类型为length

几个动画demo

阅读更多关于几个动画demo

一、点击扩散效果　　这个效果没什么难度，主要是加深对核心动画的理解和使用，但是还是有几个想说明的地方。先看一下效果，具体内容代码里有注释。 // // CircleButton.m // UITest // // Created by 邓竹立 on 16/11/14. // Copyright © 2016年 GiveMeFive. All rights reserved. // #import "CircleButton.h" #import "UIColor_Hex_Extension.h" @interface CircleButton ()<CAAnimationDelegate> @property(nonatomic,weak)CALayer *animationLayer; @end @implementation CircleButton -(instancetype)initWithFrame:(CGRect)frame{ if (self = [super initWithFrame:frame]) { //即使做了UIControlEventTouchDown 事件，依旧可以响应UIControlEventTouchUpInside 无需担心 [self addTarget:self action:@selector(tapDown)

transition动画

阅读更多关于 transition动画

1.transition-property设置过度的属性，比如：width height background-color 2.transition-duration 设置过度的时间比如1S500MS 3.transition-timing-function设置过度运动的方式，常用的有：linear(匀速） ease(缓冲运动） 4.transition-delay 设置动画的延迟 5.transition :property duration timing-function delay 同时设置四个属性 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>transition动画</title> <style> .box{ width: 100px; height: 100px; background-color: skyblue; border: 2px solid darkred; margin:50px auto 0; transition: width 500ms linear,height 500ms linear 1s; } .box:hover{ width: 600px; height: 400px; background-color: darkred; </style>

订阅动漫