标签 HTML5 下的文章APP > 后花园

开发者视角论述HTML5平台的7大特点

乍看之下,HTML5似乎给在线和手机游戏开发者带来颇多益处。这是个纯网页平台,游戏开发者能够基于HTML5制作自己的游戏,然后在任何兼容设备发行内容,从手机到PC平台。但这是否真的这么简单?但平台目前尚没有统一标准,所以其性能还存在不确定性。该平台显然颇具潜力,Zynga之类的主流开发者已开始将其运用至手机领域,但引擎供应商Unity称“就运行情况来看,HTML5仍然不甚理想”。      关于此平台的发展方向,开发者看法不一,因此我们决定深入剖析几位HTML5技术采用者的看法,探究平台的主……

HTML5的绝活:巧用Canvas制作会动的时钟(一)

这次乐彩的目标是画一个会和时间同步的时钟,不过没有美学感觉,样子丑的厉害。▲  HTML5支持canvas了,我们可以直接在页面上绘图了,我看了下canvas和GDI+的接口差不多,所以我们先了解些基本的概念和方式,然后来做一个应用吧。  我们做所有的画之情需要一个画布,html的canvas标签就是帮我们声明了一个画布。<canvas id="mycanvas">  </canvas>      这个默认的画布的大小是300*150,接下来的工作大多就是javaSc……

结合使用 Drupal、HTML5 和微数据

简介2011 年 5 月,Google、Yahoo 和 Bing 三大引擎巨头联合推出了 schema.org,现在所有人都在谈论结构化数据。Schema.org 是搜索引擎理解网页的一种新途径。如果 Web 内容作者在他们的页面上添加了一点微数据,比如一些词汇表术语,他们的搜索结果会在以上三种搜索引擎中得到更好的显示。额外的标记并没有改变已经实现 schema.org 的许多站点上显示搜索结果的方式。但 Web 内容作者仍然希望为他们的页面打上标记,并已准备好让三大搜索引擎巨头使用其内容。对于没有试验过向 HTML 添加结构化数据的不同语法的 We……

使用 HTML5 Canvas 进行数据可视化

下载代码示例:http://archive.msdn.microsoft.com/mag201201HTML5在网络时代的早期阶段,Web 只不过是静态文本和链接的集合,人们越来越关注为其他类型的内容提供支持。 1993 年,Mosaic 浏览器(后来发展为 Netscape Navigator)的创建者 Marc Andreessen 提出将 IMG 标记作为在页面上的文本中嵌入图像的标准。 此后不久,IMG 标记成为向网页中添加图形资源的事实上的标准—至今仍在使用这一标准。 您甚至可以说,由于 Web 应用已经从 Web 文档发展到 ……

10 个精彩的、激发灵感的 HTML5 游戏

感谢苹果的 iOS 上不支持 Flash ,使得 HTML5 大有发展前景,越来越受欢迎。Web 上采用 HTML5 开发的游戏已经慢慢的在替换 Flash,下面是我们为你挑选的一些精彩的 HTML5 开发的游戏,或许他们能给你一些灵感来创建自己的 HTML5 游戏。1. The Convergence在这个游戏中你可同时控制两个人物并试图让他们碰在一起,最难的地方他们总是朝相反的方向行动,因此你需要一些开门的技巧。Play!2. Sketch out你需要抵御入侵的陨石、反击那些敌人的球弹丸。Play!3. Canvas rider这是一个简单的能……

基于引擎开发HTML5游戏实战(一)---游戏引擎

最近从一个技术沙龙活动中了解到一个游戏引擎(construct2), 这款引擎彻底地改变了游戏开发在我心目中的印象。以前看过一些游戏开发的书籍,基本上都是从canvas,从坐标系讲起,再加上复杂地绘图编程,使得我不 敢对游戏开发有所奢望,更别提那些大制作。但基于这款引擎让我在2个小时之内根据官方tutorial就能搞出一个看上去还不错的web游戏,并且不需要 一行代码,有点当年第一次接触ruby on rails时的震撼。今天把这两个小时的奇妙之旅记录下来,也希望其他朋友也有此感受。 STEP1 选择游戏引擎 游戏引擎很多,基本上每个成功的游……

基于引擎开发HTML5游戏实战(二)---游戏剧本

STEP2 设计游戏情节体验基于引擎开发游戏之后,让我深切感受到,游戏=情节+美工+引擎,编程技术在里面不是决定性因素。一个游戏成功与否很关键的一点是导演和编剧,这和电影电视很类似。当然,两个小时之内不可能做出很复杂的东西,就做一个游戏界的helloworld: 英雄打怪兽。 英雄可以发子弹打怪兽 每个怪兽有五滴血 怪兽追着英雄跑 赢:英雄打光怪兽 输:英雄碰到怪兽 下面是最后成品的截图: 还不错吧

10个让你疯狂的HTML5和JS实验性展示

看看今天我们收集的绝对让你疯狂的HTML5和JS实验展示,这些演示验证了各种框架和超酷互动的性能。大多数的演示都能在Google Chrome和Firefox里流畅的运行,当然IE5并不支持这些演示。1. Canvas Sphere由Emil Korngold渲染的一个超酷的3D点装球体实现的2D投影,使用一个非常迷你的3D引擎。这个演示使用z-sorting和alpha motion模糊方式来生成3D旋转感受。看看这个超酷的演示吧!2. Marbles简单的物理演示,使用新发布的A3 WebGL引擎。请确认你使用Chrome来查看演示,超酷!3. ……

基于引擎开发HTML5游戏实战(三)---组织游戏元素

STEP3 设计游戏UI这也是游戏制作的重中之重,当然这也是很多草根团队最犯难的,大家大多都是程序员出生,没几个能徒手设计出游戏级别的素材。这一个只能去找专业的UED,再个得靠平时的收集。下面是本次实战要用到的素材:背景: 英雄:  怪兽:子弹:爆炸:下载这些图片用于后面制作STEP4 制作背景和添加游戏元素 这个部分是招演员和布置场景1)新建一个project 2)设置游戏背景:insert new object -> Tiled Background -> Load a image from a file ……

基于引擎开发HTML5游戏实战(五)---游戏部署

STEP6 部署 web 以web的方式就需要有个服务端来存放打包出来的html,可以考虑dropbox或者像amazon ec2,google appengine这样的云服务。1)construct2里export项目,export for: HTML5 web site2)把export的目录里的文件上传到dropbox或amazon ec2的web服务器里由于dropbox和gae在中国被屏,只好在amazon ec2里装一个apache,ec2在中国还是可以访问的。部署之后,就可以在支持HTML5的浏览器里访问,这样一来就可以通过fac……
嘿,我来帮您!