摘要: 本篇将以零基础的视点,来讲解如何开发一款RPG游戏。在游戏的世界里,我们可以看到各种地图,各种游戏人物,看到人物在地图上行走,对话等,无论是地图还是人物,其实都是图片的处理与显示,把不同的图片显示到屏幕上,我们就看到不同的游戏界面,要想让这些图片同时显示到界面上,我们就需要处理好层次,让他们来分层显示,我们可以想象,如果游戏人物显示在地图的下层的话,显然会被地图遮挡住。一款RPG游戏,我简单把它分为地图层,人物层,效果层(一些法术效果等),对话层,控制层(按钮菜单等)。如下图我们只要依次将图片画在屏幕上,游戏人物将站在地图上,如果有对话,对话将出现在人物和地图的上面,而按钮等控件会出现在游戏的 阅读全文
posted @ 2012-01-31 17:34 HTML5中国 阅读(840) 评论(0) 推荐(0) 编辑
摘要: 作为程序员,面临着多种技术趋势并存以及逐步被替代的现状,比如HTML5将会代替Flash,Android占据移动开发的半壁江山等,那么程序员如何从中选择优势的技术,从而不会在技术大潮中被淘汰成为了重中之重,今天给广大的程序员介绍一些必须要了解的技术以及,如何从整体看待这些技术趋势。 观点一:HTML5是趋势,但不是你的优势 HTML5是趋势,但它绝对不是最佳选择,现阶段它无法给你银弹。那为什么它会如此之热,而火热的背后又会给你带来什么?微软、谷歌、苹果等各大厂商纷纷瞄准HTML5,这将是他们瓜分Web的最佳武器,谁利用的好,谁就会赢得最终的胜利。在这惊心动魄的战役中,谁也不服谁,你“创新”.. 阅读全文
posted @ 2012-01-31 16:49 HTML5中国 阅读(188) 评论(0) 推荐(0) 编辑
摘要: 2012年开发人员对HTML5都有哪些新的期望?HTML5是一个发展中的标准,在2011年里,HTML5的发展取得了许多突破性的进展,但是它还有许多方面需要进一步的提升。HTML5 开发的两大主要参与者Sencha 和appMobi 都参与了2012年HTML5发展预测的讨论,下文将给出详细介绍。这些期待从简到繁,其中既包括数据缓存优化策略和多媒体支持这些问题,也涵盖了一些更 加复杂的方面。HTML5标准还有很大的发展空间,而Web apps的整体环境又有哪些工作需要跟进呢?Sencha 对HTML5标准的看法Sencha的Michael Mullany发表了一篇博文,介绍了Sencha公司对 阅读全文
posted @ 2012-01-13 18:24 HTML5中国 阅读(122) 评论(0) 推荐(0) 编辑
摘要: Html5在移动设备上表现抢眼,几乎所有稍微高端一点的设备(乔帮主的iPad,iPhone和Andriod的平板手机等)的浏览器都支持Html5。而且据我个人的测试这些支持html5的设备对canvas标签的支持是相当的好。大家都知道web2.0以来大量的使用ajax,loading的小图标也有很多很多种,甚至还有专门提供loading图片的网站。所以我就想能不能让html5解决一下这个以前用gif文件解决的问题。没想到非常的简单,只用了不到一小时的时间就搞定了两个,而且这样做出来的loading图标是可定制的,既可以定制颜色,也可以定制大小等属性。看看效果吧:http://f200-8.bb 阅读全文
posted @ 2012-01-13 18:11 HTML5中国 阅读(1097) 评论(0) 推荐(0) 编辑
摘要: HTML 5+JavaScript混合方案是成本控制和潜在市场覆盖的最佳组合,极有可能成为未来移动开发市场的主宰。 开发者们经常思考的一个问题是该开发Web应用、本地应用,还是其他混合形式的内容。其实,该问题的答案虽不确定但十分简单,在正式的开发工作开始前,开发者需想清楚一些关键问题,如:目标受众是谁?开发该应用的目的是什么等等。 市场研究公司Forrester表示,开发者不应该在本地代码和HTML 5之间进行非此即彼的选择。以下是Forrester关于四种开发方案的具体分析: 1)本地应用: 提供最好的用户体验、性能,以及设备API访问(摄像头、联系人、手机状态等);不过,由于四... 阅读全文
posted @ 2012-01-10 18:48 HTML5中国 阅读(319) 评论(0) 推荐(0) 编辑
摘要: 一: 原始情况首先大家看看如下的代码:<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="JsLoad.Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona 阅读全文
posted @ 2012-01-10 18:41 HTML5中国 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 学习jQuery 必备的一些代码和方法,相信学习了本文,你可以对jQuery的学习更加容易。同时欢迎jQuery各位爱好者评论,指出不足,让我们大家共同学习,共同提升技术能力。请关注html5cn的新浪微博@html5cn、腾讯微博@html5cn,在微博中欢迎大家与html5cn互粉,我们将在这里集中讨论关于html5的发展和使用技巧,希望大家能共同学习,共同进步。1. 如何修改jQuery默认编码(例如默认UTF-8改成改GB2312):$.ajaxSetup({ajaxSettings:{ contentType:"application/x-www-form-urlencod 阅读全文
posted @ 2012-01-07 14:38 HTML5中国 阅读(261) 评论(0) 推荐(0) 编辑
摘要: 本文是从HTML5Canvas Tutorial – Displaying Images 这篇文章翻译而来。Canvas 标记很多年前就被当作一个新的 HTML 标记成员加入到了HTML5标准中。在此之前,人们要想实现动态的网页应用,只能借助于第三方的插件,比如 Flash 或 Java,而引入了 Canvas 标记后,人们直接打通了通往神奇的动态应用网页的大门。本教程内容只覆盖了一小部分、但却是非常重要的 canvas 标记的应用功能图像显示和处理。图像来源最常见的在 canvas 上画图的方法是使用 Javascript Image 对象。所支持的来源图片格式依赖于浏览器的支持,然而,一些 阅读全文
posted @ 2012-01-07 14:01 HTML5中国 阅读(266) 评论(1) 推荐(0) 编辑
摘要: 清单 4.loadDeals函数var deals = [];var sections = [];var dealDetails = {};var dealsUrl = "http://deals.ebay.com/feeds/xml";function loadDeals(){var xhr = new XMLHttpRequest();xhr.onreadystatechange = function(){if (this.readyState == 4 && this.status == 200){var i = 0;var j = 0;var dea 阅读全文
posted @ 2012-01-05 18:27 HTML5中国 阅读(245) 评论(0) 推荐(0) 编辑
摘要: 一直以来,Web应用程序被局限在一个单线程世界中。这的确限制了开发人员在他们的代码中的作为,因为任何太复杂的东西都存在冻结应用程序 UI 的风险。通过将多线程引入 Web 应用程序,Web Workers 扭转了这一不利局面。这对于大部分应用程序逻辑都位于客户端的移动 Web 应用程序来说尤其有用。在本文中,您将了解如何使用 Web Workers 并发现哪些任务最适合它们。您还将看到如何使用其他 HTML 5 技术才能提高使用那些技术的效率。开始在本文中,您将使用最新的 Web 技术开发 Web 应用程序。这里的大部分代码只是 HTML、JavaScript 和 CSS — 所有 Web 开 阅读全文
posted @ 2012-01-05 18:15 HTML5中国 阅读(233) 评论(0) 推荐(0) 编辑