蜘蛛飞机大战

欢迎来到程序小院

蜘蛛飞机大战

复制代码
玩法:
点击开始游戏,鼠标移动控制方向,可自由移动飞机打剁掉方飞机下落的子弹并打掉敌方飞机,三次生命,不同关卡不同奖励,快去闯关吧^^。

开始游戏https://www.ormcc.com/play/gameStart/189

html

复制代码
<div id="container_zzfj">
    <canvas width="320" height="480" class="canvas" style="background-image: none; background-color: transparent; "></canvas>
    <div id="banadaaa" style="display: block; "></div>
    <div id="consoleaaa" style="display: none; text-align: left; "></div>
</div>

css

复制代码
#container_zzfj {
    width: 320px;
    height: 480px;
    margin: 0px auto;
    padding: 0px;
    position: relative;
}

#container_zzfj .canvas {
    background-color: #000;
    z-index: -1;
    width: 100%;
    height: 100%;
}

#consoleaaa {
    position: absolute;
    height: 400px; width: 300px;
    top: 0px; left: 0px;
    overflow: auto;
    font-family: Helvetica;
    color: white;
    z-index: 3;
}

#banadaaa {
    width: 320px;
    height: 50px;
    background-color: transparent;
    z-index: 2;
    position: absolute;
    margin: 0px auto;
    padding: 0px;
    left: 0px; top: 320px;
}

js

复制代码
function getData()
{
 AJAX.gameId = "";
 AJAX.playerId = "";
 g.displayBanner = 0;
 g.qs = window.location.search.substring(1).split("&");
 for (var a=0;a < g.qs.length;a++)
 {
  var s = g.qs[a].split("=");
  write(s[0] + " = " + s[1]);
  switch(s[0])
  {
   case "banner":
    g.displayBanner = s[1];
    break;
   case "gameId":
    AJAX.gameId = s[1];
    break;
   case "playerId":
    AJAX.playerId = s[1];
    break;
  }
 }
};

function postData()
{
 AJAX.ts = g.time;
 AJAX.score = m.player.score;

 $.ajax({
  url: AJAX.url,
  type: "get",
  data: "user=" + AJAX.user + "&pass=" + AJAX.pass + "&gameId=" + AJAX.gameId + "&playerId=" + 
    AJAX.playerId + "&ts=" + AJAX.ts + "&score=" + AJAX.score,
  success: function(msg){
   write("Data Sent Successfully !");
  },
  error: function(jqXHR, textStatus, errorThrown) {
   write("Send error: " + jqXHR);
   write("Send error (" + textStatus + "): " + errorThrown);
  }
 });

 write("SENT user = " + AJAX.user);
 write("SENT pass = " + AJAX.pass);
 write("SENT gameId = " + AJAX.gameId);
 write("SENT playerId = " + AJAX.playerId);
 write("SENT ts = " + AJAX.ts);
 write("SENT score = " + AJAX.score);
};

/*
 ------------------------------------------------------------------------------------
*/

var g = {};
g.go = 0;

var m = {
 spritesheets : [],
 player : null,
 explosion : [],
 lasers : [],
 aliens : [],
 alienbomb : [],
 textsprites : [],
 bonusitems : []
};

var stars = [];
var dots = [];
var gameaudio = [];

g.checkSum = gamedata.imageFiles.length;// + gamedata.audioFiles.length; 
g.checkCount = 0;
g.imageData = [];
g.audioData = [];
g.aliensarray = [];

g.colours = [];
g.colours[0] = "#bf0000";
g.colours[1] = "#4386d0";
g.colours[2] = "#28d98c";
g.colours[3] = "#3de231";
g.colours[4] = "#d8e231";
g.colours[5] = "#feba4f";
g.colours[6] = "#fe5b4f";
g.colours[7] = "#fe4fd7";
g.colours[8] = "#ca4ffe";

g.explosionColours = [];
g.explosionColours[0] = "#ffffaa";
g.explosionColours[1] = "#ffe651";
g.explosionColours[2] = "#ffc51f";
g.explosionColours[3] = "#ff911a";
g.explosionColours[4] = "#e7623e";
g.explosionColours[5] = "#a81300";

function createStars()
{
 for (var a=0;a<20;a++)
 {
  stars[a] = new star("star"+a, rnd(g.canvaswidth), rnd(g.canvasheight), 4, rnd(2)+1, 4, g.colours[rnd(g.colours.length)-1]);
 }
};

function createDots()
{
 for (var a=0;a<100;a++)
 {
  dots[a] = new dot("dot"+a, rnd(g.canvaswidth), rnd(g.canvasheight), 4, rnd(2)+1, 4, g.colours[rnd(g.colours.length)-1]);
 }
};

源码https://www.ormcc.com/

需要源码请关注添加好友哦^ ^

转载:欢迎来到本站,转载请注明文章出处https://ormcc.com/

相关推荐
cyadyx40 分钟前
Vite 比 Webpack 构建效率更高
前端·webpack·node.js·vite
mCell2 小时前
AI 时代 SVG 画图的潜力
前端·agent·svg
言乐62 小时前
Python游戏水平测试辅助系统
开发语言·python·游戏·django·pygame
我命由我123458 小时前
CesiumJS 笔记 - 获取容器中心点、Cartesian3 clone 方法、修改 Cartesian3 对象的高度
前端·javascript·css·前端框架·html·html5·js
Hopebearer_9 小时前
页面突然只剩 DOM?一次静态资源版本错配排查
前端·部署
抱抱宝9 小时前
Agent-study项目教程(03):手写 Mini-ReAct Agent(不依赖框架)
javascript·人工智能·gpt·react.js·prompt·agent
东风破_9 小时前
ESLint 是什么?为什么你的项目需要它?
前端·后端·代码规范
用户9385156350710 小时前
Next.js 笔记系统(二):Redis 数据服务与侧边栏组件拆分实战
javascript·全栈
WWJA王文举10 小时前
I²C通信完整流程详解:START、地址、ACK、数据、Repeated START和STOP一次讲透
c语言·开发语言
zhanghaha131410 小时前
Python进阶教程:6_JSON 数据解析 —— 新手完全指南
开发语言·python·json