All Projects → Suzixuan → Animation_design

Suzixuan / Animation_design

Licence: other
当前端遇上二次元

Projects that are alternatives of or similar to Animation design

SuperMarioGame
🎮 V1.0 : 实现游戏场景的初始化 V2.0: 实现画布的不断刷新 V3.0: 实现了游戏中人物的运动 V4.0: 实现了js代码的分离 V5.0:实现键盘对人物移动的控制 V6.0: 完成Game游戏类的封装 V7.0: 实现敌人角色的加入, player,enemy类的封装; 实现了我方角色和敌人角色的自由移动 V8.0: 实现精灵之间的碰撞检测功能 V9.0: 实现游戏中分数的统计, 输赢的判定 V10.0: 实现了游戏背景的滚动效果和场景的优化
Stars: ✭ 21 (-30%)
Mutual labels:  css3
hugo-lime
Hugo Lime is a business theme for GoHugo by https://uicard.io
Stars: ✭ 31 (+3.33%)
Mutual labels:  css3
30daysOfCss
Desafio consiste em criar um mini projeto com HTML e CSS por dia durante 30 dias.
Stars: ✭ 23 (-23.33%)
Mutual labels:  css3
spacex-launch-data
uses the freely available SpacexAPI and basic HTML CSS and JS to give details of missions
Stars: ✭ 25 (-16.67%)
Mutual labels:  css3
Online-Movie-Ticket-Booking-Script-Free
Open source Online Movie Ticket Booking Script (Theatre booking system) is a website to provide the customers facility to book tickets for a movie online and to gather information about the movies and theaters.
Stars: ✭ 35 (+16.67%)
Mutual labels:  css3
resumos-aulas-cubos-academy
Exercícios, testes, e experimentos das aulas do curso.
Stars: ✭ 12 (-60%)
Mutual labels:  css3
danoniplus
🍙 Dancing☆Onigiri (CW Edition) - Web-based Rhythm Game
Stars: ✭ 27 (-10%)
Mutual labels:  css3
DevHelpBox
we are creating this community so that other developers can get benefits of it.
Stars: ✭ 35 (+16.67%)
Mutual labels:  css3
takefive.css
The most advanced pure CSS lightbox – not one single line of JavaScript has been wasted
Stars: ✭ 123 (+310%)
Mutual labels:  css3
Cyberpunk-2077-theme-css
This is a theme in CSS3 to simulate the interfaxes of the game CyberPunk 2077.
Stars: ✭ 118 (+293.33%)
Mutual labels:  css3
Ecommerce
Angular 6 Ecommerce Application POC
Stars: ✭ 46 (+53.33%)
Mutual labels:  css3
ducky
Chrome extension to overlay a (super adorable) rubber duck, as a virtual companion during rubber duck debugging.
Stars: ✭ 80 (+166.67%)
Mutual labels:  css3
Dynamic.css
🚀 Awesome Library of CSS3 animations 🎉
Stars: ✭ 38 (+26.67%)
Mutual labels:  css3
glide
a modular but comfy startpage for many scenarios
Stars: ✭ 39 (+30%)
Mutual labels:  css3
QuickLearn
A collection of resources categorised by tech domains, languages, expertise and much more. QuickLearn gives you a quick access to all the resources that you could need at a single place, within a click!
Stars: ✭ 89 (+196.67%)
Mutual labels:  css3
smart-webcomponents-community
Material & Bootstrap Web Components built with Smart
Stars: ✭ 30 (+0%)
Mutual labels:  css3
ozPanel
daha tanıdık bir görüntüde directAdmin teması
Stars: ✭ 13 (-56.67%)
Mutual labels:  css3
CSS-Collection
A wide variety of animations done using only CSS
Stars: ✭ 44 (+46.67%)
Mutual labels:  css3
thepranaygupta.github.io
my personal portfolio website
Stars: ✭ 47 (+56.67%)
Mutual labels:  css3
Shuttle
The fastest access to your favorite applications.
Stars: ✭ 52 (+73.33%)
Mutual labels:  css3

Animation_design

当前端遇上二次元

旨在乐趣,兼容有限

/** 请在Chrome打开 **/

No.1 素材或灵感:动画专业的大坑到底有多深

Alt text

No.2 素材或灵感:Memories Of Lily

