搜索
您的当前位置:首页正文

javascript游戏开发之《三国志曹操传》零部件开发(五)可移动地图的实现_javascript技巧

2023-12-03 来源:亿米科技网
一、前言

这一讲的内容很简单,大家理解起来会更快。因此我只对重点加以分析,其他的就轮到大家思考哦!首先来说,我对游戏开发可以算是不怎么深入,因为现在的程序员爱用canvas,我却就只会拿几个div凑和。不过没关系,因为做出来的同样是游戏。哈!废话最近有点多,望大家原谅。接下来请看代码解析。

二、代码讲解

今天调一下讲解顺序,先看代码后看图片。

这是slg.js里的内容: 代码如下:var subtractedMargin = 0; var subtractedMarginL = 0; var mousedown = 0; var toright; var toleft; var todown; var toup; window.onmouseup = function(){ mousedown = 0; clearInterval(toright); clearInterval(toleft); clearInterval(todown); clearInterval(toup); } function mapMove(direction) { switch(direction){ case "down": subtractedMargin -= 15; $("#ID_IMG_MAP").animate({marginTop: subtractedMargin + "px"}, 120); break; case "up": subtractedMargin += 15; $("#ID_IMG_MAP").animate({marginTop: subtractedMargin + "px"}, 120); break; case "right": subtractedMarginL -= 15; $("#ID_IMG_MAP").animate({marginLeft: subtractedMarginL + "px"}, 120); break; case "left": subtractedMarginL += 15; $("#ID_IMG_MAP").animate({marginLeft: subtractedMarginL + "px"}, 120); break; } if(subtractedMarginL < -415){ clearInterval(toright); clearInterval(toleft); } if(subtractedMarginL > -20){ clearInterval(toright); clearInterval(toleft); } if(subtractedMargin < -640){ clearInterval(todown); clearInterval(toup); } if(subtractedMargin > -20){ clearInterval(todown); clearInterval(toup); } } $("body").ready(function(){ $("#ID_DIV_TORIGHT").mousedown(function(){ mousedown = 1; if(subtractedMarginL > -415 && mousedown == 1){ mapMove("right"); toright = setInterval(function(){mapMove("right");}, 120); } }); $("#ID_DIV_TOLEFT").mousedown(function(){ mousedown = 1; if(subtractedMarginL < -20 && mousedown == 1){ mapMove("left"); toleft = setInterval(function(){mapMove("left");}, 120); } }); $("#ID_DIV_TODOWN").mousedown(function(){ mousedown = 1; if(subtractedMargin > -640 && mousedown == 1){ mapMove("down"); todown = setInterval(function(){mapMove("down");}, 120); } }); $("#ID_DIV_TOUP").mousedown(function(){ mousedown = 1; if(subtractedMargin < -20 && mousedown == 1){ mapMove("up"); toup = setInterval(function(){mapMove("up");}, 120); } }); });当大家看到本文题目时肯定不大了解题目的含义,因为太抽象了。现在做一下解释:可移动是代表可以向四面八方走动,地图就是地图,可以是世界地图,中国地图,游戏地图。。反正必须是一张图。在此多说了两句,不过没关系,因为了解情况比不知庐山真面目要好得多。接下来我把html代码再公布出来,因为这次html代码的重要性很大: 代码如下: SLG

亿米科技网还为您提供以下相关内容希望对您有帮助:

哪位亲知道,三国志曹操传宝物及攻略,很是谢谢

本关难度为零,即使白痴也能毫不费力的过关,开头只要记住曹操和程昱千万不能动,许褚一个劲儿的向下跑,等到你的伏兵齐出,袁绍军会大量混乱,而保持清醒的那部分敌人则会向上逃,并在地图尽头撤退。这样可太便宜他们了,派郭嘉和贾诩镇守上...

slg游戏是什么类型最火的slg手游

《梦幻模拟战》系列、与火焰纹章同一引擎开发的西式现代战争游戏《超级大战争》、《三国志曹操传》、《孔明传》、《英雄传说》、《三国志》系列、《风色幻想》、《天地劫》(剧情很棒)、《最终幻想战略版》扩展资料1.ACT动作游戏ACT游戏...

三国志曹操传人物升级攻略。

后半部则可根据玩家在游戏中所选择的选项,改变曹操的结局。游戏中有两条不同的路线:一是按历史正统路线,等到刘备兵败后乘虚而进军蜀吴,最终统一全国;另一个是幻想神话路线,孔明受魔王控制,暗算刘备、联东吴战曹操,最后曹操获胜,统一全...

三国志曹操传的每个人最好的武器

曹操(君主):雌雄双剑,我方回合几乎可百分百多追加一次攻击。 夏侯惇、张辽、曹仁、曹彰、关羽(骑兵):蛇矛,控制好站位大概率击穿两队敌军,反击也可触发穿透是相对于方天画戟的优势。 夏侯渊、张郃、曹丕(弓骑兵):吕布之弓,可将敌人定...

《三国志曹操传》的作弊代码如何使用?

\x0d\x0a\x0d\x0a《曹操传》中曹操提高等级的方法\x0d\x0a云栖\x0d\x0a\x0d\x0a《曹操传》中曹操到了一定的等级,会增加一种策略“建言”。作用是恢复MP值(策略)要消耗大约24的策略值,但也恢复24的策略值。并可以...

三国志曹操传有说新的豪华版是怎么回事~?可以详细说明下么?大兔子版...

