js写的一个html游戏向导模块

依旧是最近的一个游戏项目，其中的一个需求是要设计一个游戏向导模块，第一次登陆后用箭头，对话框，音频介绍游戏界面上的各个功能。因为介绍的步数较多，就不能纯粹写一些杂乱的代码去触发事件。我的基本思想是，用数组去组织音频，文本，箭头的信息，用数组下标一一对应，其中箭头绝对定位，包含x，y，img属性，然后每一步都可以调用相应的资源，这样资源集中易读易管理，最好是能用一个类去封装一下，可惜偷懒没有做。

我的代码如下。

//记录当前步数的变量
var currentStep = 1;
//存储音频的数组
var myMedia = [];
//音频来源地址数组
var music = ['./assets/audios/1.mp3',
    './assets/audios/2.mp3',
    './assets/audios/3.mp3',
    './assets/audios/4.mp3',
    './assets/audios/5.mp3',
    './assets/audios/6.mp3',
    './assets/audios/7.mp3',
    './assets/audios/8.mp3',
    './assets/audios/9.mp3',
    './assets/audios/10.mp3',
    './assets/audios/11.mp3'
];
//对话框内容文本
var text = [