`
wangzy24
  • 浏览: 18172 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

15个另人震惊的HTML5实验 - 你最喜欢哪个?说说理由

阅读更多

 

除非你一直在岩石下生活,否则你不会没听过HTML5。现在几乎到处都有HTML5的身影,这得益于苹果公司前CEO 乔布斯和很多开发人员的推广。Sonia Tracy 收集整理了15个令人振奋的HTML5实验。提示:如果无法查看这些实验,请更新你的浏览器。

1. Canvas Cycle

艺术家Mark Ferrari 和 编码师 Joseph Huckaby的共同合作,这是一幅华丽动人的自然风景画,如冬日的森林,海景和山脉。他们看着这美不胜收并具有音效的图片,心旷神怡。如果你想从工作中获得片刻的轻松,这些照片可以瞬间融化你的紧张感。

2. Google Gravity

另一个来自于Mr.Doob的惊人之作,这比第一个的互动少些但是仍然十分棒。它提供了谷歌搜索主页的基本的副本。但是当你点击光标让整个页面开始“下滑”直到底部。谷歌标志作为一个迅速刷新页面的链接,这对那些讨厌谷歌的大公司来说是个很有意思的游戏。

3. Canvas Trees

这是有Kenneth Jorgenson创制,这可能是唯一一个地方你能够看到这种句子“刷新会有更多美味的树”。正如所说:你可以点击网站,然后它会带你到一个白色的背景。当开始计算程序中有多少分支时,黑色墨水绘制的树开始成长。你可以不断地刷新,只要你愿意。

4. Magnetic

这是另外个有意思又可供你娱乐的小东西。你基本以一对“磁铁”开始,这可以在屏幕上拖动。些许微粒光束围绕着它,如果你移动它可以改变他们的形状。如果你想要更多的磁铁和微粒,只需双击并拖动他们到任意地方。是的,他们都是有关磁铁和微粒。

5. Celebrity Earnings Graph 名人赚钱图表

想知道一个电视名人每集节目赚多少?这是个很酷的小图能显示成堆的彩条,它们代表每一个特定特定的名人(或像 Charlie Sheen). 这是 Daniel Rapp诸多项目中的一个。

6. Canvas Ribbon

Paul Truong 开发了这个有趣的应用,能够让你通过不停地移动在屏幕上绘制多色彩条。它能使形状和设计都十分漂亮。你所需要做的只是在屏幕上拖动。

7. WebGL Water

这还有一个很酷的演示,使用了革命性的WebGL(基于Web的图形库),在谷歌chrome上效果最好。在演示中,你可以荡起水中的涟漪,或拖动球体移动它,然后按某些键盘键设置光线的方向和切换重力,所有的都是见证如何在环境中灵活地移动目标。

8. Chrysaora

另一个由WebGL提供的令人惊异的演示,在这你可以看到一群非常漂亮活泼的水母在水中游动,梦幻般的阳光洒向书面。见证HTML5和WebGL所带来的网络生活,最好用谷歌Chrome浏览。

9. Voxel Rain

Voxel rain 意味着3D多色箱降成一个旋转的大块。这就像展示20世纪90年代的计算机,现在涉及到Web浏览器,利用HTML5的能力,互联网中最明亮的时代不会太远。

10. HTML5 文本效果

通常我们网页设计师不知道HTML5在Web排版突破上到底能给我们带来多大突破,并给你演示答案,比以往任何时候都跟多!你可以选择见证立体效果、霓虹灯效果,甚至移动的霓虹灯效果,未来的网页排版全在HTML5控制中。

11. 旋转的 HTML5 Logo

我Hold不住了,它旋转、旋转……这很酷。

12. 3D绘图

厌倦了2D基本HTML绘图服务吗?简单地画条线,然后向左或者向右移动,你将会看到你的旋转3D透视图。3D绘图与HTML5的结合不会更复杂。

13. mta.me Conductor

mta.me Conductor 通过涌现的点不断移动形成线,当线相互“碰撞”时给予你灵感,他们会引发一些互动。这些都证明HTML5不仅仅是代码,而是互动,是网页对于用户的真正关心。

14. Doogle Gmail

一个有趣的射击类型游戏,但主角是Gmail!就像经典的射击游戏,你获得生命、得分和全能的激光束。可能一个潜在的演示展示HTML5作为游戏的能力小心,Flash。如果还想玩其他HTML5 游戏,这里有10个HTML5游戏网站

15. W Pilot

这是一个上瘾的游戏,它应该是非法的。严重的是,一旦你登录到他们的服务器,你将要玩几个小时。你基本上是到处乱飞拍摄的东西,同时避免由其他球员出手。它很简单并具有可玩性,允许多玩家操作,现在很受欢迎。

分享到:
评论

相关推荐

    震惊科学界!微软154页研究刷屏:GPT-4能力接近人类,「天网」初现?

    标题中的“震惊科学界!微软154页研究刷屏:GPT-4能力接近人类,「天网」初现?”揭示了近期一项引人关注的科技进展,即微软进行的一项深度学习研究,该研究涉及GPT-4模型,一个在自然语言处理(NLP)领域具有里程碑...

    炸翻AI和生化环材圈!GPT-4学会自己搞科研,手把手教人类做实验

    GPT-4等大模型组成的AI智能体,已经可以手把手教你做化学实验了,选啥试剂、剂量多少、推理反应会如何发生,它都一清二楚。颤抖吧,生化环材圈! 不得了,GPT-4都学会自己做科研了? 最近,卡耐基梅隆大学的几位科学...

    PPT模板-让人震惊的PPT风格.dpt

    PPT模板-让人震惊的PPT风格.dpt

    2--[震惊,你家电脑可能安装了一个假的Windows,速来查看......].zip源码scratch2.0 3.0编程项目源

    2--[震惊,你家电脑可能安装了一个假的Windows,速来查看......].zip源码scratch2.0 3.0编程项目源2--[震惊,你家电脑可能安装了一个假的Windows,速来查看......].zip源码scratch2.0 3.0编程项目源2--[震惊,你家...

    马斯克急眼,GPT-4震惊全球!GPT是什么意思?

    标题中的“马斯克急眼,GPT-4震惊全球!”和描述的简短重复,表明这个话题可能与科技巨头埃隆·马斯克(Elon Musk)对最新人工智能技术的反应有关,尤其是GPT-4,这是一项引起广泛关注的技术。GPT是“Generative Pre...

    大地的震惊,阅读及答案-大地的震惊阅读答案.docx

    大地的震惊,阅读及答案-大地的震惊阅读答案.docx

    人教版必修第1-5单元基础知识练习.doc

    【人教版必修第1-5单元基础知识练习】 这份文档是针对人教版教材必修部分第1至5单元的基础知识练习,旨在帮助学生巩固和掌握英语词汇、语法和短语的应用。以下是对部分内容的详细解释: 一、词性转换: 1. nation ...

    语言生成器(中文)-古风诗歌生成器,性格测试器,震惊体生成器

    无论你外表表现的如何,你内心是一个极不服输的人,挫折越大越能激起你获胜的欲望与性格的韧性,当你越不被看好的时候,反而是你越能突破困境,达到目标的时候。 运势 ========== 近期的运势,工作上,客观情况愈发...

    我想你的英文精选.doc

    【标题】:“我想你的英文精选.doc”文档实际上是一个关于学习英语口语的资料,包含了日常对话中常见的表达和短语。 【描述】:“我想你的英文精选.doc”文档的描述并未给出,但从标签“资料”可以推测,这是一个...

    让你震惊的js代码

    "让你震惊的js代码"可能指的是利用JavaScript实现的一些令人惊叹的特效或者高效算法。 首先,JavaScript的基础知识点包括变量、数据类型(如字符串、数字、布尔值、对象、数组等)、运算符(算术、比较、逻辑、赋值...

    OpenAI _ GPT-3新模型Davinci,将AI写作提升到新水平!网友惊呼:GPT-4要来了?.pdf

    GPT-3最初以其庞大的1750亿参数量震惊了业界,而现在,text-davinci-003模型进一步提升了AI的创造力和理解力,引发了人们对GPT-4可能即将面世的猜测。 Davinci模型是GPT-3家族中功能最为强大的,而text-davinci-003...

    很牛欧美全flash网站源码 极品--很震惊

    【标题】"很牛欧美全flash网站源码 极品--很震惊"揭示了这个压缩包文件包含的是一项高端的欧美Flash网站的源代码。在IT行业中,源码是程序设计的基础,它揭示了网站背后的逻辑和结构。这里的“全Flash”意味着整个...

    数字服务机构Bootstrap5模板-Kimox

    Kimox是数字服务机构HTML5模板,是优秀的数码代理或发布网站。这个模板用HTML5, CSS3和Bootsrap网格系统。模板充分响应,兼容所有类型的屏幕上看起来令人震惊,包括web开发的最佳实践。

    GPT-5即将发布,这将是人工智能的一次重大突破

    你可能已经听说过ChatGPT,这是一个可以和你聊天的智能机器人。它可以回答你的问题,给你讲故事,甚至写诗歌和代码。它是由OpenAI开发的,这是一个致力于创造有益的人工智能的非营利组织。ChatGPT是基于一种叫作GPT...

    震惊的近义词是什么?.doc

    震惊的近义词是什么?.doc

    ]使用频率最高的一千句英语

    以下是从“使用频率最高的一千句英语”中精选的一些实用表达,涵盖了日常生活、工作、情感表达等多个方面,能够帮助学习者在不同情境下更加自然流畅地进行英语沟通。 ### 基础交流用语 1. **我明白了** - "I see....

    《震惊主上有病》主线攻略.docx

    《震惊主上有病》主线攻略 《震惊主上有病》主线攻略是基于游戏《震惊主上有病》的攻略指南,旨在帮助玩家完成游戏的主线剧情和支线剧情。以下是该攻略的详细信息: 主线剧情 在游戏中,玩家需要选择不同的选项来...

    让人震惊的10个非技术人员无法理解的软件概念

    根据给定的信息,本文将详细解释“让人震惊的10个非技术人员无法理解的软件概念”。这10个概念在日常软件开发与使用过程中极为重要,但由于其专业性较高,对于非技术人员来说可能存在一定的理解难度。 ### 1. 消费...

    英语1000句,很多常用的,赶快下载

    - **He is my age.** (他和我同岁):描述两个人的年龄关系。 - **Here you are.** (给你):将物品递给对方。 - **No one knows.** (没人知道):表示信息未知。 - **Take it easy.** (放轻松):劝慰对方不要紧张。 - ...

    英语日常用语及短语大全

    - **You owe me one**(你欠我一个人情):表示对方欠自己一个回报。 - **You're welcome**(不客气):回应感谢。 - **Any day will do**(哪天都行):表示对于日期没有特别的要求。 - **Are you kidding?**(你在...

Global site tag (gtag.js) - Google Analytics