`
wanglihu
  • 浏览: 918287 次
  • 性别: Icon_minigender_1
  • 来自: 黑龙江
社区版块
存档分类

Html5演示网站和学习网址

阅读更多
html5 学习网址:http://www.w3school.com.cn/html5/index.asp


http://balldroppings.com/js/
用鼠标划线挡住掉下来的球,画好的线可以点击边缘拖动改变方向,根据小球的速度大小会有不同的音调,用一堆线条就可以作曲了。ball drop rate 是调节小球掉落的频率。gravity是重力大小。
http://experiments.instrum3nt.com/markmahoney/ball/
一个可以随便扔的小球。
http://the389.com/experiment/
用鼠标制造波浪。
http://mrdoob.com/projects/chromeexperiments/google_gravity/
搞怪的Google,你可以随便拖拽掉落的框框,最后输入框还可以输入文字哦。
http://www.chiptune.com/starfield/starfield.html
鼠标控制方向,星空。
http://deanm.github.com/pre3d/monster.html
不断变形状的物体。
http://bomomo.com/
能够轻易画出美丽的画面,鼠标左键点击就会留下颜色,下边两排切换不同的工具。
http://mugtug.com/sketchpad/
一个绘图工具。
http://mrdoob.com/projects/chromeexperiments/ball_pool/
鼠标左键点击就会飞出很多东西。
游戏类:
http://www.watersheep.org/~markh/html_canvas/game.html
超级玛丽那样的游戏,上下左右,空格是跳。
http://reas.com/twitch/
这东西搜狗不能正常玩,用鼠标控制方向令球到达终点,但是搜狗只能显示一个关卡。
http://www.yvoschaap.com/chainrxn/
鼠标左键点击放出一个圆形,如果其他小球撞上了也会变成一个圆形,尽量让最多的小球撞上。
http://www.xarg.org/project/chrome-experiment/
移动鼠标去碰红色方块,并且要避开黑点,每碰一次方块多一个黑点。
http://www.kevs3d.co.uk/dev/asteroids/
搜狗加载不正常,chrome等浏览器正常。控制战机打陨石和飞碟等。
http://jsdefense.sourceforge.net/塔防游戏,点NEXT,点NEW GAME然后选难度开始玩。Change music theme是改音乐。
http://www.somethinghitme.com/projects/canvasinvaders/
FC年代的游戏了。
分享到:
评论

相关推荐

    HTML5演示学习.rar

    这个"HTML5演示学习.rar"压缩包显然包含了一些关于HTML5的学习资源,适合初学者用来探索和实践HTML5技术。下面将详细介绍HTML5的一些关键知识点。 1. **语义化元素**:HTML5引入了许多新的语义化元素,如、、、、和...

    HTML5 特效 演示

    HTML5是现代网页开发的重要标准,它为网页设计师和开发者带来了许多新的特性和功能,极大地丰富了用户体验。在这个“HTML5特效演示...通过学习和实践这些HTML5特效,开发者可以创造出更具创新性和用户体验的网页应用。

    HTML5 动画演示

    总的来说,这个"HTML5 动画演示"的资源包是一个极好的学习和实践平台,它涵盖了HTML5 Canvas和CSS3动画的基本概念和高级技巧。通过分析和研究这两个示例文件,开发者可以深入理解这两项技术的工作原理,并在此基础上...

    HTML5浪漫爱心表白动画在线演示程序

    通过这个"HTML5浪漫爱心表白动画在线演示"项目,我们可以学习到如何将HTML5、CSS3和JavaScript结合,创造出具有互动性和情感表达的网络应用。对于想要提升网页开发技能,尤其是对动画和互动设计感兴趣的开发者来说,...

    html5官方演示文档

    这个"html5官方演示文档"显然是一个详细介绍HTML5特性的资源,非常适合开发者学习和参考。 在HTML5中,一些关键的新增特性包括: 1. **语义化标签**:为了提高网页内容的可读性和可理解性,HTML5引入了如、、、、...

    HTML5 PPT演示稿

    这份"HTML5 PPT演示稿"是一个学习HTML5基础知识的资源,通过PPT的形式,结合实例代码,帮助学习者理解和掌握HTML5的关键特性。 1. **HTML5 AppCache(Application Cache)**:`demo_html.appcache`可能涉及到HTML5...

    HTML5幻灯演示系统.zip_HTML5 幻灯_border6u3_html5_html5系统

    HTML5幻灯演示系统是一种基于Web技术的...这套HTML5幻灯演示系统不仅是一个技术展示,也是学习和实践HTML5、CSS3和JavaScript的好素材,开发者可以从中了解到如何利用Web技术构建功能完备、交互丰富的在线演示工具。

    HTML5_官方演示文档

    ### HTML5新特性详解 ...- 中文版演示文档:[http://directguo.com/html5/](http://directguo.com/html5/) - 英文原版文档:[http://apirocks.com/html5/html5.html](http://apirocks.com/html5/html5.html)

    HTML5开发的太阳系演示

    HTML5是一种强大的网页开发语言,它是对HTML4的升级,主要强化了网页的...通过学习和理解这个项目,开发者可以深入掌握HTML5、CSS3和JavaScript的实用技巧,以及如何将它们结合在一起构建动态、交互的Web应用程序。

    前端学习笔记网站(HTML5+CSS3+JavaScript前端网页web课程设计).rar

    前端学习笔记网站(HTML5+CSS3+JavaScript前端网页web课程设计).rar前端学习笔记网站(HTML5+CSS3+JavaScript前端网页web课程设计).rar前端学习笔记网站(HTML5+CSS3+JavaScript前端网页web课程设计).rar ...

    html与css演示

    HTML用于构建网页的结构,而CSS则负责定义这些结构的样式和布局,两者结合可以创建出美观且功能丰富的网站。 HTML是一种标记语言,通过一系列预定义的标签来组织网页内容,如`<head>`、`<body>`、`<h1>`、`<p>`、`...

    HTML5图片分类利器演示页面

    HTML5是现代网页开发的核心标准,它在图片处理和分类方面提供了强大的功能,极大地提升了用户体验。这个名为"HTML5图片分类利器演示页面...这样的页面对于开发者来说,是学习和理解HTML5图片处理能力的一个优秀实例。

    HTML5演示+Canvas_2D_API+css3.0API

    HTML5 演示.htm和HTML5 演示_files可能包含了一些使用HTML5 Canvas 2D API和CSS3.0 API的实际示例代码,这些示例可以帮助开发者直观理解如何将这些技术应用于实际项目中。通过查看和分析这些文件,学习者可以深入...

    《学习HTML5游戏编程》 的 代码示例和演示_JavaScript_代码_下载

    这本书《学习HTML5游戏编程》显然是一个面向初学者和进阶者的资源,包含了各种代码示例和演示,旨在帮助读者深入理解HTML5游戏开发的核心技术。 首先,JavaScript是HTML5游戏编程的主要语言,它是一种解释型、跨...

    基于HTML5的互动游戏新闻网站的设计与实现 (源码 + 说明文档 + 演示视频)

    【标题】"基于HTML5的互动游戏新闻网站的设计与实现"是一个项目,它展示了如何利用HTML5技术构建一个集互动性、娱乐性和信息传递于一体的在线平台。这个项目包含源码、说明文档和演示视频,为学习者提供了完整的学习...

    学习HTML5不可错过的12家国外网站

    在实践学习中,HTML5 Rocks(http://www.html5rocks.com/en/)是一个极好的起点,这个由Google维护的网站提供了丰富的教程、文章和演示,涵盖了HTML5的各个方面。Dive into HTML5(http://diveintohtml5.org/)这本...

    html5 canvas 演示demo 代码

    这个"html5 canvas 演示demo 代码"压缩包很可能是包含了一系列的示例,展示了如何利用Canvas API来创建各种动态效果和交互式图形。 Canvas的基本使用涉及到以下几个核心知识点: 1. **Canvas元素**:HTML5中新增的...

    光机网站架设演示 光机网站架设演示

    压缩包中的"光机网站架设演示.swf"文件可能是一个Flash动画或者交互式教程,详细展示了上述步骤的实施过程,帮助用户直观地了解和学习光机网站的搭建流程。由于SWF文件是Adobe Flash制作的,用户可能需要Flash ...

    酷炫html5 css3全屏滚动动画专题模板演示页面

    综上所述,“酷炫html5 css3全屏滚动动画专题模板演示页面”展示了如何通过HTML5和CSS3的创新特性,构建一个既美观又功能强大的全屏滚动网站。它不仅体现了技术的前沿应用,还为网页设计师和开发者提供了学习和灵感...

    值得收藏的HTML5资源(学习html5的朋友可以收藏下)

    12. Web Designer’s Checklist: HTML5 Support Tables 提供了一份全面的HTML5和CSS3浏览器兼容清单。 13. HTML5 differences from HTML4 列出了HTML5与HTML4的区别,是W3C官方提供的对比清单。 14. HTML5 – ...

Global site tag (gtag.js) - Google Analytics