|
|
马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。
您需要 登录 才可以下载或查看，没有账号？注册
×
7月5日消息，HTML5的元素可以大大增强网页的灵活性和多样性，而Web开发人员大卫沃尔什(DavidWalsh)日前在设计资讯网站Sidebar上分享了9个相当精彩的canvas演示作品，它们无需借助Flash和Silverlight等插件就能直接在Web浏览器中实现令人惊艳的功能。
* m3 g) ?+ |' x {$ N其中3个最为精彩的演示作品为：# B0 T0 e p# e8 L
1.ZenPhotonGarden光影绘图 U% [2 e0 ~: ]8 a% @/ e- I* K
4 B' l% w( M: K9 r; @) J5 @& F' k1 L/ m# C. v {. k- b5 a1 v
在一方中央有发散式光源的画布上，用户可以用鼠标绘制线条以改变光线的方向，并且能实时看到效果。如果您对它非常感兴趣并用心研究一番，您就有可能绘制出非常漂亮的图片。小编用它写了SOHU4个字母，效果极具立体感。$ {! P/ H, Y* D* N$ i$ J9 ?2 m: s
2.动态图形字体
% x) l5 {5 P' W" Y
5 K/ J0 `- g: E& W' W8 }- l) C+ b6 f# Y" B' b( h3 `# I
比第一个演示作品更精彩，采用奇妙的算法生成非常复杂的动画效果文字会扭曲、移动、挤成一团，就像《哈利波特》里的魔法文字，用户还能用鼠标改变观看角度。它是原生的Web功能，在很老的硬件设备上也能流畅运行。此外，作者公布了源代码供大家利用和加以改动。
/ n8 E( F& S: b/ d& S0 s9 [3.Gestures Reveal.JS姿势控制+ Y- N1 p) x O) T# e8 z/ l
8 x* Z- t1 r8 T! Z: z
* j: j+ @! o0 ], T7 e
最精彩的一个演示采用WebRTC和JavaScript，让用户通过电脑上的网络摄像头对界面进行控制，用户挥挥手就能进行向上翻动、向右翻动等操作。虽然微软早有了Kinect，但是这一演示作品用普通摄像头就能直接在浏览器中实现，而且对电脑配置要求不高。2 E( k$ x, E; d. u" m
除了上述三个精彩演示作品之外，沃尔什分享的其他演示作品还包括视频播放操控、canvas浏览器游戏，等等。这些功能如果被内容创作人员或Web设计师广泛使用，我们未来的Web浏览体验将会变得更加丰富多彩。(悠拉)) j4 R) R' a' @% ^" T4 M
|
|
IP卡
狗仔卡
发表于 2013 年 7 月 20 日 22:41:57
) E, b$ U: p, ]& q+ b$ U6 S
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
显身卡