破坏小飞机
简介
破坏小飞机，原始官网：https://kickassapp.com/
网页小游戏，点击按钮可以召唤小飞机，按键盘方向键控制飞机飞行，飞过边界会从屏幕另一侧飞回，可以用空格键发射炮弹击毁网页中的元素，按 B 查看有什么元素可以攻击。
添加方法
参考了 复玥网 上的方法，修改一下添加到自己的博客中。
添加原理
设置一个元素，监听单击事件，在事件中运行飞机 js 程序
- 示例 demo
12345678910111213141516171819202122232425262728293031323334353637 | <!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://blog.pzai.cloud/posts/1e3a940e/
- https://kickassapp.com/
- https://answers.fuyeor.com/zh-hans/question/5933