1;轩辕春秋文化论坛曹操传专区。2;爱.法宝网豪华版专区应该都有下载!另外强烈推荐柔居社区、传承文明社区。柔居社区自己开发的岳飞传和杨门忠烈传相当不错。可以试试看,完全是独立的引擎效果,所有地图完全没有和曹操传重复...

《三国志曹操传》的作弊代码如何使用?

先进入游戏,储存一个进度,三国态曹操传共有10 个文件可供诸位存储,储存文件名分别是从 sv00d.e5s 到sv09d.e5s(在此请诸君注意存储文件的名字,因为另外还有sv00e.e5s、sv00s.e5s等类似文件,莫要搞错了存储文件名),记住你想...

我安上《曹操传〉后有些文字看不懂都是乱码,进入地图后背景是黑色的,怎...

原因在于你的电脑光驱盘符有多个的!(有正式的光驱和虚拟的光驱) 解决方法:一、对于《曹操传》光盘版: 要求用你的光驱盘符在“前”的那个光驱玩!譬如硬盘有C、D,光驱有E、F、G……,那么E盘一定是用来游戏的光驱...

三国曹操传里面拿了全部装备怎么搭配?

1、右键点击文件夹下的Svcmn.e5s,打开方式选择记事本,复制里面的乱码,多粘贴几遍。2、再重新开始游戏,这是许子将会问一些问题,统统回答“不”最后会问你要不要所有宝物,回答“要”,他就会全部给你啦。然后看看你的...

求《三国志曹操传》的攻略。

在战斗中,仙人许子将出现,对曹操说,曹操将是“治世之能臣,乱世之奸臣”,此时选择“正是吾心所愿”,则奸雄值猛升;选择“似乎言之过早”,则奸雄值下降很多。许子将对曹操解说游戏规则后,问曹操是否想升级,选择“真是求之不得”,...

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

热门图文

  • 蓿的诗有哪些

    1、蓿诗是《苜蓿·花开苜蓿送残春》、《题苜蓿峰寄家人》、《塞上·苜蓿秋高万马肥》、《游仙诗·台观茫茫苜蓿肥》、《怨女曲·空原悲风吹苜蓿》、《渔村杂诗·苜蓿村中卜钓矶》、《戏题·仲父不弃苜蓿盘》、《独骏图·连天苜蓿青茫茫》、《散材·先生苜蓿自阑干》、《同食大麦·大麦新炊苜蓿盘》。2、笔画是14。3、读音是xu。

  • 蓿的诗

    1、蓿诗是《苜蓿·花开苜蓿送残春》、《题苜蓿峰寄家人》、《塞上·苜蓿秋高万马肥》、《游仙诗·台观茫茫苜蓿肥》、《怨女曲·空原悲风吹苜蓿》、《渔村杂诗·苜蓿村中卜钓矶》、《戏题·仲父不弃苜蓿盘》、《独骏图·连天苜蓿青茫茫》、《散材·先生苜蓿自阑干》、《同食大麦·大麦新炊苜蓿盘》。2、笔画是14。3、读音是xu。

  • 蓿字的成语 蓿字的成语有哪些

    1、蓿成语是苜蓿盘空。2、笔画是14。3、读音是xu。4、笔顺是横、竖、竖、点、点、横撇。5、部首是艹。6、结构是上下结构。7、解释是见“苜”。8、组词是苜蓿、南苜蓿、黄花苜蓿、紫花苜蓿、苜蓿盘空。9、诗是《苜蓿·花开苜蓿送残春》、《题苜蓿峰寄家人》、《塞上·苜蓿秋高万马肥》、《游仙诗·台观茫茫苜蓿肥》、《怨女曲·空原悲风吹苜蓿》、《渔村杂诗·苜蓿村中卜钓矶》、《戏题·仲父不弃苜蓿盘》、《独骏图·连天苜蓿青茫茫》、《散材·先生苜蓿自阑干》、《同食大麦·大麦新炊苜蓿盘》。

  • 蓿字的成语有哪些

    1、蓿成语是苜蓿盘空。2、笔画是14。3、读音是xu。4、笔顺是横、竖、竖、点、点、横撇。5、部首是艹。6、结构是上下结构。7、解释是见“苜”。8、组词是苜蓿、南苜蓿、黄花苜蓿、紫花苜蓿、苜蓿盘空。9、诗是《苜蓿·花开苜蓿送残春》、《题苜蓿峰寄家人》、《塞上·苜蓿秋高万马肥》、《游仙诗·台观茫茫苜蓿肥》、《怨女曲·空原悲风吹苜蓿》、《渔村杂诗·苜蓿村中卜钓矶》、《戏题·仲父不弃苜蓿盘》、《独骏图·连天苜蓿青茫茫》、《散材·先生苜蓿自阑干》、《同食大麦·大麦新炊苜蓿盘》。

  • 蓿字的成语

    1、蓿成语是苜蓿盘空。2、笔画是14。3、读音是xu。4、笔顺是横、竖、竖、点、点、横撇。5、部首是艹。6、结构是上下结构。7、解释是见“苜”。8、组词是苜蓿、南苜蓿、黄花苜蓿、紫花苜蓿、苜蓿盘空。9、诗是《苜蓿·花开苜蓿送残春》、《题苜蓿峰寄家人》、《塞上·苜蓿秋高万马肥》、《游仙诗·台观茫茫苜蓿肥》、《怨女曲·空原悲风吹苜蓿》、《渔村杂诗·苜蓿村中卜钓矶》、《戏题·仲父不弃苜蓿盘》、《独骏图·连天苜蓿青茫茫》、《散材·先生苜蓿自阑干》、《同食大麦·大麦新炊苜蓿盘》。

Top