蜘蛛飞机大战

news2024/11/20 23:32:28

欢迎来到程序小院

蜘蛛飞机大战

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

开始游戏icon-default.png?t=N7T8https://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]);
 }
};

源码icon-default.png?t=N7T8https://www.ormcc.com/

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1088386.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

高数笔记03:几何、物理应用

图源&#xff1a;文心一言 本文是我学习高等数学几何、物理应用的一些笔记和心得&#xff0c;希望可以与考研路上的小伙伴一起努力上岸~~&#x1f95d;&#x1f95d; 第1版&#xff1a;查资料、画导图~&#x1f9e9;&#x1f9e9; 参考资料&#xff1a;《高等数学 基础篇》武…

计算机操作系统-第五天

目录 1、系统调用 什么是系统调用&#xff1f;有何作用&#xff1f; 系统调用与库函数的区别&#xff1a; 为什么系统调用是必须的&#xff1f; 什么功能要用到系统调用&#xff1f; 系统调用的过程&#xff1a; 1、系统调用 什么是系统调用&#xff1f;有何作用&#…

如何通过 NFTScan API 按照 NFT 合约地址检索数据?

在当前 NFT 市场还在不断扩张的背景下&#xff0c;各种 NFT 项目依旧是井喷式涌现&#xff0c;投资者和开发者都面临获取项目全貌数据的困境。公链上提取和处理大量的数据既费时又费力&#xff0c;缺乏全面的信息支持&#xff0c;将难以深入判断一个 NFT 项目的真实情况&#x…

Vite项目打包构建优化(视图分析、CDN引入)

使用rollup-plugin-visualizer插件先分析模块占用空间 安装依赖&#xff1a;pnpm i rollup-plugin-visualizervite配置&#xff1a; plugins: [vue(), visualizer({filename: analysis.html, // 分析图生成的文件名open:true // 如果存在本地服务端口&#xff0c;将在打包后自…

Photoshop Lightroom 2024 (Lr2024)最新安装特别版

Adobe Photoshop Lightroom 2024是一款由Adobe Systems公司发布的软件&#xff0c;其英文直译为“明室”&#xff0c;也常被称为数码暗房。它主要用于图片管理和后期润色&#xff0c;包括图片导入、整理、编辑、导出等全过程&#xff0c;不仅可以对图片进行编辑&#xff0c;还可…

linux usb驱动移植(1)

1. USB总线 1.1 usb总线定义 在linux 设备模型中&#xff0c;总线由bus_type 结构表示&#xff0c;我们所用的 I2C、SPI、USB 都是用这个结构体来定义的。该结构体定义在 include/linux/device.h文件中&#xff1a; struct bus_type {const char *name;const c…

WiFi 6在工业物联网应用中有哪些优势?

Wi-Fi 6 (802.11ax)作为新一代应用成熟的无线通信技术&#xff0c;也被越来越广泛地部署在工业物联网中。WiFi 6 相比其前身 Wi-Fi 5 (802.11ac) 进行了多方面的改进提升&#xff0c;非常适合工业环境的苛刻要求。现在也有许多工业网关支持WiFi 6无线技术标准&#xff0c;为工业…

kantts docker化

kan-tts docker本地化 环境安装 下载docker镜像(python3.8的) registry.cn-hangzhou.aliyuncs.com/modelscope-repo/modelscope:ubuntu20.04-cuda11.8.0-py38-torch2.0.1-tf2.13.0-1.9.2 安装基础模型 pip install modelscope 安装语音模型 pip install "modelscope…

KubeSphere 社区双周报 | FluentBit 新增 tcp 输入插件 | 2023.09.29-10.12

KubeSphere 社区双周报主要整理展示新增的贡献者名单和证书、新增的讲师证书以及两周内提交过 commit 的贡献者&#xff0c;并对近期重要的 PR 进行解析&#xff0c;同时还包含了线上/线下活动和布道推广等一系列社区动态。 本次双周报涵盖时间为&#xff1a;2023.09.29-2023.…

2023年09月 C/C++(五级)真题解析#中国电子学会#全国青少年软件编程等级考试

C/C++编程(1~8级)全部真题・点这里 Python编程(1~6级)全部真题・点这里 第1题:红与黑 有一间长方形的房子,地上铺了红色、黑色两种颜色的正方形瓷砖。你站在其中一块黑色的瓷砖上,只能向相邻的黑色瓷砖移动。请写一个程序,计算你总共能够到达多少块黑色的瓷砖。 时间限…

