HTML5 3D相册交互展示
HTML5 的 3D 相册,玩法蛮新鲜的。利用Canvas画图、加上CSS3 的 3D 变换,相册不只是左右滑了,而是像翻书那样一页页“翻”。你还可以用WebGL玩点更高级的,比如加点光影、加点深度感,效果一下子就上来了。
语义化标签用得顺手的话,结构也清楚,比如用来区分相册封面、照片页这些;你要是想保存浏览进度,localStorage就挺合适,刷新页面也能看。
要是你想拖着照片自己摆,也可以搞个drag and drop API,再加点Media API塞视频音乐进去,相册不光能看还能听。兼容性方面嘛,记得带上Modernizr
,对老浏览器稍微照顾一下。
如果你也想动手试试,下面这几个资源还蛮值得一看:
如果你图像这块比较感兴趣,Canvas 那部分可以多琢磨下;要是想做得更炫,WebGL 也值得花点时间啃一啃。
下载地址
用户评论