RPGJS 教程之七鼠标事件

最新推荐文章于 2025-01-20 09:10:31 发布

kaitaow

最新推荐文章于 2025-01-20 09:10:31 发布

阅读量303

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/foreverkoking/article/details/9999843

本文介绍了一个使用HTML和JavaScript实现的游戏示例，通过加载特定的RPGJS库文件，玩家能够利用鼠标来控制游戏角色进行移动。该示例展示了如何设置游戏地图、加载角色图像并启用鼠标操作。

通过鼠标使人物移动

<!DOCTYPE html>
<html>
  <head>
	<title>Example</title>
	<script src="rpg-beta-2.js"></script> 
	<script>
		var rpg;
		RPGJS.load(function() {
			rpg = new Rpg("canvas_rpg");
			rpg.loadMap('MAP001', {
				tileset: '023-FarmVillage01.png',
				player:  {
					x: 26, 
					y: 18, 
					filename: '001-Fighter01.png'
				}
			}, function () { 
				rpg.player.setTypeMove('tile');
				rpg.player.useMouse(true);
				rpg.setScreenIn("Player");
			});
		});	
	</script>	
 </head>
  <body>
		<canvas id="canvas_rpg" width="640px" height="480px"></canvas> 
  </body>
</html>