Question

js中如何利用循环数组得到一个随机的图片

最近制作的一个小游戏，赛道中的障碍物是通过循环数组随机生成的，另外，赛道的初始高度只有10px，通过追加循环和页面渲染达到了图片中的效果，请问大神要如何实现。求详细代码和注释，本人新手。谢谢啦！

Answer 1

var arr=["1.jpg","2.jpg","3.jpg","4.jpg".......];
var oImg=Math.floor(Math.random()*arr.length) //随机图
img.src="./img/"+arr[oImg]; //img元素得到img文件夹下面的某张图片

追问

这个是达到了随机生成图片的效果，如果要让赛车碰撞到障碍物后，触发碰撞的提示，要如何实现呢。

Answer 2

这个图，你不是做出来了么

追问

这个是在网上搜的，我们是刚刚才学习了js一个月的小菜鸡，这个星期老师要求自己用js制作一个小游戏，这个游戏代码我有，不过看不懂，所以才想找各位大神详细讲解一下。比如游戏中的障碍是怎么实现随机生成的，用div无法实现障碍和赛车之间的碰撞效果，还有赛道是怎么通过循环，让它不断的可以刷新前面的不同样式的道路的。