开始画面

游戏画面

代码

<!DOCTYPE html>

<html>

  <head>

	<script src="rpg-beta-2.js"></script>

	<script>

		var rpg;

		RPGJS.loadPath = "rpgjs/core/";

		RPGJS.load({

			plugins: ['title']

		}, function() {

			rpg = new Rpg("canvas_rpg");

			var scene = new Scene_Title(rpg);

			scene.onExit = function(init) {

				if (!init) return;

				rpg.loadMap('MAP009', {

					tileset: 'forest.png',

					autotiles: ['002-G_Shadow01.png', '002-G_Shadow01.png', '003-G_Ground01.png', '004-G_Ground02.png', '011-G2_Ground02.png'],

					events: ['EV001'],

					player:  {

						x: 12,

						y: 20,

						direction: 'up',

						filename: '001-Fighter01.png'

					}

				}, loadMap);

			}

		});

		function loadMap() {

			rpg.bind("eventCall_save", function() {

				rpg.save(1);

				window.location.reload();

			});

			rpg.setScreenIn("Player");

		}

	</script>

 </head>

  <body style="margin: 0; overflow: hidden; background-color: #000;">

		<canvas id="canvas_rpg" width="640px" height="480px"></canvas>

  </body>

</html>

plugin/title.js

function Title() {

}

Title.prototype = {

	Core: {

	},

	Event: {

	}

}

function Window_Title(rpg, parent) {

	this.parent = Window;

	var h = 50;

	if (rpg.slotExist(1)) {

		h = 115;

	}

	this.parent(rpg, parent, 200, h);

}

var p = Window_Title.prototype = new Window();

p.onLoad = function() {

	var self = this;

	this.setPosition(this.rpg.canvas.width / 2 - this.width / 2, this.rpg.canvas.height - this.height - 40);

	this.setBackOpacity(0.5);

	var w = 6, h = 1;

	this.addCommand(5, 12, w, h, function() { self.scene.newGame(); } );

	this.drawText(30, 35, "New Game", "18px Arial", "#FFF");

	if (this.rpg.slotExist(1)) {

		this.addCommand(5, 47, w, h, function() { self.scene.loadGame(); });

		this.addCommand(5, 82, w, h, function() { self.scene.deleteSlot(); });

		this.drawText(30, 70, "Load Game", "18px Arial", "#FFF");

		this.drawText(30, 105, "Delete Save", "18px Arial", "#FFF");

	}

	this.selectable();

}

p.update = function() {

}

function Scene_Title(rpg) {

	this.parent = Scene;

	this.parent(rpg);

	this.main();

}

var p = Scene_Title.prototype = new Scene();

p.newGame = function() {

	var self = this;

	new Effect(this).fadeOut(5, function() {

		self.exit(true);

	})

}

p.loadGame = function() {

	var self = this;

	new Effect(this).fadeOut(5, function() {

		self.exit();

		self.rpg.load(1, loadMap);

	})

}

p.deleteSlot = function() {

	this.rpg.deleteSlot(1);

	this.window_title.commands = [];

	this.window_title.refresh();

	this.window_title.setSize(200, 50);

	this.window_title.onLoad();

	this.window_title.index = 0;

	this.window_title.moveCursor();

}

p.main = function() {

	this.drawBackground('title.png');

	this.window_title = this.addWindow(Window_Title);

}