【已解决】MySQL:执行sql查询出错误数据(MySQL隐藏机制-类型转换导致)

目录 问题现象&#xff1a; 问题分析&#xff1a; 结论&#xff1a; 解决方法&#xff1a; 拓展&#xff1a; 问题现象&#xff1a; 今天在项目开发中发现了一个非常奇怪的bug&#xff1a; 如图&#xff0c;我在数据库中以“dept_id 1712651046956421123”为条件&#xff…

【强烈推荐】免费的PDF工具,包括PDF拆分/分割、转WORD等功能的免费在线软件工具,救了大命,找了半天什么pdf365、福xipdf、还有哔果pdf全是打着免费名义收费,烦死了

PDF拆分 - 图文工具箱 - imgtool.net&#xff0c;嘎嘎好用&#xff0c;主要是免费 除此之外&#xff0c;还有其他的功能&#xff0c;需要的可以去看看

[42000][923] ORA-00923: 未找到要求的 FROM 关键字

在oracle数据库写分页查询&#xff0c;使用 rownum时候出错&#xff0c; 代码&#xff1a; SELECT *FROM (SELECT *, ROWNUM AS rnumFROM test t ) WHERE rnum BETWEEN 1 AND 5; 报错&#xff1a; [42000][923] ORA-00923: 未找到要求的 FROM 关键字 Position: 31 问题原因…

低代码平台为企业应用开发提速

一、背景 应用开发周期长一直是IT部门和业务部门面临的问题。 IT部门总是被新的应用需求弄得不堪重负。他们不可能完成业务部门想要完成的每一个项目。同时&#xff0c;业务部门的用户厌倦了等待&#xff0c;并开始完全绕过IT部门。 今天&#xff0c;我们来探索一下“低代码开发…

浅谈压力测试的作用是什么

随着现代应用程序变得越来越复杂&#xff0c;用户的期望也在不断提高&#xff0c;对性能和可靠性的要求变得更加苛刻。在应用程序开发和维护的过程中&#xff0c;压力测试是一项至关重要的活动&#xff0c;它可以帮助发现潜在的问题、评估系统的性能极限&#xff0c;以及确保在…

js内存与数据

1.内存空间的重要性 想要对js理解更深刻&#xff0c;就需要对内存空间有个清晰的认知。 比如基本和引用数据类型存储方式和引用传递到底是怎么回事&#xff1f; 栈内存与堆内存的区别&#xff1f; 2.计算机存储空间 内存&#xff1a;容量小 访问速度快 程序运行时&#xff…

微型导轨可用在哪些设备上?

微型导轨是一种高精度、小体积的导轨系统&#xff0c;被广泛应用于各种需要高精度导向的场合。以下是一些常见的微型导轨应用场景&#xff1a; 1、半导体设备&#xff1a;在半导体制造过程中&#xff0c;设备需要精确、高速和稳定的运动。微型导轨具有高精度和高刚性&#xff0…

【管理运筹学】第 10 章 | 排队论(1,排队论的基本概念)

文章目录 引言一、基本概念1.1 排队过程1.2 排队系统的组成和特征1.3 排队模型的分类1.4 系统指标1.5 系统状态 引言 开一点排队论的内容吧&#xff0c;方便做题。 排队论&#xff08;Queuing Theory&#xff09;也称随机服务系统理论&#xff0c;是为解决一系列排队问题&…

工业互联网系列1 - 智能制造中有哪些数据在传输

工业互联网以网络为基础&#xff0c;需要传输的数据种类多种多样&#xff0c;这些数据对于实时监控、生产优化、设备维护和决策支持等方面都至关重要。 以下是一些常见智能制造业中需要传输的数据类型&#xff1a; 传感器数据&#xff1a;制造设备上安装的传感器&#xff08;如…

高效视频剪辑:批量合并视频与背景音乐结合的技巧解析

在数字媒体时代&#xff0c;视频剪辑已经成为了一种重要的技能。其中&#xff0c;批量合并视频与添加背景音乐是视频剪辑过程中不可忽视的环节。本文将为您提供高效地合并视频和背景音乐的技巧解析&#xff0c;帮助您更快速地完成视频剪辑&#xff0c;创作出更加生动有趣的视频…