Java究竟怎么玩？

伴隨Ajax與網頁游戲的崛起，曾幾何時JavaScript也成了游戲開發時可供選擇的技術之一，文本僅列舉數項由JavaScript技術實現的web小游戲（不含網游），聊作參考之用。

1、Mario（游戲地址：http://jsmario.com.ar/ ）

傳說中的馬里奧網頁版，一比一實現了紅白機時代超級馬里奧中所有功能與關卡，精細程度不遜原版游戲。
依賴庫：無

2 、 Bunny Hunt （游戲地址： http://www.themaninblue.com/experiment/BunnyHunt/ ）

獵兔，一款簡單耐玩的網頁狩獵游戲，沒有使用第三方支持庫，直接利用 css 與 JavasSript 實現。  

依賴庫：無

3 、 Bomberman （ 游戲地址： http://www.e-forum.ro/bomberman/dynagame.html ）

炸彈人，經典到無以復加的桌面游戲，通過 JavaScript 獲得了完美再現。  

依賴庫： MooTools ， SoundManager2

4 、 PacMan （ 游戲地址： http://www.digitalinsane.com/api/yahoo/pacman/ ）

又一款傳說級的游戲，筆者開始懷疑有某個超級閑的家伙（或組織），開始悄悄將紅白機時代的游戲統一移植為 web 版……嗯，或許近些年出現的 JavaScript 版 FC 模擬器就是他們的陰謀產物……  

依賴庫： YUI

5 、 Ajax Chinese Chess （游戲地址： http://ajaxchess.pragmaticlogic.com/ ）

舉凡識字的中國人看到此圖，就會知道這是一款基于 JavaScript 的中國象棋游戲……  

依賴庫： MooTools ， SoundManager2

6 、 Sudoku （游戲地址： http://www.dhtmlgoodies.com/scripts/game_sudoku/game_sudoku.html ）

瘋狂走紅的數獨游戲， JavaScript 狂人們又怎么可能放過呢？（似乎所有可以進行圖形顯示的系統上都能跑這個游戲了……）  

依賴庫：無

7 、 Spacius （游戲地址： http://scriptnode.com/lab/spacius/ ）

就是著名的雷電啦，完成度相當高的經典射擊游戲，效果流暢，筆者第一次運行時曾一度誤以為在玩 Flash 。  

依賴庫： SoundManager2  

8 、 Browser Shooter （ 游戲地址： http://valums.com/demos/game/ ）

想讓 IE 干掉 Firefox 抑或 Chrome ？哎，現實生活中是沒希望了——不過，在該游戲中你卻可以暫時做到這一點。  

依賴庫： jQuery

9 、 Berts Breakdown （ 游戲地址： http://www.paulbrunt.co.uk/bert/ ）

又一款強悍到逆天的 JavaScript 橫版游戲，在 Chrome 下的表現已經與同類 Flash 游戲不相伯仲了。  

依賴庫： 無

10 、 JS-Wars （游戲地址： http://29a.ch/jswars/ ）

雷電類的橫版射擊游戲，似乎用 JavaScript 進行游戲開發的家伙都很喜歡橫板游戲……作者在游戲介紹里寫到——你們的任務是：找出骷髏博士，并消滅他！

依賴庫： jQuery

11 、 Javascript Wolfenstein 3D （游戲地址： http://www.nihilogic.dk/labs/wolf/ ）

由傳說中的天才 JS 程序員—— Jacob Seidelin  所作（瞧瞧，人家名字是怎么叫的，學問啊……）。移植自世界上第一款第一人稱射擊游戲（有爭議，一說為《 Ultima Underworld 》），也就是《重返德軍總部》前作《德軍總部》的 JavaScript 復刻版。

僅從現階段 JavaScript 綜合性能來說，其完成度之高令人嘆為觀止，恐怕連部分 Flash 游戲開發者也要自慚形穢。如果有朝一日 WebGL 標準普及了，哪怕該作者用 JavaScript 復刻出一個魔獸世界偶都毫不奇怪……唯一遺憾的是，此游戲依賴于 JavaScript 的 Canvas 技術，可能對 IE 不友好……

依賴庫： SoundManager2

PS ：本想收錄 js 版《白之絆》、《逆轉裁判》、《大惡司》等，卻發現其對外鏈接皆已無法使用，故缺（似乎相關作者都跑去開發 web 網游，集體生死未卜中……）。

再者，長城以外 http://www.javascriptgaming.com/ 上還有很多 JavaScript 游戲實現，由于時間關系此處不一一列舉，關心者請自行“翻而閱之”。

 ————————正文斬斷，相關退散————————

轉了不少JavaScript游戲過來，忽然自己也想寫點東西，所以用開發了“半截”的LGame-Simple-0.2.5寫了其中一個JavaScript游戲的復刻（目前修正了前版部分Bug，添加了一些精靈與輔助功能，但0.2.5的核心功能尚未添加，可理解為傳說中的“降龍十八缺三掌”狀態……），怎么說Java開發游戲也比JavaScript方便嘛，無論是桌面上，抑或網頁里……

