自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

如何制作一款HTML5 RPG游戏引擎——第五篇,人物&人物特效

上一次,我们实现了对话类,今天就来做一个游戏中必不可少的——人物类。当然,你完全是可以自己写一个人物类,但是为了方便起见,还是决定把人物类封装到这个引擎里。为了使这个类更有意义,我还给人物类加了几个特效,在以下讲解中会提到。以下是本系列文章的目录:如何制作一款HTML5 RPG游戏引擎——第一篇,地图类的实现http://blog.youkuaiyun.com/yorhom...

2013-06-13 18:50:00 385

如何制作一款HTML5 RPG游戏引擎——第四篇,情景对话

今天我们来实现情景对话。这是一个重要的功能,没有它,游戏将变得索然无味。所以我们不得不来完成它。但是要知道,使用对话可不是一件简单的事,因为它内部的东西很多,比如说人物头像,人物名称,对话内容。。。因此我们只能通过数组+JSON来将对话信息装起来,然后根据信息作出不同的显示。接下来我便要向大家展示实现方法。先看本系列文章目录:如何制作一款HTML5 RPG游戏引擎——第...

2013-06-11 21:26:00 272

如何制作一款HTML5 RPG游戏引擎——第三篇,利用幕布切换场景

开言:在RPG游戏中,如果有地图切换的地方,通常就会使用幕布效果。所谓的幕布其实就是将两个矩形合拢,直到把屏幕遮住,然后再展开直到两个矩形全部移出屏幕。为了大家做游戏方便,于是我给这个引擎加了这么一个类。本系列文章目录:如何制作一款HTML5 RPG游戏引擎——第一篇,地图类的实现http://blog.youkuaiyun.com/yorhomwang/article/details/8...

2013-06-06 22:50:00 226

html5游戏开发-零基础开发《圣诞老人送礼物》小游戏

开言:以前lufy前辈写过叫“html5游戏开发-零基础开发RPG游戏”的系列文章,在那里面我学习了他的引擎以及了解了游戏脚本。自从看了那几篇文章,我便对游戏开发有了基本的认识。今天我也以零基础为视点,为大家讲述如何开发一款简单的游戏。希望大家看了这篇文章,能使你对理解游戏开发有帮助。你可以先测试一下游戏:http://lufylegend.com/lufylegend_develop...

2013-05-31 19:43:00 309

如何制作一款HTML5 RPG游戏引擎——第二篇,烟雨+飞雪效果

今天我们来实现烟雨+飞雪效果。首先来说,一款经典的RPG游戏难免需要加入天气的变化。那么为了使我们的RPG游戏引擎更完美,我们就只好慢慢地实现它。本文为该系列文章的第二篇,如果想了解以前的文章可以看看下面列表:如何制作一款HTML5 RPG游戏引擎——第一篇,地图类的实现http://blog.youkuaiyun.com/yorhomwang/article/details/8892305...

2013-05-11 19:33:00 228

如何制作一款HTML5 RPG游戏引擎——第一篇,地图类的实现

一,话说天下大事前不久看到lufy的博客上,有一位朋友想要一个RPG游戏引擎,出于兴趣准备动手做一做。由于我研究lufylegend有一段时间了,对它有一定的依赖性,因此就准备将这个引擎基于lufylegend。暂时命名为lufylegendRPG。毕竟基于lufylegend,如果名称中不加上lufylegend这几个字的话,有点说不通啊。。。最近发布了0.1.0版,但是不理想,连一惯都是鼓...

2013-05-06 21:49:00 384

『HTML5挑战经典』是英雄就下100层-开源讲座(二)危险!英雄

本篇为《『HTML5挑战经典』是英雄就下100层-开源讲座》第二篇,需要用到开源引擎lufylegend,可以到这里下载:下载地址:http://lufylegend.googlecode.com/files/lufylegend-1.7.1.rarAPI文档:http://lufylegend.com/lufylegend/api却说我们的英雄能顺利地从天而降了,不过丝毫没有悬念,他...

2013-04-14 17:30:00 150

『HTML5挑战经典』是英雄就下100层-开源讲座(一)从天而降的英雄

是英雄就下100层是一款经典的手机小游戏,以前是在诺基亚手机上十分有名。今天我们就用html5和lufylegend一步步地实现它。一,准备工作首先,你需要下载lufylegend,下载地址如下:http://lufylegend.googlecode.com/files/lufylegend-1.7.0.rar接着你需要了解lufylegend,API介绍如下:http://...

2013-04-06 21:24:00 182

用Html5制作的一款数学教学程序Function Graphics(绘制函数图的程序)

