破坏小飞机

又见苍岚

COLMAP PatchMatch Stereo 算法详解事件驱动的状态机框架：从理论到工程实践 Git 在国内网络环境下无法 Push 的排查与修复 —— 配置 Clash 代理分段五次多项式插值原理详解路径插值方法深度对比研究 Claude Code 使用指南 OpenClaw 记忆管理与技能创建指南 CBS(Conflict-Based Search)算法详解 A* 算法及其变种详解 OpenClaw 配置多 Agents Windows Powershell 无法加载文件，因为在此系统上禁止运行脚本问题的解决方案 MaxClaw 安装流程大模型 AI 名词介绍 AList 网盘聚合工具简介 Protobuf 简介与测试 Claude Code 简介以及 GLM 4.7 模型接入 Github 歌词下载工具 163MusicLyrics Python __getattr__ 懒加载 Python TypedDict 机器人仿真平台 Gazebo 安装记录机器人仿真平台 Gazebo 简介多机器人路径规划问题(Multi-Agent Path Finding, MAPF)简介 Python exifread 读取修改过的 jpeg 信息错误问题修复 3D 坐标系变换的理解 3D 旋转矩阵基本概念 MongoDB Compass 介绍 Python 环境管理工具 uv Flutter 开发指南 Snipaste 安装下载与黑屏问题解决方案全局路径规划算法记录

破坏小飞机

Yiwei Zhang · 2024-04-28 · via 又见苍岚

在 Pzai 家发现破坏小飞机的游戏，感觉好玩自己也扒了一个来，本文记录添加过程和玩法。

简介

破坏小飞机，原始官网：https://kickassapp.com/

网页小游戏，点击按钮可以召唤小飞机，按键盘方向键控制飞机飞行，飞过边界会从屏幕另一侧飞回，可以用空格键发射炮弹击毁网页中的元素，按 B 查看有什么元素可以攻击。

添加方法

参考了复玥网上的方法，修改一下添加到自己的博客中。

添加原理

设置一个元素，监听单击事件，在事件中运行飞机 js 程序

示例 demo

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>又见苍岚-飞机 Demo</title>
</head>
<body><p><span>  玩法说明：  </span></p>
<p><span>  1. 方向键控制飞机  </span></p>
<p><span>  2. 空格发射子弹  </span></p>
<p><span>  3. B 键查看目标  </span></p>
<p><span>  4. ESC 退出  </span></p>
<button id="myButton">召唤飞机</button>
<script>

// 为按钮添加事件处理器
document.getElementById('myButton').onclick = function() {

  	console.log('Attack！');
  	// 定义要执行的JavaScript代码
	var KICKASSVERSION='2.0';
	var s = document.createElement('script');
	s.type='text/javascript';
	document.body.appendChild(s);
	s.src='https://uipv4.zywvvd.com:33030/HexoFiles/js/games/airplane/airplane.js';
	void(0);
};
</script>
</body>
</html>

将上述代码写入 demo.html 文件中在浏览器中运行即可进行测试。

代码解读

核心代码在事件处理器中：

var KICKASSVERSION='2.0';：定义了一个名为 KICKASSVERSION 的变量，并将其值设置为字符串 '2.0' 。
var s = document.createElement('script');：创建了一个新的<script>元素，并将其存储在变量s中。
s.type='text/javascript';：将新创建的<script>元素的类型设置为text/javascript，这告诉浏览器该脚本是一个 JavaScript 脚本。
document.body.appendChild(s);：将新创建的<script>元素添加到当前文档的<body>标签中。
s.src='https://uipv4.zywvvd.com:33030/HexoFiles/js/games/airplane/airplane.js';：设置新创建的<script>元素的src属性，使其从指定链接加载其来源。
void(0);：执行一个空操作，它没有实际效果，通常用于在某些情况下阻止页面的默认行为。

添加过程

核心方法如上所述，我将该按钮添加到了网页右键菜单中，设置了飞机的图标。

使用方法

在本站中，按下鼠标右键，单击 破坏小飞机 即可召唤飞机，对当前网页元素进行攻击。

玩法如下：
1. 方向键控制飞机运动
2. Space 键发射子弹
3. B 键查看可攻击的目标
4. Esc 键退出
几点说明：
1. 破坏的元素没有被销毁，刷新网页还是会有的
2. 当前未被破坏的元素可以正常使用，破坏的就用不了了
3. 多次点击右键可以召唤多架飞机一同作战
4. 右下角标记当前分数，一个元素10分
5. 召唤飞机时点击鼠标会弹出玩法提示

Have Fun !

参考资料

文章链接：
https://www.zywvvd.com/notes/fun/games/airplane/game-airplane/

此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。原文来自 — 版权归原作者所有。

推荐订阅源

又见苍岚

简介

添加方法

添加原理

代码解读

添加过程

使用方法

参考资料