有种画虎不成反类犬的感觉。不过真的比对着枯燥的类库写业务有趣多了(interesting +1
还有终于理解UP主说的“我所说的一秒,有质的区别” 这个意思,以前嚷着学视频没学成, 现在折中一下吧,看我一字一句播放一个综燃MAD出来吧,哈!讲笑。

Alt text

No.3 灵感来自:「Re:ゼロから始める異世界生活」第二集 ED

赶在星期一之前终于搞定一个demo!哈!拖延症去死!拜ED所赐,循环了这么多遍, 所以对画面很有印象,而且还这么好看。不过由于没用到JS,所以就不要嫌雪花少啦

Alt text

No.4 灵感源于:CT | Can't Help MEP 1:01开始

还有很多细节没收拾,同原作比漏了很多帧..啧啧,再次体验了一把制作"视频"的艰辛。 我不知道用AE怎样做,但是我在Chrome看时间轴真的瞬间懵逼了[哆啦A梦害怕] 。准备点其他技能点了,话说这些放在作品简历上没问题么?

Alt text

No.5 灵感源于:CT | Can't Help MEP 第7秒

第一次做这种一次性播放的动画,虽然原理简单,不过觉得挺酷的。 相当部分mep的mad都可用CSS3实现,实在有时间,真的可以撸一个简单点的mad出来。 不过没意义,太繁琐,娱乐性大于业务。下一步学其他了~

Alt text

No.6 灵感源于:星辰之忆—时光易变 恍如隔世第7秒

第一次用PS试着导出SVG,不过这仍是一个谜[哆啦A梦汗]。最后只好下载AI导出来作为素材。 希望借此能够入设计这个巨坑。 当做完那一刻,望着...

Alt text

No.7 #aftereffects# 【第274期】如何用AE设计圣诞树飘雪效果!

今年圣诞节,异国他乡,比以前更难过。为了让自己感觉没有白过,去除不必要的胡思乱想,只好自己决定在网页画一张贺卡送给自己,送给大家了。还记得,上一年的歌是《Merry Christmas Mr.Lawrence》,而今年,到这首《Christmas in love》。圣诞节快乐!

Alt text

No.8 My Zeitgeist 2016

辣鸡dnf!毁我青春,误我前程!

                                           ——前言

距离我说要完成这份独特的年终总结,已经过了一个月吧?在刷了10盘深渊都是光头以后,蓦然惊醒。这短暂的贤者时间内,总算来个虎头蛇尾式的收尾,舒一口气的同时也证明之前我实在想太多了,这一年根本悲伤到无法言语表达!!

虽然不想承认,我已经失去了作为程序猿的那一份专心、低调、闷声发财的品质。我就好像一个小丑般,对着名为现实的怪物前,暴躁地喧哗,“我还会……我不怕你!”  我只是想找到存在价值吧。在虚张声势下,还能学到什么?无论ps、英语,还是之前的专业知识,我再无法彻底沉下心来……

引用一位大大所说的一句“这份心理压力,一个人在生存线挣扎的人,对于他来说最大的快乐是如何活下去,而不是在死人堆旁边玩耍”。再如此温水煮青蛙式的生活下去,可能有一天会上新闻吧(滑稽)

新的一年要……看看日历,不禁尴尬。这本来是一个月前所想所写的总结,而不是在被游戏玩一顿之后的某次所顿悟下的。走了一年弯路,现在也该上上正轨了吧,2017的目标,还是不用嘴说出来。不过现在凌晨2点下的决心,打了很大的折扣吧。

No.09 —— 临摹自 Re:CREATORS : 第2话 OP

久违的码代码,都快生锈了[二哈]。 作为4月霸权8w8,遇到这么炫酷的OP开头,难免手痒,不过还是虎头蛇尾啦,漏了部分和最后显示标题。彻积木式的写特效,麻烦死了。或者还是学学视频制作?!

No.11 APPLE 官网宣传页

想买手机逛苹果的时候无意看到的,特别那摄像头DUANG一下的光影特效太好看了,但最后死活做不出...emmmmmm...算了[哆啦A梦汗]

No.12<四月是你的谎言>结局

冒着期中考试FFF的危险爆肝临摹了一下<四月是你的谎言>结局的效果。 也算是作完结撒花纪念吧,毕竟那晚看完哭得这么厉害...

NO.14 Christmas Scene 2017

寥寥200多行代码,为自己写张贺卡。

No.15 2017 年终总结

———— 经历整个春节假期,终于施工完毕。其中的迷茫拖延症真是不足为外人道,这不禁令我发现我是否真的有设计的天份还有是不是要入设计这个坑。[笑cry] 不过怎样都好,用CSS来做“视频”,全程1分42秒,真的是一帧帧的来,虽然最后做成PPT[二哈],我想在编程界都绝无仅有吧。最后敷衍地敲完,呼一口气。从想做→完成这一系列的操作所消磨的时间,仅仅为了热身而已。2018,加油。 PS.支持正版 O网页链接

No.16 比宇宙更远的地方

—— 看完久久不能忘怀,遂试着临摹下效果(对比在楼下),因为还记得之前看过@张鑫旭 大佬的教程,简直是为它度身定做呀!但没想到最后在SVG那卡壳[跪了]。最后记录了几篇文章,感觉水深火热[二哈]

No.17  GGO Project ED结尾

No.18 工作细胞过场

No.20 Christmas Scene 2018

第三年。 年年雪里,常插梅花醉, 今年海角天涯,萧萧两鬓生华。

No.21 例子:混合模式:difference //差值

描述:http://t.cn/A6ybDwOj

No.22 例子:混合模式:exclusion //排除 和 text-fill-color

描述:http://t.cn/A6ybeKUR

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].