分享下曾经做的一个JS小游戏——《Battle City》

最新推荐文章于 2024-04-16 09:50:59 发布
最新推荐文章于 2024-04-16 09:50:59 发布
阅读量338 收藏
点赞数
文章标签： 游戏

尽管到了如今HTML5大红大紫，不过要兼容主流浏览器，还是逃不过IE这关。如此说来，还不如纯粹的div+css制作的js应用兼容性最好了：）　　

　　

　　之前也发过，但是当时因为找不到源码，所以从压缩过的JS反向修改回来，导致代码混乱不堪。之前做的尺寸很小，今天把图片放大了一倍，晚上闲着把关数增加到了原版35关。

 

　　（方向键：ASDW　　 射击：KL　　连发：IO　　确定：Enter　　【第一次可以进入选关】）

　　　　 

　　之前用jsmin压缩代码的，换成现在的google closure编译会出现问题。因此现在修改下框架结构和部分模块，现在可以用ADVANCED_OPTIMIZATIONS压缩了，如果有什么BUG留言。

　　

　　整个工程4000行左右的代码，包括一个叫WebPlay的游戏库。用到的都是很基本方法和概念，总体并不复杂。对于初学OOP思想，或者游戏基本概念的，都可以参考下！ 作为2012贺岁礼物分享给大家吧~ 

 

　　　

　　

　　Demo

