相关资源：
错过双十一，千万别错过双十二，淘宝双十二活动正式开启，千万红包限时抢，最高金额1212元，猛戳链接抢红包，分享给朋友中奖率更高哦！
如果用音速这个词来命名一款游戏 , 那你首先联想到的一定是由速度带来的极度感观刺激 . 被誉为“第三代音乐游戏”的 QQ 音速 , 就是一款以速度为游戏特色的休闲音乐游戏 , 它全新的游戏模式一定会让你充分感受速度的挑战与愉悦！
QQ 音速并没有借助汽车摩托等传统竞速工具来诠释音速二字 , 而是采用了更为亲切的直排轮滑 , 以借助最少的外界条件来挑战速度极限。
比赛时 , 大家站在同一起跑线 , 拼尽全力向终点冲刺。当然，没有娴熟的技巧去躲避赛道上的各种障碍物 , 那最后站在最高领奖台欢呼的人一定不是你。游戏将节奏感极强的音乐中的节奏点，以障碍物和星星的形式放置在整个跑道中。你需要跟着音乐的节奏 , 做出各种躲过障碍的动作。如果不小心被障碍撞到了 , 没关系 , 赶紧爬起来继续前行 ! 我们的目标只有一个 , 那就是第一个冲过终点线 !
当然游戏考虑到玩家的熟练程度，水平高低，特地设置了三种不同难度的频道。同样的歌曲在不同频道的难度将会有很大的区别 , 无论你是新手上路的菜鸟，还是久经沙场的老鸟都可以找到适合自己挑战的速度。另外游戏中还加入了特殊技能 , 那就是能量槽充足之后，由 ctrl 键发动的瞬间加速。它能够让你在短时间内突然加速前行 , 歌曲的节奏也会跟着加快 , 这也是你赶超对手最直接的方式。当你的对手纷纷落在了你的后面 , 你是否已经压抑不住心中的喜悦了呢 ? 相对的，如果在加速状态下摔倒 , 浪费的时间可会更多哦。QQ 音速就是这样一款挑战极限，追求速度，不断挑战对手，展现自我的音乐游戏！
《QQ音速》相关文章
(阅读:173)
又到周末了，本周小编又会给大家带来怎样的GIF陪大家度过周末呢，搞笑妹子？霸气妹子？羞射妹子，总之就是妹子><，那就不废话了一起进入主题吧家有女仆如获至宝啊妹子你在看啥呢这是我家的宠物论口活的重要性好可伶的妹子迷之一笑当这么多人的面，百合不好吧绑架被逼表演才艺三年以上最高无期哦这不是同一个妹子办公室诱惑私家诱惑 ...
最近有人在网上曝光了一名“虹桥一姐”的照片让“虹桥一姐”这个名字彻底火了，那么这个“虹桥一姐”到底是何许人也，想知道这个“虹桥一姐”的到底什么梗的小伙伴赶紧过来看看吧！
扫描二维码JS写的音乐游戏----JS音速V1.0.0 - 博客频道 - CSDN.NET
游戏开发者
专注手机游戏 网页游戏开发 Unity Java
分类：Javascript/Ajax
还是菜鸟，鉴于清明放假，写Java写累了，写写Javascript。
JS我还是菜鸟，没受过正规教育。写的不好，大家请见谅。欢迎踊跃提出建议和意见。
不多说，先上图
下面是源码。有空我会加多一些效果：
&&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&
&title&无标题文档&/title&
&mce:style type="text/css"&&!--
background:url(bg1.jpg) top center no-
height:602
background:url(line.png) center 5px no-
border-top:
margin:0 225
#touMing {
height:602
filter:alpha(opacity=40);
opacity:0.6;
padding:10
margin:40px 0 0 400
margin:40px 0 0 350
--&&/mce:style&&style type="text/css" mce_bogus="1"&* {
background:url(bg1.jpg) top center no-
height:602
background:url(line.png) center 5px no-
border-top:
margin:0 225
#touMing {
height:602
filter:alpha(opacity=40);
opacity:0.6;
padding:10
margin:40px 0 0 400
margin:40px 0 0 350
&mce:script type="text/javascript"&&!--
var MAX_HEIGHT = 602;
//超过这个高度的方块不显示
var blocks = new Array();
//放置每个下落的方块
var speed = 5;
//每次下落速度
var timeMin = 1;
//最快1秒产生一个方块
var timeMax = 2;
//最慢2秒产生一个方块
var numMax
//最多同时有6个方块
var lastGenTime=0;
//上次产生方块的时间
var timeGrid = 800; //产生方块的时间间隔不能比这个短
var clearRand = 60; //距离MAX_HEIGHT上下多少像素就能消去方块而且加分
var score = 0;
= new Array("url(w.png) no-repeat","url(s.png) no-repeat","url(a.png) no-repeat","url(d.png) no-repeat");
var KEY_W = 0; //对应数组的位置
var KEY_S = 1;
var KEY_A = 2;
var KEY_D = 3;
var pageX = new Array("25px","105px","185px","265px","345px","425px","505px","585px","665px","745px");
var TIP_WIDTH
var TIP_HEIGHT = 30;
var TIP_IMAGES = new Array(
new Array("images/l10001.png","images/l10002.png","images/l10003.png","images/l10004.png","images/l10005.png","images/l10006.png"),
new Array("images/l20001.png","images/l20002.png","images/l20003.png","images/l20004.png","images/l20005.png","images/l20006.png"),
new Array("images/l30001.png","images/l30002.png","images/l30003.png","images/l30004.png","images/l30005.png","images/l30006.png")
* 每隔一个时间就调用一个函数
function doOnTime(func,time){
return setInterval(func,time);
* 产生方块
function generateBlock(){
setTimeout(function(){
var nowTime = new Date().getTime();
if((blocks.length & numMax )&& (nowTime - lastGenTime & timeGrid)){
lastGenTime = nowT
var randPos=Math.floor(pageX.length*Math.random());
var randPic=Math.floor(keyB.length*Math.random());
var center=document.getElementById("center");
var thing=document.createElement("div");
center.appendChild(thing);
thing.style.width="30px";
thing.style.height="30px";
thing.style.overflow="hidden";
thing.style.position="absolute";
thing.style.background=keyB[randPic];
thing.style.left=pageX[randPos];
thing.keyNum = randP
//为IE准备的
thing.setAttribute("keyNum",randPic); //为FF准备的
thing.style.top = "-30px";
blocks.push(thing);
//将方块加入数组中
},Math.random()*(timeMax-timeMin+1)*1000+timeMin*1000);
* 游戏入口，每隔一定时间被调用
function game(){
generateBlock();
showScore("score",score);
* 更新游戏数据，比如方块位置
function update(){
for(var i=0; i&blocks. i++){
if(parseInt(blocks[i].style.top)&MAX_HEIGHT){
blocks[i].style.display = "none";
blocks.remove(i);
blocks[i].style.top = parseInt(blocks[i].style.top)+speed+"px";
* 显示分数
function showScore(showId,score){
document.getElementById(showId).innerHTML = parseInt(score);
* 给Array添加移除的方法
Array.prototype.remove=function(dx){
if(isNaN(dx)||dx&this.length){}
for(var i=0,n=0;i&this.i++){
if(this[i]!=this[dx]){
this[n++]=this[i];
this.length-=1;
* 添加事件***
function addKeyListener(){
document.onkeydown=function(evt){
var evt=evt||window.
var evtKey=evt.keyCode||evt.which||evt.charC
for(var u=0;u&blocks.u++){
var blockKeyNum = blocks[u].keyNum || blocks[u].getAttribute("keyNum");
if((evtKey==87 && blockKeyNum == KEY_W) ||
(evtKey==83 && blockKeyNum == KEY_S) ||
(evtKey==65 && blockKeyNum == KEY_A) ||
(evtKey==68 && blockKeyNum == KEY_D)
var top = parseInt(blocks[u].style.top);
var height = parseInt(blocks[u].style.height);
if(top&MAX_HEIGHT-clearRand-height && top&MAX_HEIGHT+clearRand){ //在消失高度范围内
var mid = top+height/2;
var temp = Math.abs(MAX_HEIGHT-mid); //和目标线的距离
var level = 0;
if(temp&0 && temp&= clearRand/3){
level = 2;
}else if(temp & clearRand*1/3 && temp &= clearRand*2/3){
level = 1;
score+=level+1;
animate(parseInt(blocks[u].style.left)+TIP_WIDTH,top-TIP_HEIGHT,TIP_WIDTH,TIP_HEIGHT,TIP_IMAGES[level],0,90,"rid"+Math.random()+Math.random());
blocks[u].style.display="none";
blocks.remove(u);
* 动画函数
* x -- 图片left
* y -- 图片top
* width -- 图片宽度
* height -- 图片高度
* imageArray -- 图片数组
* index -- 当前播放到哪个图片
* time -- 每个图片切换的时间
* id -- 产生的div的id
function animate(x,y,width,height,imageArray,index,time,id){
if(index&imageArray.length){
var d = document.getElementById(id);
if(d==null){
d = document.createElement("div");
d.style.width = width+"px";
d.style.height= height+"px";
d.style.position = "absolute";
d.style.top = y+"px";
d.setAttribute("id",id);
d.style.left= x+"px";
document.getElementsByTagName("body")[0].appendChild(d);
d.style.background = "url(/""+imageArray[index]+"/")";
setTimeout(function(){return animate(x,y,width,height,imageArray,++index,time,id)},time);
var d = document.getElementById(id);
if(d!=null){
document.getElementsByTagName("body")[0].removeChild(d);
window.onload=function(){
var pauseBtn = document.getElementById("pause");
pauseBtn.onclick=function(){
clearInterval(t);
var startBtn = document.getElementById("start");
startBtn.onclick=function(){
t = doOnTime(game,25);
addKeyListener();
// --&&/mce:script&
&div id="center"&
&div id="touMing"&
当前分数 ： &span id="score"&&/span&
&input type="button" id="start" value="开始游戏"/&
&input type="button" id="pause" value="暂停游戏"/&
kakashi8841
排名：第1795名
投资与合作
二次创业中
喜欢火影、喜欢Java、喜欢Unity3D、喜欢游戏开发的都可以加入木叶村Q群：
（1）（39）（1）（2）（4）（17）（15）（20）（1）（3）（3）（39）（9）（2）（9）（2）（43）（2）（2）（2）（1）（4）（2）