jQuery rpg游戏搬运工系统
jQuery rpg game movemen system
所以,我正在尝试用Javascript(jQuery)做一个小的浏览器游戏。我已经有了战斗系统,现在我正在尝试移动系统,这样你就可以在世界各地移动了。
比方说,我想打开地图,去城里,然后去购物。打开MAP窗口并关闭所有其他窗口,然后打开TOWN窗口并关闭MAP窗口,再打开SHOP窗口并关闭TOWN窗的最佳方法是什么?
我试了一下,但感觉有点不好。。这是不是一个好方法?
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
</head>
<body>
<style>
.shopBox {
width: 300px;
height: 100px;
border: 1px solid black;
display: none;
}
.mapBox {
width: 500px;
height: 500px;
border: 1px solid black;
display: none;
}
.button {
width: 50px;
height: auto;
border: 1px dashed black;
margin: 5px;
padding: 2px;
cursor: pointer;
}
.shop {
width: 50px;
height: 50px;
border: 1px solid black;
position: relative;
left: 50px;
top: 100px;
cursor: pointer;
}
</style>
<script>
$(document).ready(function(){
$("#exit").hide();
$("#mapBtn").click(function(){
$("#map").show();
$("#exit").show();
$("#shop").hide();
$("#mapBtn").hide();
});
$("#shopImg").click(function(){
$("#map").hide();
$("#shop").show();
$("#exit").show();
});
});
</script>
<div class="button" id="mapBtn">Map</div>
<div class="mapBox" id="map">
This is your map
<div class="shop" id="shopImg">Shop!!</div>
</div>
<div class="shopBox" id="shop">Welcome to my shop!</div>
</body>
</html>
您编写的代码看起来很实用。我看不出有什么问题。你会遇到的唯一问题是当你开始引入更多的细节和复杂性时。
只要确保你开始把这些变成带有注释的函数,否则你会迷路的。
顺便说一句,考虑一下Unity开发平台或Flash,或者考虑使用可以节省大量时间的库:例如。精巧的
否则,您将在继续编码的同时学习。关注功能,然后进行优化。在经验有限的情况下同时做这两件事可能会适得其反。
奶酪
您可以像这个一样同时选择多个元素
$("#mapBtn").click(function(){
$("#map, #exit").show();
$("#shop, #mapBtn").hide();
});
这至少会为你节省一些空间。
相关文章:
- 数据绑定:'系统Char'不包含名为'xxxxx'
- Javascript模块系统I'I’我正在努力,但搞不明白
- 是否可以在系统/电脑浏览器中访问手机摄像头
- Node JS中的排名系统算法
- 任何将(SSH)终端嵌入到一些HTML5表示系统中的想法(例如,show.js)
- 如何在foreach循环中对每个产品单独应用评级系统
- Javascript-修复搜索系统
- 是否有任何设置阻止JavaScript在系统上工作
- 如何组织用户系统的Mongo集合
- 数字文件命名系统
- 如何对单个页面进行密码保护(这不是身份验证系统的一部分)
- 动态代码中存在系统应用程序地址错误
- 从自己的安全系统中重新找回自己
- 难以置信的简单密码系统不工作
- 在chrome.runtime消息系统中使用promise
- 当地址栏出现时,安卓系统上的css固定页脚被隐藏
- 如何使荷兰拍卖系统的价格每秒钟都在下降
- 如何获取node.js系统CLI应用程序的位置
- SoundCloud API-基于系统中的ID创建用户配置文件
- jQuery rpg游戏搬运工系统