PS:不要問偶為什么移植Bunny Hunt而不是Javascript Wolfenstein 3D……除非偶吃頂了，或者不用睡覺……（另外偶最近會先忙正事，LGame將暫時停筆，留待12月中旬繼續……12月底前發布0.2.5版……）

下載地址：http://code.google.com/p/loon-simple/downloads/list

package org.loon.test; import java.awt.Color; import java.awt.Graphics2D; import java.awt.event.KeyEvent; import java.awt.event.MouseEvent; import org.loon.framework.game.simple.GameScene; import org.loon.framework.game.simple.action.map.Vector2D; import org.loon.framework.game.simple.action.sprite.Label; import org.loon.framework.game.simple.action.sprite.StatusBar; import org.loon.framework.game.simple.action.sprite.Picture; import org.loon.framework.game.simple.action.sprite.Sprite; import org.loon.framework.game.simple.action.sprite.Sprites; import org.loon.framework.game.simple.core.Deploy; import org.loon.framework.game.simple.core.LSystem; import org.loon.framework.game.simple.core.LTimer; import org.loon.framework.game.simple.core.LTimerContext; import org.loon.framework.game.simple.core.Screen; import org.loon.framework.game.simple.window.LButton; import org.loon.framework.game.simple.window.LPanel; import org.loon.framework.game.simple.window.LTag; /** * Copyright 2008 - 2009 * * Licensed under the Apache License, Version 2.0 (the "License"); you may not * use this file except in compliance with the License. You may obtain a copy of * the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the * License for the specific language governing permissions and limitations under * the License. * * @project loonframework * @author chenpeng * @email：ceponline@yahoo.com.cn * @version 0.1 */ public class BunnyHunt extends Screen { interface IBunny { int type(); void reset(); void kill(); void setVisible(boolean visible); } private int level, count; private class Bunny extends Sprite implements IBunny { /** * */ private static final long serialVersionUID = 1L; private boolean init, kill; private int top, bottom, type; private LTimer timer; private Vector2D oldVector2D; public Bunny(String fileName, int row, int col, int top, int bottom) { super(fileName, row, col); this.top = top; this.bottom = bottom; this.isRunning(false); this.setCurrentFrameIndex(0); this.timer = new LTimer(100); this.reset(); } public void setLocation(double x, double y) { super.setLocation(x, y); this.oldVector2D = new Vector2D(x, y); } public int type() { return type; } public void reset() { this.kill = false; this.init = false; this.setVisible(false); this.setLocation(oldVector2D); if (getTotalFrames() == 2) { this.setCurrentFrameIndex(0); } } public void update(long elapsedTime) { if (!isVisible()) { return; } super.update(elapsedTime); if (gameStart) { if (!init) { if (y() > top) { // 精靈坐標向上移動（5倍速） this.move_up(5); } else { this.init = true; } } if (init && timer.action(elapsedTime)) { if (kill) { if (getTotalFrames() != 2) { this.type = 1; this.setCurrentFrameIndex(2); } } timer.setDelay(10); if (y() > bottom) { // 精靈坐標向下移動（10倍速） this.move_down(10); if (y() >= BunnyHunt.this.getHeight()) { this.reset(); BunnyHunt.this.randomBunny(); } } } } } public boolean isKill() { return kill; } public void kill() { if (getCurrentFrameIndex() != 2) { this.setCurrentFrameIndex(1); this.timer.setDelay(100); this.kill = true; } } } // 信息選擇框，用于顯示重啟/結束菜單 private class MsgBox extends LPanel { private LTag text2 = new LTag("" + count, 370, 150, 50, 50); public void setNumber(int num) { text2.setTag(num); } public MsgBox(int x, int y, int w, int h) { super(x, y, w, h); // 面板設為灰色 setBackground(Color.GRAY); // 透明度0.5f setAlpha(0.5f); LButton button1 = new LButton("games/button_reload.gif", null, 180, 200) { public void doClick() { BunnyHunt.this.removeAll(); BunnyHunt.this.initBunny(); } }; LButton button2 = new LButton("games/button_stop.gif", null, 400, 200) { public void doClick() { BunnyHunt.this.removeAll(); BunnyHunt.this.setBackground("games/closing.jpg"); } }; LTag text1 = new LTag("Number of bunnies mutilated:", 215, 90, 50, 50); text1.setColor(Color.WHITE); text1.setFont("Dialog", 0, 25); text2.setColor(Color.WHITE); text2.setFont("Dialog", 1, 30); add(text1); add(text2); add(button1); add(button2); } } private class Cloud extends Picture { private static final long serialVersionUID = 1L; private LTimer timer = new LTimer(20); public Cloud(String fileName, int x, int y) { super(fileName, x, y); } public void update(long elapsedTime) { if (isVisible() && timer.action(elapsedTime)) { // 自動向左移動 move_left(); if(x()<0){ setX(BunnyHunt.this.getWidth()); } } } } private Label label1 = new Label("LEVEL :", "Dialog", 0, 15, 300, 23), label2 = new Label("", "Dialog", 1, 12, 360, 22), label3 = new Label("LIVES :", "Dialog", 0, 15, 530, 23); private StatusBar timeBar = new StatusBar(400, 15, 100, 5); private MsgBox msgBox = new MsgBox(0, 0, 800, 400); private Bunny bunny1, bunny2, bunny3, bunny4, bunny5; private IBunny[] bunnies; private Sprite lives = new Sprite("games/lives.gif", 600, 7, 60, 21); private Picture hill = new Picture("games/hill.png", 200, 288); private Cloud cloud1 = new Cloud("games/cloud.png", 195, 20); private Cloud cloud2 = new Cloud("games/cloud2.png", 75, 20); private Picture hills = new Picture("games/hills.png", 0, 235); private LTimer time = new LTimer(2 * LSystem.SECOND); private boolean gameStart; public BunnyHunt() { // 設定初始背景 this.setBackground("games/splash.jpg"); LButton startButton = new LButton("games/button_start.gif", null, 165, 260) { public void doClick() { // 變更背景圖像 BunnyHunt.this.setBackground("games/stage.jpg"); BunnyHunt.this.initBunny(); this.dispose(); } }; // 添加開始按鈕 this.add(startButton); } private void endGame() { this.gameStart = false; this.msgBox.setNumber(count); this.timeBar.setHit(false); this.add(msgBox); } private void randomBunny() { for (int i = 0; i < level && i < 3; i++) { bunnies[getBunnyRandom(bunnies.length)].setVisible(true); } } private int getBunnyRandom(int type) { return LSystem.random.nextInt(type); } private void initBunny() { this.gameStart = true; this.level = 1; this.count = 0; this.bunny1 = new Bunny("games/bunny1.png", 84, 152, 130, 50); this.bunny2 = new Bunny("games/bunny2.png", 119, 152, 190, 50); this.bunny3 = new Bunny("games/bunny3.png", 122, 152, 150, 50); this.bunny4 = new Bunny("games/bunny4.png", 135, 152, 180, 50); this.bunny5 = new Bunny("games/bunny5.png", 140, 152, 180, 50); this.bunnies = new IBunny[] { bunny1, bunny2, bunny3, bunny4, bunny5 }; this.timeBar.setHit(true); this.timeBar.empty(); this.label2.setLabel(level); this.label1.setAlpha(0.8f); this.add(label1); this.add(label2); this.label3.setAlpha(0.8f); this.add(label3); this.add(timeBar); this.lives.isRunning(false); this.lives.setCurrentFrameIndex(0); this.add(lives); this.bunny1.setLocation(40, 400); this.bunny3.setLocation(550, 400); this.bunny4.setLocation(130, 400); this.bunny5.setLocation(430, 400); this.add(bunny1); this.add(bunny3); this.add(bunny4); this.add(bunny5); this.add(hills); this.bunny2.setLocation(410, 400); this.add(bunny2); this.add(hill); this.add(cloud1); this.add(cloud2); this.randomBunny(); } public void alter(LTimerContext timer) { if (time.action(timer.getTimeSinceLastUpdate())) { if (timeBar.getValue() < timeBar.getMaxValue()) { timeBar.setUpdate(timeBar.getValue() + 10); } else { timeBar.empty(); level += 1; label2.setLabel(level); } } } public void draw(Graphics2D g) { } public void leftClick(MouseEvent e) { if (contains(msgBox)) { return; } Sprites ss = getSprites(); for (int i = ss.size(); i > -1; --i) { if (ss.getSprite(i) instanceof IBunny) { if (onClick(ss.getSprite(i))) { IBunny bunny = ((IBunny) ss.getSprite(i)); if (bunny.type() == 1) { lives .setCurrentFrameIndex(lives .getCurrentFrameIndex() + 1); if (lives.getCurrentFrameIndex() >= 3) { endGame(); } } else { bunny.kill(); count += 1; } return; } } } } public void middleClick(MouseEvent e) { } public void onKey(KeyEvent e) { } public void onKeyUp(KeyEvent e) { } public void rightClick(MouseEvent e) { } public static void main(String[] args) { GameScene frame = new GameScene("獵兔(素材取自同名Javascript游戲)", 800, 400); Deploy deploy = frame.getDeploy(); deploy.setScreen(new BunnyHunt()); deploy.setLogo(false); deploy.setShowFPS(true); deploy.setFPS(100); deploy.mainLoop(); frame.showFrame(); } }