iteye_14050
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
花了两天时间用html+css+js做了一个网页版坦克大战游戏
m0_67391401的博客
03-02 1708
大家好，我是，本期内容给大家分享如何用html+css+javaScript去做一个简易网页版坦克游戏。 目录 坦克游戏玩法及介绍 项目结构 源码地址： 坦克游戏玩法及介绍 我们先来看一下首页。 打开这个首页很简单，基本是上面这个样子，然后选择两个人回车就可以进行玩耍了，这个游戏需要两个人一起操作，玩家1（我）： 使用WASD四个键进行上左下右方向的控制，通过space键进行设计射击。玩家2（女朋友）：通过方向键上下左右控制方向，通过enter键盘射击。基本上我控制整个电脑键盘的左边，她控制电脑键盘.
第八章 透明效果
最新发布
s178435865的专栏
04-16 693
第八章 透明效果
GitHub上10个有趣的开源小游戏（附加在线演示）
热门推荐
ZackSock的博客
12-08 4万+
前言 GitHub作为程序员们的开源宝库，有着很多非常好的项目。对于初学者来说，游戏有着一种特殊的魅力。今天统计了GitHub上比较有趣的10个开源小游戏，其中有许多可以称之为经典。笔者是一名90后，《贪吃蛇》、《坦克大战》、《超级马里奥》和《太空侵略者》作为儿时的玩伴，陪伴笔者度过了很多时光，给笔者带来了非常多的回忆。 1、Pacman（吃豆人游戏） 项目演示地址： https://passe...
BattleCity-js.rar_BattleCity_battle_battle city_community3a4_js
09-23
battle city in javascript
BattleCity_regionlgr_game_TheFirst_BattleCity_shortgame_
10-01
C ++ project. The analogue of the game BattleCity is the first level.
battlecity_网页小游戏_
10-02
网页小游戏 坦克大战 很有学习的价值，试试吧
RetroTanks:一个基于NES游戏Battle City的在线坦克战场游戏，并使用Javascript和Node.js进行了编码
05-07
复古坦克 一个基于NES游戏Battle City的在线坦克战场游戏，并使用Javascript和Node.js进行了编码。 用法 默认值-端口：7777，FPS：30，每间房间的玩家：2 npm install node gameServer.js [--port <port>] [--fps <fps>] [--playersPerRoom <number>] 您可以通过打开两个或多个浏览器标签/窗口来自己进行测试/播放。 作者 柯蒂斯·李-（ ） 史蒂文·宋-（ ）
BattleCity:NES游戏
05-14
重构该游戏的原始版本位于文件夹：oldGame;中。 ; ⇧ ⇨ ⇩ ⇦ 一种乙w ^ d 小号一种H Ĵ
探索《Battle City》：一个开源的游戏引擎复刻经典
gitblog_00050的博客
04-06 368
探索《Battle City》：一个开源的游戏引擎复刻经典 项目地址:https://gitcode.com/NightsWatchGames/battle-city 项目简介 Battle City 是一个基于 JavaScript 和 HTML5 的开源项目，旨在复刻经典的任天堂游戏——坦克大战。该项目不仅为开发者提供了学习和研究复古游戏编程的机会，也为怀旧玩家提供了一个在现代浏览器中体验原版...
华为云云耀云服务器L实例评测｜在云耀云服务器L实例上部署battle-city坦克大战小游戏
jks212454的博客
09-07 600
华为云云耀云服务器L实例评测｜在云耀云服务器L实例上部署battle-city坦克大战小游戏
利用js写一个类似打地鼠的小游戏
个人笔记
03-25 4443
代码仅供参考 html代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="css/打狼.css"/> </head> <body> <!--底部的div--> <div c
CS1.6游戏逆向分析
qq_62016430的博客
04-10 875
通过CE观察金钱数的变化，找到控制金钱数的内存地址，通过不断的再次扫描留下数量较少的内存地址，之后逐一排查，最后将真正的内存地址的值修改后进行激活即可。在游戏CS1.6中，有许多的游戏模式，在爆破模式中，玩家可以通过游戏中的金钱来购买自己喜欢的枪支武器等，那么我们发现在游戏中，最初始状态的金钱数量为16000，而随着购买武器的数量逐渐变多，钱只会越来越少，直至用完，即在同一局游戏中，金钱总额为固定值即16000，我们我便想尝试通过逆向分析，使得游戏中金钱数额始终保持在16000，打消金钱焦虑。
【leetcode】 跳跃游戏 IV
剑指Offer编程题
04-13 265
【leetcode】跳跃游戏IV
贪吃蛇web小游戏
weixin_52841164的博客
04-11 323
监测蛇是否撞墙（遍历获取墙的位置，检查蛇的边界框是否与当前墙的边界框相交）蛇的左边界 小于 墙的右边界，蛇在墙的右侧（蛇从右往左撞墙）蛇的右边界 大于 墙的左边界，蛇在墙的左侧（蛇从左往右撞墙）蛇上边界的 小于 墙的下边界，蛇在墙的上侧（蛇从下往上撞墙）蛇下边界的 大于 墙的上边界，蛇在墙的上侧（蛇从上往下撞墙）：通过定时器实现蛇的自动移动，并通过监听用户的键盘输入来改变蛇的移动方向。：随机在地图上生成食物，并在蛇吃到食物时更新得分和食物的位置。
Unity 布局 HorizontalLayoutGroup 多行 换行
提莫队长
04-11 319
子元素宽度不同，超出父元素后不会换行GridLayout则是固定宽度也不能用，水平排版的同时，超出父级后换行。
原始部落版本潮玩宇宙小程序定制大逃杀游戏APP开发H5游戏
清兮科技官方博客
04-16 241
玩家选择一间房间躲避杀手，满足人数后，杀手随机挑选一个房间杀掉里面所有的参与者，其他房间的幸存者平均瓜分被杀掉房间的元宝。风口项目，可独立接流量主广告，增加用户粘性，消除平台泡沫，增加趣味性，可短视频直播引流。玩家选择一间房间躲避杀手，满足人数后，杀手随机挑选一个房间杀掉里面所有的参与者，其他房间的幸存者平均瓜分被杀掉房间的元宝。比如你的系统网站里送的有积分，积分不能提现，就可以用来这样子消耗 这是一个小游戏模块，消耗系统泡沫，趣味性游戏 玩家可增加投入的积分数，投入越多瓜分越多 投入的积分不能减少。
VRTK（Virtual Reality Toolkit）深入介绍
彩旗工作室的博客
04-16 337
VRTK是一个为Unity引擎设计的开源虚拟现实（VR）开发框架，旨在简化和加速VR应用的开发过程。这个工具包包含了一系列的模块和预设，使得开发者可以快速集成标准的VR功能，如物体交互、环境导航、用户界面管理等。下面将对VRTK进行更加详细的介绍，包括其架构、主要组件、使用方法及实际应用案例。
Cocos Creator 3D游戏成像全过程详解与Shader详解
Thomas_YXQ的博客
04-16 265
Cocos Creator是一款由Cocos2d-x团队开发的游戏开发引擎，它不仅支持2D游戏的开发，还能够创建3D游戏。在本文中，我们将详细介绍Cocos Creator 3D游戏成像的全过程，并深入探讨Shader的实现细节。对惹，这里有一个游戏开发交流小组，大家可以点击进来一起交流一下开发经验呀！一、Cocos Creator 3D游戏成像全过程详解创建场景：在Cocos Creator中，我们首先需要创建一个场景来放置游戏中的各种元素，如角色、道具、背景等。可以通过拖拽资源或代码创建节点来构建场景。
UTONMOS元宇宙游戏特点
Likelib的博客
04-12 352
UTONMOS元宇宙游戏，释放你的创造力和想象力，挑战自我，成为元宇宙的传奇。
做一个三国小游戏
05-31
好的，我可以为您提供一个简单的三国小游戏的 Python 代码，玩家可以在游戏中扮演一个三国时期的角色，与其他角色进行战斗并提升自己的属性。以下是示例代码： ```python import random class Character: def __init__(self, name, health, attack, defense): self.name = name self.health = health self.attack = attack self.defense = defense def take_damage(self, damage): actual_damage = max(damage - self.defense, 0) self.health -= actual_damage def is_alive(self): return self.health > 0 def attack_target(self, target): damage = random.randint(1, self.attack) target.take_damage(damage) print(f"{self.name} 对 {target.name} 造成了 {damage} 点伤害。") class Player(Character): def __init__(self, name, health, attack, defense, experience=0, level=1): super().__init__(name, health, attack, defense) self.experience = experience self.level = level def gain_experience(self, amount): self.experience += amount if self.experience >= 100: self.level_up() def level_up(self): self.level += 1 self.experience = 0 self.health += 10 self.attack += 5 self.defense += 5 print(f"{self.name} 升级了！等级提升到了 {self.level} 级。") class Enemy(Character): pass def create_enemy(): name = random.choice(["曹操", "孙权", "刘备"]) health = random.randint(50, 100) attack = random.randint(10, 20) defense = random.randint(5, 10) return Enemy(name, health, attack, defense) def battle(player): enemy = create_enemy() print(f"你遇到了 {enemy.name}，准备与之战斗！") while player.is_alive() and enemy.is_alive(): player.attack_target(enemy) if not enemy.is_alive(): print(f"{enemy.name} 被你打败了！") player.gain_experience(20) break enemy.attack_target(player) if not player.is_alive(): print("你被打败了！游戏结束。") break def main(): print("欢迎来到三国世界！") name = input("请输入你的名字： ") player = Player(name, health=100, attack=20, defense=10) while True: print(f"你当前的等级是 {player.level}，经验值是 {player.experience}。") choice = input("请选择你要做的事情：1.战斗 2.休息 3.退出游戏 ") if choice == "1": battle(player) elif choice == "2": player.health = min(player.health + 20, 100) print("你恢复了 20 点生命值。") else: print("谢谢游玩，再见！") break if __name__ == "__main__": main() ``` 在这个游戏中，玩家可以输入自己的名字，然后进入三国世界。玩家可以选择战斗、休息或退出游戏。每次战斗会随机遇到一个敌人，玩家需要不断攻击敌人直到战斗结束。战斗胜利后，玩家可以获得经验值，经验值达到一定程度后就可以升级，提升自己的属性。玩家可以选择休息来回复生命值。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值