JavaScript事件——【小案例】飞机发射子弹

喋喋小菜鸡

于 2020-08-31 17:33:14 发布

阅读量1.1k

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/DebbyOctober/article/details/108325519

这篇博客介绍了一个使用JavaScript创建的简单飞机射击游戏。通过键盘事件控制飞机移动，当触发特定事件时，飞机发射子弹。子弹的位置根据设定的坐标进行更新。文章提供了相关的图片素材和完整的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图：

步骤：

1.规定飞机的走向（键盘事件）
2.发射子弹（子弹位置：left top ）

图片素材：

飞机：shoot/1.gif
在这里插入图片描述

子弹：shoot/2.png
在这里插入图片描述

完整代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style>
	    img{
   
	        position:absolute;
	        left:0px;
	        top:0px;
	    }
	</style>
	<body>
	<img src="shoot/2.png" alt="" id="pos0" style="display: none">
	<img src