RGPJS 教程之八 创造场景的更多相关文章

  1. iOS Sprite Kit教程之滚动场景

    iOS Sprite Kit教程之滚动场景 滚动场景 在很多的游戏中,场景都不是静止的,而是滚动的,如在植物大战僵尸的游戏中,它的场景如图2.26所示. 图2.26  植物大战僵尸 在图2.26中,用 ...

  2. 超详细实战教程丨多场景解析如何迁移Rancher Server

    本文转自Rancher Labs 作者介绍 王海龙,Rancher中国社区技术经理,负责Rancher中国技术社区的维护和运营.拥有6年的云计算领域经验,经历了OpenStack到Kubernetes ...

  3. Cocos2d-x 3.0final 终结者系列教程06-Director和场景跳转

    这些天互联网大事不少呀 1.逻辑思维分家(所谓合久必分,分久必合,实属正常.切行切珍惜吧) 2. 锤子手机开卖  (无论你买没买,反正我没买,作为多年Android开发的我深知说的亮点事实上在我看来都 ...

  4. ASP.NET MVC4 新手入门教程之八 ---8.向模式中添加验证

    在这本部分会将验证逻辑添加到Movie模式,和你会确保验证规则执行任何时候用户试图创建或编辑使用该应用程序的一部电影. 保持事物的干练性 ASP.NET MVC 的核心设计信条之一是 DRY(”Don ...

  5. （Python基础教程之八）Python中的list操作

    Python基础教程 在SublimeEditor中配置Python环境 Python代码中添加注释 Python中的变量的使用 Python中的数据类型 Python中的关键字 Python字符串操 ...

  6. qtp:vbs基础教程

    ◎Vbs脚本编程简明教程之中的一个-为什么要使用Vbs?  在Windows中,学习计算机操作或许非常easy,可是非常多计算机工作是反复性劳动,比如你每周或许须要对一些计算机文件进行复制.粘贴.改名 ...

  7. Vbs 脚本编程简明教程之一

    —为什么要使用 Vbs ? 在 Windows 中,学习计算机操作也许很简单,但是很多计算机工作是重复性劳动,例如你每周也许需要对一些计算机文件进行复制.粘贴.改名.删除,也许你每天启动 计算机第一件 ...

  8. mybatis 教程（mybatis in action）

    目录简介: 一:开发环境搭建二:以接口的方式编程 三:实现数据的增删改查 四:实现关联数据的查询 五:与spring3集成(附源码) 六:与Spring MVC 的集成 七:实现mybatis分页(源 ...

  9. VBS教程

    Vbs是一种Windows脚本,它的全称是:Microsoft Visual Basic Script Editon.(微软公司可视化BASIC脚本版),VBS是Visual Basic的的一个抽象子 ...

随机推荐

  1. 51nod1442 士兵的旅行

    裸网络流拆点就可以了... #include<cstdio> #include<cstring> #include<cctype> #include<algo ...

  2. 4612 warm up tarjan+bfs求树的直径（重边的强连通通分量）忘了写了，今天总结想起来了。

    问加一条边,最少可以剩下几个桥. 先双连通分量缩点,形成一颗树,然后求树的直径,就是减少的桥. 本题要处理重边的情况. 如果本来就两条重边,不能算是桥. 还会爆栈,只能C++交,手动加栈了 别人都是用 ...

  3. AVL树的旋转实现

    AVL树:带有平衡条件的二叉查找树,即一棵AVL树是其每个节点的左子树和右子树的高度最多相差1的二叉查找树.一般通过Single Rotate和Double Rotate来保持AVL树的平衡.AVL树 ...

  4. 三：分布式事务一致性协议2pc和3pc

    一:分布式一致性协议--->对于一个分布式系统进行架构设计的过程中,往往会在系统的可用性和数据一致性之间进行反复的权衡,于是就产生了一系列的一致性协议.--->长期探索涌现出一大批经典的一 ...

  5. 【转】从外行的视角尝试讲解为什么这回丰田栽了【全文完】【v1.01】

    转自:http://club.tgfcer.com/thread-6817371-1-1.html  [第一部分]背景简介 前几年闹得沸沸扬扬的丰田刹不住事件最近又有新进展.十月底俄克拉荷马的一次庭审 ...

  6. hdu 1541 Stars（树状数组）

    题意:求坐标0到x间的点的个数 思路:树状数组,主要是转化,根据题意的输入顺序,保证了等级的升序,可以直接求出和即当前等级的点的个数,然后在把这个点加入即可. 注意:树状数组下标从1开始(下标为0的话 ...

  7. jquery禁用右键单击功能屏蔽F5刷新

    1.禁用右键单击功能$(document).ready(function() { $(document).bind("contextmenu",function(e) { aler ...

  8. Fisher information matrix笔记

    在看FK论文时,fisher information matrix是必须理解的. 从维基百科查阅到,Fisher information matrix是用利用最大似然函数估计来计算方差矩阵. 来源于: ...

  9. 转-sketch技巧

    10个帮你UI设计提速的Sketch使用技巧 2015-4-11 09:59| 发布者: yuanxingbbs| 查看: 1129| 评论: 0   选择使用Sketch的理由很多,因为好奇跟风安装 ...

  10. Fedora20 和ubuntu 14.04 chrome标签中文乱码

    作为两个流行的桌面发行版本,Fedora和ubuntu最新版本都存在chrome标签中文乱码问题. 下面是解决办法,都来自百度贴吧. 1.ubuntu 系列: 解决办法就是: 编辑/etc/fonts ...