学习HTML5开发RPG游戏第一步>准备
2013-12-17 11:06
363 查看
第一步当然是准备工作了。
首先,确认你的浏览器版本对HTML5的支持。
其次,准备好开发工具。
IDE这个看各自的喜好,支持Web开发就行。
Prototype.js 是Sam Stephenson写的一个非常优雅的JavaScript基础类库,对JavaScript做了大量的扩展,而且很好的支持Ajax。
Prototype.js的使用方法在网络有大量的介绍,我这里用到是一个简化版,只保留了类的实现,代码如下:
最后是开发RPG游戏用的资源。
在这个互联网时代,最不缺的就是资源了,这里推荐66RPG网站,RPG游戏开发资源很丰富。
全部准备好后,就进入下一个步骤吧。
演示地址 源码地址
首先,确认你的浏览器版本对HTML5的支持。
其次,准备好开发工具。
IDE这个看各自的喜好,支持Web开发就行。
Prototype.js 是Sam Stephenson写的一个非常优雅的JavaScript基础类库,对JavaScript做了大量的扩展,而且很好的支持Ajax。
Prototype.js的使用方法在网络有大量的介绍,我这里用到是一个简化版,只保留了类的实现,代码如下:
var Prototype = { emptyFunction: function() { } }; var Class = { create: function() { var parent = null, properties = $A(arguments); if (Object.isFunction(properties[0])) parent = properties.shift(); function klass() { this.initialize.apply(this, arguments); } Object.extend(klass, Class.Methods); klass.superclass = parent; klass.subclasses = []; if (parent) { var subclass = function() { }; subclass.prototype = parent.prototype; klass.prototype = new subclass; parent.subclasses.push(klass); } for (var i = 0; i < properties.length; i++) klass.addMethods(properties[i]); if (!klass.prototype.initialize) klass.prototype.initialize = Prototype.emptyFunction; klass.prototype.constructor = klass; return klass; } }; Class.Methods = { addMethods: function(source) { var ancestor = this.superclass && this.superclass.prototype; var properties = Object.keys(source); if (!Object.keys({ toString: true }).length) properties.push("toString", "valueOf"); for (var i = 0, length = properties.length; i < length; i++) { var property = properties[i], value = source[property]; if (ancestor && Object.isFunction(value) && value.argumentNames().first() == "$super") { var method = value; value = (function(m) { return function() { return ancestor[m].apply(this, arguments) }; })(property).wrap(method); value.valueOf = method.valueOf.bind(method); value.toString = method.toString.bind(method); } this.prototype[property] = value; } return this; } }; Object.extend = function(destination, source) { for (var property in source) destination[property] = source[property]; return destination; }; function $A(iterable) { if (!iterable) return []; if (iterable.toArray) return iterable.toArray(); var length = iterable.length || 0, results = new Array(length); while (length--) results[length] = iterable[length]; return results; } Object.extend(Object, { keys: function(object) { var keys = []; for (var property in object) keys.push(property); return keys; }, isFunction: function(object) { return typeof object == "function"; }, isUndefined: function(object) { return typeof object == "undefined"; } }); Object.extend(Function.prototype, { argumentNames: function() { var names = this.toString().match(/^[\s\(]*function[^(]*\(([^\)]*)\)/)[1].replace(/\s+/g, '').split(','); return names.length == 1 && !names[0] ? [] : names; }, bind: function() { if (arguments.length < 2 && Object.isUndefined(arguments[0])) return this; var __method = this, args = $A(arguments), object = args.shift(); return function() { return __method.apply(object, args.concat($A(arguments))); } }, wrap: function(wrapper) { var __method = this; return function() { return wrapper.apply(this, [__method.bind(this)].concat($A(arguments))); } } }); Object.extend(Array.prototype, { first: function() { return this[0]; } });
最后是开发RPG游戏用的资源。
在这个互联网时代,最不缺的就是资源了,这里推荐66RPG网站,RPG游戏开发资源很丰富。
全部准备好后,就进入下一个步骤吧。
演示地址 源码地址
相关文章推荐
- 学习HTML5开发RPG游戏第五步>游戏界面设计<二>(结束)
- 学习HTML5开发RPG游戏第三步>基本对象设计<三>
- 学习HTML5开发RPG游戏第五步>游戏界面设计<一>
- 学习HTML5开发RPG游戏第三步>基本对象设计<二>
- 学习HTML5开发RPG游戏第二步>资源预加载
- 学习HTML5开发RPG游戏第三步>基本对象设计<四>
- 学习HTML5开发RPG游戏第四步>游戏对象设计
- 为女神的生日准备惊喜,我开始学习html5游戏开发 -第四天
- 为女神的生日准备惊喜,我开始学习html5游戏开发 -第一天
- 为女神的生日准备惊喜,我开始学习html5游戏开发 -第二天
- 为女神的生日准备惊喜,我开始学习html5游戏开发 - 结束
- 为女神的生日准备惊喜,我开始学习html5游戏开发 -第三天
- 学习html5第一天--开发前的准备
- IOS开发学习历程-开发前的准备
- 我的Java开发学习之旅------>Java使用ObjectOutputStream和ObjectInputStream序列号对象报java.io.EOFException异常的解决方法
- html5游戏开发-零基础开发RPG游戏-开源讲座(二)-跑起来吧英雄
- 高级H5游戏开发(Advanced game design with html5 and javascript )读书学习笔记(1)--es6相关
- 【整理】HTML5游戏开发学习笔记(2)- 弹跳球
- 我的Java开发学习之旅------>Java资源的国际化详解
- 后台开发学习(三)对HTML5简单学习