Javascript 如何在太空入侵者游戏中实现射击等功能?

Javascript 如何在太空入侵者游戏中实现射击等功能?,javascript,html,Javascript,Html,我想做一个类似于学校作业《太空入侵者》游戏中射击功能的功能,问题是我还没有学习css、canvas,我看过很多教程使用它,但我不能将它应用到我的作业中 是否有任何方法可以使用svg元素实现该功能 非常感谢你 我不会用勺子喂食,但我将向您展示如何在单击时使html元素像动画一样移动。。这个概念只是设置一个间隔并改变所述元素的偏移量 //这将生成一个元素并运行它 函数myMove(){var pos=0 var myDiv=document.createElement('div') myDiv.c

我想做一个类似于学校作业《太空入侵者》游戏中射击功能的功能,问题是我还没有学习css、canvas,我看过很多教程使用它,但我不能将它应用到我的作业中

是否有任何方法可以使用svg元素实现该功能


非常感谢你

我不会用勺子喂食,但我将向您展示如何在单击时使html元素像动画一样移动。。这个概念只是设置一个间隔并改变所述元素的偏移量

//这将生成一个元素并运行它
函数myMove(){var pos=0
var myDiv=document.createElement('div')
myDiv.className=“动画”
document.getElementsByClassName('container')[0].appendChild(myDiv)
var s=setInterval(()=>{
如果(位置>=230-55){clearInterval}
else{pos++;myDiv.style.top=pos+“px”}
},5)
}
document.getElementsByClassName('container')[0]。onclick=myMove
.container{
宽度:60px;
高度:230像素;
位置:相对位置;
背景:黄色;
浮动:左;
边框宽度:1px;
边框样式:实心;
}
.制作动画{
宽度:50px;
高度:50px;
保证金:5px;
背景色:红色;
边界半径:100%;
位置:绝对位置;
}

你试过什么吗?你能发布你所做的代码吗?请在你的问题中添加JSFIDLE。谢谢!我会尽力理解的