16个印象深刻的 HTML5/CSS3/JavaScript 体验

时间:2014-01-28所属栏目: 交互设计 来源: 热度:

16个印象深刻的 HTML5/CSS3/JavaScript 体验

如果你是一个 Canvas、WebGL 和交互式CSS3,HTML5以及 Javascript 的粉丝,那你可能会听说来自瑞典的 Web 开发者Hakim. Hakim 非常擅长 Web 动画和交互,他有很多关于 HTML5、CSS3 和 JavaScript 的个人项目,可在Chrome Experiments找到。我们对他的那些非常有创意、非常酷的项目印象深刻,下面列出其中最酷的一些。

来源:html5cn

CSS3 Scroll Effect——很酷的列表滚动效果

16个印象深刻的 HTML5/CSS3/JavaScript 体验

DOM Tree——圣诞树

16个印象深刻的 HTML5/CSS3/JavaScript 体验

Origami——在一个丰富多彩的折叠上乱写乱画。在图纸上的任何地方 – 或使用键盘 – 激活不同的布局。

16个印象深刻的 HTML5/CSS3/JavaScript 体验

.net 404——异样的 404 错误页面

16个印象深刻的 HTML5/CSS3/JavaScript 体验

Sphere——球体 – 实际上是一个螺旋 – 建立了10000粒子和结构的变化,随着时间的推移。

16个印象深刻的 HTML5/CSS3/JavaScript 体验

Textify.it——浏览器或拖动到页面上的图像以观看使用纯文本构建的图像。

16个印象深刻的 HTML5/CSS3/JavaScript 体验

WebGL Particles——用来测试WebGL渲染粒子的效率。

16个印象深刻的 HTML5/CSS3/JavaScript 体验

BreakDOM——这是一个混合的经典突围游戏,除了所有的游戏元素与HTML用户界面元素已取代。

16个印象深刻的 HTML5/CSS3/JavaScript 体验

Sinuous——一个使用 HTML Canvas 构建的游戏,考验你的鼠标指针反应。

16个印象深刻的 HTML5/CSS3/JavaScript 体验

Magnetic——控制和创建的粒子反应磁性节点的电流。

16个印象深刻的 HTML5/CSS3/JavaScript 体验

Wave——波浪与浮于表面的气泡。

16个印象深刻的 HTML5/CSS3/JavaScript 体验

Trail——粒子的运动模式,生成光滑的小径。

16个印象深刻的 HTML5/CSS3/JavaScript 体验

Blob——软物体的模拟,就像是果冻。

16个印象深刻的 HTML5/CSS3/JavaScript 体验

Bacterium——互动与俏皮的模拟动态物理世界中的细菌实验。

16个印象深刻的 HTML5/CSS3/JavaScript 体验

Particle Depth——使用深度的 粒子定位模式。

16个印象深刻的 HTML5/CSS3/JavaScript 体验

Keylight——A playhead travels between keys which resonate in sound depending on where they are placed in the room.

16个印象深刻的 HTML5/CSS3/JavaScript 体验

 

标签:
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)