最近我不仅对游戏开发感兴趣,还对函数图感兴趣,特此我开发了这个程序。以下是一些介绍和下载演示地址,喜欢的朋友可以看看:一,产品名片产品名:Function Graphics版本: 0.1开发者:Yorhom Wang首次发行时间:2013年 4月4日分类:教学程序功能:画出一,二,三次函数图象开发语言:javascript&html5二,怎么...

2013-04-04 23:29:00 384

【HTML5游戏开发小技巧】RPG情景对话中,令文本逐字输出

以前用javascript实现过令文本逐字输出的效果,今天我来用html5中的canvas实现一下。canvas里的内容可不像<p>那样好操作,首先,你需要懂得一些html5的API才能操作canvas,而<p>可以用DOM直接操作,相对而言,canvas还是要比<p>复杂些。那么本篇就为大家讲述入股令文本逐字输出。首先我先说明,本篇我不打算用任何引擎,因为...

2013-04-04 16:09:00 283

HTML5开源RPG游戏引擎lufylegendRPG 0.1发布

一,小小开篇首先不得不先介绍一下这个引擎:lufylegendRPG是lufylegend的拓展引擎,使用它时,需要引入lufylegend。同时您也需要了解lufylegend语法,这样才能更合理地运用lufylegendRPG。该引擎封装了lufylegend的一些功能,使该引擎能更快地开发出一款RPG小游戏。目前引擎的版本处于v0.1,属于测试阶段,所以难免有些不足。正式版本会在...

2013-03-29 23:54:00 192

[HTML5实现人工智能]小游戏《井字棋》发布,据说IQ上200才能赢

一,什么是TicTacToe(井字棋)本游戏为在下用lufylegend开发的第二款小游戏。此游戏是大家想必大家小时候都玩过,因为玩它很简单,只需要一张草稿纸和一只笔就能开始游戏,所以广受儿童欢迎。可能我说了半天,对它名字不熟悉的朋友也不懂我在说神马。那没关系,我就引用Wiki(维基百科)的介绍作为大家对它名字的认识,顺便也勾起我们儿时的回忆:井字棋,大陆、台湾又称为井字游戏、圈圈叉叉;另...

2013-03-15 06:07:00 241

[HTML5游戏开发]简单的《找不同汉字版》,来考考你的眼力吧

一,准备工作本次游戏开发需要用到lufylegend.js开源游戏引擎,版本我用的是1.5.2(现在最新的版本是1.6.0)。引擎下载的位置:http://lufylegend.googlecode.com/files/lufylegend-1.5.2.rar引擎API文档:http://lufylegend.com/lufylegend/api首先为了开发方便,我们得先建立一个叫...

2013-03-01 22:30:00 212

HTML5小游戏《智力大拼图》发布,挑战你的思维风暴

一,前言本游戏是鄙人研究lufylegend数日之后,闲暇之余写下的。本游戏运用全新的技术html5写成的。游戏引擎为国产的lufylegend.js,大家可以去它的官网看看。游戏处于测试阶段,希望各位为游戏提点意见。另外游戏中的拼图是随即分配,保证游戏的随即性。二,怎么玩?下载地址(含原码+图片):http://files.cnblogs.com/ducle/Puzzle.r...

2013-01-27 12:46:00 178

html5游戏开发--"动静"结合(二)-用地图块拼成大地图 & 初探lufylegend

一、前言本次教程将向大家讲解如何用html5将小地图块拼成大地图,以及如何用现有的高级html5游戏开发库件lufylegend.js开发游戏。首先让我们来了解了解如何用html5实现动画,毕竟“动静结合”是先有动再有静。看了上一章的内容,或许你就有了对html5实现动画有了初步了解:html5游戏开发--"动静"结合(一):http://blog.youkuaiyun.com/yorhomw...

2013-01-23 12:56:00 261

html5游戏开发--"动静"结合(一)-动态画面的实现

