HTML5 有哪些让你惊艳的 demo?

印象中看过一个用HTML5做的3D立体书(不是Google那个),当时觉得很惊艳,可是后来再也找不到了。 知乎上的你们看到过哪些让你觉得惊艳的Demo…
关注者
8,772
被浏览
1,482,741

67 个回答

找不到之前所见过的网页,深有同感!

Animated Books with CSS 3D Transforms

这是一个3D书本,CSS3完成

=========HTML5特效聚集网站========

christmasexperiments.com 的页面chromeexperiments.com 的页面
Mr.doob
litewerx.showcase
Form Follows Function
AlteredQualia
html5rocks.com 的页面

===========视觉特效与交互式视频============

thewildernessdowntown.comInteractive Film "itsumo kawaii"
beonlineb.com/
Arcade Fire / Just a Reflektor
Aaronetrope

3D科幻视频投影对话

Aleksandar Rodic

3D立体博客

Beanstalkro.me/
three.js webgl

动态地图

Ô Green by SPECIAL.T

水中植物广告

Kimatica - Creative Connections

树脉

Earth to Echo

电影科幻宣传网站

middle-earth.thehobbit.com

霍比特人

HelloRun™

线稿房间,第一人称动

LETTERS, INC.

集成电路

Dataveyes | Human Data Interactions

视觉粒子

=========音乐与可视化==========

do.adive.in/Rocking dendrites

摇滚与触手

Arabesque - Music Colour Particles

优美的纯音乐与彩色烟雾

compo.filler

蓝电之音

Lights

波点

ÜberViz

电子

A [ Radiohead

音乐画画

=========物理特性元素============

Blob

大水球

Andrew Hoyer

布-骨架

HTML5 Fish Bowl

IE-鱼缸

googlecode.com 的页面

chrome-水族馆

three.js webgl

动物

Liquid Particles 3D

3D粒子流

==========画绘与生成===========

10 Jaw Dropping HTML5 and Javascript Effects

10个画绘特效

wormz . html5 canvas experiment

图片生成毛毛虫~~

Silk – Interactive Generative Art

光效

Sketch Toy: Draw sketches and share replays with friends!

记录线稿步骤

ASCIIFlow Infinity

ASCII字符生成图表

========一些融入了HTML5的网站=======

Andrew McCarthy

滚动动物奔跑

tokyomildfoundation.com

东京温柔基金

fifty-five | the data agency

垂直分割

A P R I L Z E R O

数据分析

Gaming Media

创意横向滚动

Luxaqua | Aquarium Design

深邃海底纵向滚动

KILFISH

鬼畜纵向滚动

有顆梅,在台灣

食品纵向滚动

Vespillo le film

Vespillo纵向滚动

Exploring Moon Bears

IE-月熊志

Metal Junk: The Game

HTML5游戏:金属废墟,游戏就不展开了~~

最近写的 基于 HTML5 的指南针和水平仪:

H5Compass

iPhone 5s/5c 测试可用。