|
|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有账号?注册
×
7月5日消息,HTML5的元素可以大大增强网页的灵活性和多样性,而Web开发人员大卫沃尔什(DavidWalsh)日前在设计资讯网站Sidebar上分享了9个相当精彩的canvas演示作品,它们无需借助Flash和Silverlight等插件就能直接在Web浏览器中实现令人惊艳的功能。) _( i' q; Z) A( j/ N3 f# J* @
其中3个最为精彩的演示作品为:
& ^6 r6 j' l9 ^! c. @1.ZenPhotonGarden光影绘图
# y6 d1 I% j2 S% k1 F- _- p5 u1 M* W1 V4 z3 C$ e, z
7 S4 l" h& u3 Q& l; S/ L) k6 P在一方中央有发散式光源的画布上,用户可以用鼠标绘制线条以改变光线的方向,并且能实时看到效果。如果您对它非常感兴趣并用心研究一番,您就有可能绘制出非常漂亮的图片。小编用它写了SOHU4个字母,效果极具立体感。0 g0 I, k! M9 V8 o
2.动态图形字体$ o+ a! C. G% l4 R; X" t
: E8 ~0 ~1 W' O$ b7 N
% ` O+ g9 v5 w2 H- V) s
比第一个演示作品更精彩,采用奇妙的算法生成非常复杂的动画效果文字会扭曲、移动、挤成一团,就像《哈利波特》里的魔法文字,用户还能用鼠标改变观看角度。它是原生的Web功能,在很老的硬件设备上也能流畅运行。此外,作者公布了源代码供大家利用和加以改动。. b4 S9 L2 s7 d1 h {5 A+ n
3.Gestures Reveal.JS姿势控制
6 S6 ^! _+ N$ F% N
& w g/ g, y+ D+ U! l/ K" I% y9 d- W6 h# }9 n
最精彩的一个演示采用WebRTC和JavaScript,让用户通过电脑上的网络摄像头对界面进行控制,用户挥挥手就能进行向上翻动、向右翻动等操作。虽然微软早有了Kinect,但是这一演示作品用普通摄像头就能直接在浏览器中实现,而且对电脑配置要求不高。
. L3 O) p' r2 `% K+ H7 {除了上述三个精彩演示作品之外,沃尔什分享的其他演示作品还包括视频播放操控、canvas浏览器游戏,等等。这些功能如果被内容创作人员或Web设计师广泛使用,我们未来的Web浏览体验将会变得更加丰富多彩。(悠拉)) l& Q* Z- d! c# [: d
|
|