前端经验

据小说记载,郭靖使用降龙十八掌,30分钟就能放倒21棵松树;李寻欢每飞刀76次,能送51人见上帝

image

为什么但丁的形象被众多男人追捧?因为他是个好男人肯定会养活他众多的女朋友!灭哈哈!如何成为但丁一样的男人,看此视频吧!他将改变你一生!每个男人都有一个但丁梦!你,需要勇气!

每个男人都有一个但丁梦

image

在朝鲜,每个人都有两次生命,第一次是自己的亲生父母给予的,而第二次,是在接受天降伟人的光辉照耀后获得的。主题曲(你是电,你是光,你是唯一的神话,我只爱你,you'r my superstar!

金正恩奇遇记 第一集

来自于国外CollegeHumor网站的原创动画《金正恩奇遇记》,这是一部非常猎奇加无厘头的网络短片。

金正恩奇遇记 第二集

火箭成功上天,西方媒体百般抹黑。金正恩跟好基友钢铁侠小萝卜糖泥并肩作战,捣毁帝国主义媒体的邪恶老巢。

金正恩奇遇记 第三集

好莱坞帅哥硬闯婚礼现场,企图抢走皇后李雪主。三胖变身金刚狼奋勇杀敌,却不料雪主夫人站着中枪。友情客串:布拉德皮特,瑞恩高司令,乔治克鲁尼,安妮海瑟薇,金正日。

金正恩奇遇记 第四集

南韩鸟叔本是三胖徒弟,当年盗走师门神器而练成骑马舞。如今三胖痛下杀手清理门户,台下无数观众不幸中枪。

image

帅到爆的福禄小金刚又来啦!十万个冷笑话第六集,福禄小金刚神马的帅啦!

十万个冷笑话第六集

image

还记得小时候我们就经常会在书本的右下角画一些图,画个几页十几页、甚至几十页已经够多的了,当时觉得特有成就感,但是今天看到了这位达人绘制的翻书动画我彻底被打败了...已经可以和MV媲美了!

翻书动画版鸟叔江南Style

image

逆天的2B的海绵宝宝配音的少年PI!国内手机品牌创意广告一支,但是做的真心赞。海绵宝宝的声音还是那么有磁性!

磁性开始:

纯静态HTML的日子早已一去不复返,现在的网页设计师都在不断战斗中的创造力和创新,迎接着最令人惊叹的视觉效果呈现给大家欣赏,接下来看看下面HTML5动画。说到动画,这种类型的设计是优秀的网站,使更多的互动,有时会混合在了消费者的视野中,他将有他所看到的一切是真实的的感觉,给人一种动态的感觉,不多说,请收货!


ps:请使用firefox、Chrome等浏览器欣赏

1、Universeries

开动大脑!20个顶尖的HTML5动画网站欣赏!1.Universeries

2、Everdure eChurrasco

开动大脑!20个顶尖的HTML5动画网站欣赏!2.Everdure eChurrasco

3、Goodtwin

开动大脑!20个顶尖的HTML5动画网站欣赏!3.Goodtwin

4、Protect The Football

开动大脑!20个顶尖的HTML5动画网站欣赏!4.Protect The Football

5、Century of the Child

开动大脑!20个顶尖的HTML5动画网站欣赏!5.Century of the Child

6、Adidas Snowboarding

开动大脑!20个顶尖的HTML5动画网站欣赏!6.Adidas Snowboarding

7、The Exit Zero Project

开动大脑!20个顶尖的HTML5动画网站欣赏!7.The Exit Zero Project

8、Neilson Photography

开动大脑!20个顶尖的HTML5动画网站欣赏!8.Neilson Photography

9、KIKK Festival

开动大脑!20个顶尖的HTML5动画网站欣赏!9.KiKK Festival

10、Woodwork

开动大脑!20个顶尖的HTML5动画网站欣赏!10.Woodwork

11、Type/Code

开动大脑!20个顶尖的HTML5动画网站欣赏!11.Type/Code

12、Mazda A to BT-50

开动大脑!20个顶尖的HTML5动画网站欣赏!12.Mazda A to BT-50

13、Issey Miyake Parfums

开动大脑!20个顶尖的HTML5动画网站欣赏!13.Issey Miyake Parfums

14、The Million Mile Test Drive

开动大脑!20个顶尖的HTML5动画网站欣赏!14.The Million Mile Test Drive

15、The Boks quiz

开动大脑!20个顶尖的HTML5动画网站欣赏!15.The Boks quiz

16、Virtual Water

开动大脑!20个顶尖的HTML5动画网站欣赏!16.Virtual Water

17、Creative9

开动大脑!20个顶尖的HTML5动画网站欣赏!17.Creative9

18、Uniform 15 years

开动大脑!20个顶尖的HTML5动画网站欣赏!18.Uniform 15 years

19、Domenik Ideas of table setting.

开动大脑!20个顶尖的HTML5动画网站欣赏!19.Domenik Ideas of table setting

20、BeoPlay V1

开动大脑!20个顶尖的HTML5动画网站欣赏!20.BeoPlay V1

一早看到的气势磅礴的好东西!超霸气!网友神般制作的《中国航母全CG动画宣传片》!相比之下,某1800万的宣传片简直弱爆了!!!


中国航母全CG动画宣传片

虽然看过很多国外大片剧作,但还是被这部短片给惊到了,惊的不只是剧情,而是对视觉的冲击,此片绝对震撼你的视觉,正所谓打开海尼根,精彩你的世界!

今年海尼根(喜力)在台湾最重要的这波品牌活动, 是为了配合全球的品牌要求转换–从以往大家熟知的「就是要海尼根」, 调整为更具有国际观与品牌态度的「Open Your World」。消费者除了透过电视广告接收到全新的品牌精神之外, 网络的主要任务就是透过互动的方式强化品牌印象, 进一步让大家可以更了解到「Open Your World」背后的意涵。

从电视广告中, 我们可以看到主角一派轻松的跟来自世界各地不同种族不同背景的人们互动, 充分展现海尼根「Open Your World」的魅力。不过你知道吗? 故事不只是这样而已, 男主角跟派对里的每个角色, 其实都有不小的渊源, 所以搭配电视广告, 还有12支小影片来讲述每个角色的故事, 看完这些故事, 就更能了解品牌想要传递的概念。

基于CSS3的动画越来越火爆,各大网站都开始尝试使用CSS3来达到更炫的用户体验,Google的logo也一次次吸引着大家的眼球,但光鲜的CSS3动画后面,可能是前端攻城师不断修改查看修改查看反复的一个过程,对时间、位置的精确把控,意味着巨大的工作量,于是,iAnimator来了!


简介

动画制作软件一般为本地客户端软件,如Sencha Animator 、EDGE等,功能非常强大,但是生成的代码过于庞大臃肿,并且收费,而iAnimator采用WEB方式来实现可视化的CSS3动画制作,轻巧、快速,可扩展性强

基于iAnimator制作动画,因为可视化,及预置的特效,及众多属性面板,可以大大提高动画制作的精确性,减轻前端开发人员工作量

主界面

iAnimator - CSS3动画制作工具!前端攻城湿必备工具!iAnimator主界面

特色

 1、批量上传图片素材

iAnimator - CSS3动画制作工具!前端攻城湿必备工具!

 2、丰富的属性面板

iAnimator - CSS3动画制作工具!前端攻城湿必备工具!

 3、图层、帧的灵活控制

iAnimator - CSS3动画制作工具!前端攻城湿必备工具!

 4、可视化图层编辑

iAnimator - CSS3动画制作工具!前端攻城湿必备工具!

 5、丰富的特效库

iAnimator - CSS3动画制作工具!前端攻城湿必备工具!

 6、快速预览

iAnimator - CSS3动画制作工具!前端攻城湿必备工具!

 7、快速集成

iAnimator - CSS3动画制作工具!前端攻城湿必备工具!

iAnimator - CSS3动画制作工具!前端攻城湿必备工具!

后期的一些想法

1、图层将支持父层、子层,以更灵活的管理图层

2、加入 锁定、可见 快捷按钮

3、属性面板支持 更多的CSS3属性,如box-shadow、text-shadow

4、系统对firefox的支持

5、动画对IE、opera的支持

6、图层帧间的状态更多清晰的展示出来

7、加入事件驱动,如mouseover、click触发动画

8、加入场景,结合事件驱动,在不同场影之间的动画切换,将动画制作更加气势磅礴


另:

代码托管于git上,如果有兴趣的朋友,可以参与进来一起维护,谢谢

https://github.com/kundy/iAnimator

PS:该项目是组内牛人kundy开发的一个工具,已经在Qzone的一些项目中使用,很赞的说,省时省力效果好。

相关文件下载地址:

官方网站:http://ianimator.kundy.net/

Powered By Z-BlogPHP 1.5 Zero

Copyright webexp.cn Rights Reserved.

本站基于 阿里云服务器 + Ename域名 + Z-Blog 构建   |   站点地图   |   辽ICP备13003381号-4