蜘蛛飞机大战

欢迎来到程序小院

蜘蛛飞机大战

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

开始游戏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/

相关推荐
雾削木1 小时前
stm32解锁芯片
javascript·stm32·单片机·嵌入式硬件·gitee
2301_768350232 小时前
Vue第二期:组件及组件化和组件的生命周期
前端·javascript·vue.js
小周同学:2 小时前
Vue项目中将界面转换为PDF并导出的实现方案
javascript·vue.js·pdf
执尺量北斗2 小时前
[特殊字符] 基于 Qt + OpenGL 实现的入门级打砖块游戏
开发语言·qt·游戏
夏子曦2 小时前
C#内存管理深度解析:从栈堆原理到高性能编程实践
开发语言·c#
华洛3 小时前
公开一个AI产品的商业逻辑与设计方案——AI带来的涂色卡自由
前端·后端·产品
明远湖之鱼3 小时前
opentype.js 使用与文字渲染
前端·svg·字体
90后的晨仔4 小时前
Vue 3 组合式函数(Composables)全面解析:从原理到实战
前端·vue.js
今天头发还在吗4 小时前
【React】TimePicker进阶:解决开始时间可大于结束时间的业务场景与禁止自动排版
javascript·react.js·ant design
今天头发还在吗4 小时前
【React】动态SVG连接线实现:图片与按钮的可视化映射
前端·javascript·react.js·typescript·前端框架