自定义博客皮肤VIP专享

*博客头图：

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

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

博客底图：

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

栏目图：

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

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览 取消 提交

自定义博客皮肤

-+
上一步保存

Yorhom's Game Box

在下看似会编游戏，实者爱玩游戏，欢迎大家与在下交流

  • 博客(68)
  • 资源 (3)
  • 收藏
  • 关注
排序：
按最后发布时间
按访问量
RSS订阅

原创 Html5实现iPhone开机界面

今天我突发其想，想到可以用Html5来仿照苹果操作系统做一个能在Web平台运行的ios。当然，要开发出一个操作系统，等我再归山修练一百年再说吧。今天就先娱乐一下，先搞一个开机界面。由于本次是偶自娱自乐，所以代码就不多讲了，只讲一下Shape.js和BootPage.js的用途。Shape.js是用来绘画我们iphone手机外壳用的类，而BootPage.js是开机界面的类。两者的功能不同，相当于Shape.js用来处理硬件外观，BootPage.js用来处理显示。其他的就留个大家自己看吧。虽然代码有点

2013-06-29 23:38:50 8698 7

原创 Html5游戏开发-145行代码完成一个RPG小Demo

由于我写这个示例只是为了娱乐一下，所以没有写一句注释（在下实在是太懒了……），为了方便大家理解，我说一下整个游戏的制作过程和设计方式。首先，我们的游戏主体应该是一像模板样的东西，数据和这些模板分开，要用到数据时，将数据引入然后然后通过固定的模板实现相同的作用但不同的效果。举一个例子，假设我们这些程序员有一天穿越到了古代，成为了比程序员还苦的炼钢工人（我可没有诅咒大家啊）……为了方便炼铁，工厂给我们准备了几个模子，我们只用将不同的铁水倒进这个模子，然后等它冷却，就能打造出材料不同但造型相同的武器（也不知道古

2013-06-26 22:51:49 14597 11

原创 HTML5开源RPG游戏引擎lufylegendRPG 1.0.0发布

经历了几个月的改进，终于发布1.0.0版了。虽然引擎依然存在漏洞，但是比起上次更新还是要好多了。在这里不得不感谢各位网友的大力支持。首先为引擎做一个开场白吧，也好让大家了解一下它：lufylegendRPG是基于lufylegend的HTML5游戏引擎。使用它时，需要引入lufylegend.js。 包含了LTileMap，LCharacter，LTalk，LEffect等多个实用的类。

2013-06-15 22:35:04 10226 15

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

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

2013-06-13 18:50:26 30295 20

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

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

2013-06-11 21:26:33 9919 7

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

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

2013-06-06 22:50:10 9649 6

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

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

2013-05-31 19:43:24 13088 20

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

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

2013-05-11 19:33:17 12947 7

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

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

2013-05-06 21:49:41 26095 15

原创 『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:14 15602 9

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

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

2013-04-06 21:24:19 21052 16

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

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

2013-04-04 23:29:33 12774 8

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

以前用javascript实现过令文本逐字输出的效果，今天我来用html5中的canvas实现一下。canvas里的内容可不像那样好操作，首先，你需要懂得一些html5的API才能操作canvas，而可以用DOM直接操作，相对而言，canvas还是要比复杂些。那么本篇就为大家讲述如何令文本逐字输出。首先我先说明，本篇我不打算用任何引擎，因为今天我们是来研究技巧和原理的。一，原理做一个富

2013-04-04 16:09:07 14320 15

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

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

2013-03-29 23:54:12 13117 10

原创 『HTML5实现人工智能』小游戏《井字棋》发布，据说IQ上200才能赢【算法&代码讲解+资源打包下载】

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

2013-03-14 22:07:55 37923 38

原创 【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:39 36057 12

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

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

2013-01-27 12:46:03 19958 20

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

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

2013-01-23 12:56:02 16802 21

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

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

2012-12-16 16:59:01 12067 14

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

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

2012-10-03 11:49:39 12591 18

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

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

2012-09-30 11:54:21 12165 31

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

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

2012-09-23 10:29:35 11667 12

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

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

2012-09-22 19:22:11 7943 10

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

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

2012-09-16 15:18:58 15474 20

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

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

2012-08-21 00:25:03 10090 7

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

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

2012-08-12 00:00:22 4927 3

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

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

2012-08-11 23:58:06 3741 3

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

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

2012-08-11 23:57:11 8424 5

js做3D版CS代码集下载
js做3D版的CS。因为博客上的代码太长了，不方便大家弄，所以我把它打了个包放在这里下载。希望大家喜欢。

2012-08-03

js做时钟代码下载
我在网上找了很多时钟代码做参考，最终做出这个程序。

2012-08-03

js做变换颜色(内含css画圆)
博客“js做变换颜色(内含css画圆)”的源代码下载，这个程序创作来自百度知道的一条求助，我就按要求做了出来。希望能帮助更多人。

2012-08-03

空空如也

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

TA关注的人

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