`
yuanlanxiaup
  • 浏览: 895992 次
文章分类
社区版块
存档分类
最新评论

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

 
阅读更多

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

  

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

 

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

     

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

  

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

 

   

  

  Demo

3
0
分享到:
评论
3 楼 jj7jj7jj 2012-08-17  
架构不错,多谢群主分享
2 楼 ruishen 2012-01-09  
1 楼 ansjsun 2012-01-09  
牛人和小霸王一模一样哦

相关推荐

    BattleCity-js.rar_BattleCity_battle_battle city_community3a4_js

    《BattleCity-js.rar》是一个基于JavaScript实现的“坦克大战”(BattleCity)游戏项目,它展示了如何使用Web技术重现经典游戏。"BattleCity_battle_battle city_community3a4_js"这部分标题可能指的是游戏的不同...

    battlecity_网页小游戏_

    【标题】"battlecity_网页小游戏_" 涉及的核心知识点是基于网页的坦克大战游戏开发,这是一种将经典街机游戏《坦克大战》移植到Web平台的技术实现。在这个过程中,开发者通常会用到HTML5、CSS3以及JavaScript等前端...

    BattleCity_regionlgr_game_TheFirst_BattleCity_shortgame_

    本项目,名为"BattleCity_regionlgr_game_TheFirst_BattleCity_shortgame_",是一个用C++编写的项目,它复刻了经典游戏——《坦克大战》(BattleCity),并将其命名为"区域战争"。这个项目特别之处在于,它是"小规模...

    BattleCity

    《BattleCity》是一款基于C++编程语言和DirectDraw图形库开发的小型游戏,它为初学者提供了一个良好的学习实例。本文将深入探讨C++和DirectDraw在游戏开发中的应用,以及如何通过它们来构建类似《BattleCity》这样的...

    battle-city-master.rar_battle_game

    【标题】"Battle City Arcade Game" 是一个经典的游戏项目,主要基于早期的街机游戏"Battle City"进行的复刻或改进。这个压缩包文件"battle-city-master.rar"很可能包含了这个游戏项目的完整源代码、资源文件和其他...

    BattleCity.rar

    总结,"BattleCity"项目是一个集Java基础知识、图形编程、多线程、事件处理、游戏逻辑等多元技术于一体的实践项目。通过学习和实践,初学者不仅可以掌握Java编程,还能深入理解游戏开发的基本流程和技术要点。对于想...

    battlecity源码HTML5版

    1. JavaScript引擎:"BattleCity"的运行离不开高效的JavaScript引擎,如V8或SpiderMonkey,它们负责解析和执行JavaScript代码,驱动游戏逻辑。 2. 游戏循环:游戏的核心是循环机制,HTML5通过setInterval或...

    c++坦克大战 源代码 battlecity

    "C++坦克大战 源代码 battlecity"是这样一个项目,它提供了完整的源代码,让我们有机会深入学习游戏开发的核心技术。 首先,我们要明白C++是一种静态类型的、编译式的、通用的、大小写敏感的、不仅支持过程化编程,...

    网络游戏-网络效应视角下PC游戏产业线上渠道模式比较研究——以Battle.net和Steam为例.zip

    《网络游戏-网络效应视角下PC游戏产业线上渠道模式比较研究——以Battle.net和Steam为例》 在当前数字化时代,网络游戏产业已经成为全球娱乐业的重要组成部分,尤其是PC游戏领域。本研究聚焦于网络效应这一独特现象...

    BattleCity:NES游戏

    《BattleCity: NES游戏》是一款经典的街机游戏,以其坦克对战、建造防御工事的玩法深受玩家喜爱。在这个项目中,我们关注的是利用JavaScript语言对这款游戏进行重构,以适应现代浏览器环境,同时可能实现更丰富的...

    battleCity.zip

    总结来说,"battleCity.zip"项目展示了Java在游戏开发中的全面应用,包括对象建模、图形界面设计、网络通信、数据持久化等多个方面。通过对这个项目的深入研究,开发者不仅可以学习到Java编程的实践技巧,还能了解到...

    Battle City Game in JavaScript with Source Code.zip

    "Battle City Game in JavaScript with Source Code.zip"是一个利用JavaScript编写的“坦克大战”游戏项目,其中包含了完整的源代码,为开发者提供了一个学习和实践JavaScript游戏开发的宝贵资源。 首先,我们要...

    Battle-City-master.zip_battle_battle city_坦克大战

    《坦克大战游戏C++实现详解》...总之,"Battle-City-master.zip" 提供了一个了解和学习C++游戏开发的实践案例,涵盖了从基础编程到高级特性的各种知识点,对于任何对游戏开发感兴趣的C++程序员来说都是一个宝贵的资源。

    BattleCity:流行 NES 游戏的 PC 翻拍 - Battle City(又名 Tank1990)。 使用 SDL 用 C++ 和 OpenGL 编写

    《BattleCity》是一款深受玩家喜爱的经典NES游戏,其PC翻拍版名为"BattleCity (又名Tank1990)",由开发者使用C++编程语言并结合SDL(Simple DirectMedia Layer)库以及OpenGL图形库进行重制。这篇文章将深入探讨这款...

    BattleCity(1).rar

    总的来说,《BattleCity》不仅是一款经典的游戏,也是游戏历史上的一个重要里程碑,它所开创的坦克战斗玩法至今仍具有很高的娱乐价值和教育意义。通过深入研究和理解游戏机制,玩家不仅可以享受游戏带来的乐趣,还能...

    RetroTanks:一个基于NES游戏Battle City的在线坦克战场游戏,并使用Javascript和Node.js进行了编码

    一个基于NES游戏Battle City的在线坦克战场游戏,并使用Javascript和Node.js进行了编码。 用法 默认值-端口:7777,FPS:30,每间房间的玩家:2 npm install node gameServer.js [--port ] [--fps ] [--...

    battle-city-master (1).zip_battle_scdvf

    【标题】"battle-city-master (1).zip_battle_scdvf" 暗示着这是一个与游戏《Battle City》相关的项目源代码或者资源文件。"scdvf"可能是某种编码或者项目的特定标识。 【描述】"sxdefrgb sdvfrgbtnhymuju,k ...

    java版坦克大战源码-Battle-City:电子游戏BattleCity的Java实现

    是一款非常受欢迎且经典的视频游戏,创建于 90 年代。 玩家需要摧毁不同的敌方坦克,同时尽量让它们远离自己的基地。 有关游戏的更详细说明和信息,请阅读 docs 文件夹中的设计手册和用户手册。 要求 该程序需要 ...

    飞机大战小游戏(java)Aircraft-Battle.zip

    【标题】"飞机大战小游戏(java)Aircraft-Battle.zip" 涉及的主要知识点是基于Java编程语言开发的一款小型游戏——飞机大战。这通常包括Java基础语法、面向对象编程、图形用户界面(GUI)设计以及游戏逻辑实现等多...

    star-battle-master.zip

    本次我们关注的是一个名为"star-battle-master.zip"的压缩包,它包含了一个使用JavaScript编写的太空大战小游戏。这个游戏不仅实现了基本的战斗功能,还有得分系统和排名展示,其页面设计美观,资源使用简洁,只需...

Global site tag (gtag.js) - Google Analytics