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

最新推荐文章于 2023-11-19 12:35:35 发布

原创

最新推荐文章于 2023-11-19 12:35:35 发布 · 1.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

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

效果图：

步骤：

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=