一、前言很久没写文章了。。。也不知大家还记不记得以前给大家的承诺——写几篇有关html5开发游戏的文章。今天总算有时间了,不过我还得抓紧时间,因为种种原因,明天我还得投入紧张的工作之中。言归正传,现在让我们来说说html5开发游戏。有的朋友认为html5开发游戏不就是用javascript开发吗?游戏中的图片可以用<img>贴上去吗?何必还用什么html5嘛。(或许大家都不是这...

2012-12-16 16:59:00 242

用Javascript开发《三国志曹操传》-开源讲座(五)-可移动地图的实现

前几章的位置:用Javascript开发《三国志曹操传》-开源讲座(四)-用地图块拼成大地图http://blog.youkuaiyun.com/yorhomwang/article/details/8033922用Javascript开发《三国志曹操传》-开源讲座(三)-人物对话中,仿打字机输出文字http://blog.youkuaiyun.com/yorhomwang/article/details/8...

2012-10-03 11:49:00 383

用Javascript开发《三国志曹操传》-开源讲座(四)-用地图块拼成大地图

小时候我们玩过拼图游戏,是用自己的手去拼的。今天我们来研究研究用javascript来拼图。同样是拼图,但用js拼图要比用手拼图麻烦多了,因此以后我要把它优化成引擎。一、前言以上是一段导语,话不扯远,对《三国志曹操传》熟悉的玩家知道,《三国志曹操传》的地图是由小地图块拼成的,那要实现它就和导语说得一样:很麻烦。不过即使麻烦也是一门技术,因此在此分享给大家,希望大家喜欢。前几章的位置:用...

2012-09-30 11:54:00 318

用Javascript开发《三国志曹操传》-开源讲座(三)-情景对话中,仿打字机输出文字...

前两讲我告诉了大家如何使人物移动,那么今天我们就来看看如何实现仿《三国志曹操传》人物情景对话。其他讲的具体链接我写在下方。用Javascript开发-《三国志曹操传》-开源讲座(二)-让目标人物移动http://blog.youkuaiyun.com/yorhomwang/article/details/7984576用Javascript开发-《三国志曹操传》-开源讲座(一)-让静态人物动起...

2012-09-23 10:29:00 340

用Javascript开发《三国志曹操传》-开源讲座(二)-人物行走的实现

上一讲我们谈到了如何让静态人物变为动态,今天我们来谈谈如何使人物移动,因为这一讲涉及上一讲内容所以我把上一讲的链接写在下方:http://blog.youkuaiyun.com/yorhomwang/article/details/7984576一、图片准备今天我准备换几张图片,这样更新鲜些。pic1.pngpic2.pngpic3.png这些...

2012-09-22 11:22:00 293

用Javascript开发《三国志曹操传》-开源讲座(一)-让静态人物动起来

首先来说,让一个游戏赋有可玩性必须要动静结合。(哈哈,大家以为我要讲作文了。。。但其实我今天要讲的是Javascript)静态的东西谁不会做呢?因为东西一生下来就是静态的(除非你是用的gif动画),所以不需要任何处理就能完成静态。那么我将要在下面告诉大家如何运用Javascript将静态图片变为动态图片。一、图片准备fight01.png...

2012-09-16 15:18:00 167

Javascript做模糊查询-数组无双(三)-最终代码

一、前几章的位置Javascript做模糊查询-数组无双(一)-循环不能不重视http://blog.youkuaiyun.com/yorhomwang/article/details/7855991Javascript做模糊查询-数组无双(二)-完美的调用筑造最后的成功http://blog.youkuaiyun.com/yorhomwang/article/details/7855997二...

2012-08-21 00:25:00 282

【HTML5 localStorage本地储存】简介&基本语法

了解localStoragelocalStorage是最新的HTML5中的新技术,它主要是用于本地储存。最近看了看localStorage,发现比cookie好多用了,还比cookie简单多了。于是我到这里来和大家分享一下。一、介绍本地储存这东西历史可长了,先是从cookie开始,中途还有什么userdata,flash,Gears,最后到了现在总算找到了我满意的了,那就是loca...

2012-08-12 00:00:00 349

Javascript做模糊查询-数组无双(二)-完美的调用筑造最后的成功

一、前言上一章我们提到了高性能的循环,那么那个函数到底在哪里调用呢?它又代表什么呢?现在让我为大家解分析。当然这也是履行上次我的诚诺,因此必须认真点。好了,话不多说,把大脑运转起来,我要开始讲解了!!上一章的网站地址:http://blog.youkuaiyun.com/yorhomwang/article/details/7855991二、讲解首先看看上次解析代码,毕竟温故而知新:var...

2012-08-11 23:58:00 95

Javascript做模糊查询-数组无双(一)-循环不能不重视

一、起因最近受我的朋友委托用javascript和HTML做一个像手册一样的程序,里面要有可展开的大纲,模糊查找等功能。我这个人说实在的懒,本来是不愿意的,但想起了父亲以前教我要给朋友搞好关系,再加上这也可以巩固自己的js技术,于是就开始开发这个程序,没想到却出了点小问题,我做的查找只能绝对查找。具体的js代码如下:function search(){ var arr=new...

2012-08-11 23:57:00 71

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除