绚丽多彩的HTML5特效合集-Hakim

像如此绚丽的动画,一般都会认为是flash制作而成的,但其实不然,由html5+JavaScript制作出来的特效同样让人眼前一亮。。。

绚丽多彩的HTML5特效合集-Hakim

传送门 http://hakim.se/

方法

鼠标可以自由的进行互动控制,声形并茂,十分有趣。。。

Breathing Galaxies

Breathing Galaxies

使用键盘来改变形状中的线条样式,或移动鼠标来创建一个新的形状。

Noise Field

Noise Field

移动鼠标来改变粒子的运动。点击随机产生参数。

Keylight

Keylight

根据按键放置的位置不同来产生不同的单调。

Swirling Tentacles

Swirling Tentacles

循环产生彩色不同颜色的三维线。

FlowerPower

FlowerPower

来自于大自然另一个灵感 – 使用贝赛尔曲线做为笔刷绘图工具花朵,使用鼠标点击或拖动均可看到效果。

Blob

Blob

一滴可以在屏幕上抛掷的柔软的水泡,它可以在浏览器窗口中弹跳。这个水泡可以分割成许多小水滴(双击),如果他们碰撞小水滴们还会合并成一个大水滴。

Rotating Spiral

Rotating Spiral

你是越来越困,很困…. 独立旋转螺旋的效果 – 简单,但视觉吸引力。点击开始,停止和扭转旋转。

Magnetic

Magnetic

磁点是用来控制粒子流。如果有很多粒子围绕磁铁,它会辐射的颜色和大小的增加。鼠标双击操作。

Trail

Trail

五颜六色的粒子跟随鼠标并在鼠标周围旋转,同时生成一个有机的痕迹,然后慢慢地淡出。

Graph Layout

Graph Layout

一种交互式力向图的布局。via

发表评论

电子邮件地址不会被公开。 必填项已用*标注