web前端项目-3D台球游戏【附源码】

`3D`台球

【3D台球】这款游戏的操作简洁明了，玩家只需要简单的练习两分钟便能够掌握。玩家需要用鼠标控制击球的方向和力度，将白球打进洞中。每次进球后，玩家需要选择下一个要击打的球，直到所有的球都打进洞中。但要注意避免黑球进洞。

运行效果：

`HTML`源码：

<!DOCTYPE HTML>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta name="viewport" content="user-scalable=no" /><meta name="apple-mobile-web-app-capable" content="yes" /><meta name="apple-touch-fullscreen" content="yes" /><meta name="apple-mobile-web-app-status-bar-style" content="black" /><title>ball</title><style type="text/css">body{margin:0;padding:0;font-size:12px;background:url(res/wood.jpg)}</style>
</head>
<body><div id = "container"></div><div id = "fps" style = "position:absolute"></div><script src = "src/quark.base-1.0.0.alpha.min.js"></script><script src = "Taiqiu.js"></script>
</body>
</html>

`Taiqiu.js`源码：

function Vector(a,b){this.x=a||0;this.y=b||0}Vector.prototype.reset=function(a,b){this.x=a;this.y=b};Vector.prototype.getClone=function(){return new Vector(this.x,this.y)};Vector.prototype.cut=function(a){this.setLength(Math.min(a,this.getLength()))};Vector.prototype.cutNew=function(a){var a=Math.min(a,this.getLength()),b=this.getClone();b.setLength(a);return b};Vector.prototype.equals=function(a){return this.x==a.x&&this.y==a.y};Vector.prototype.plus=function(a){this.x+=a.x;this.y+=a.y};
Vector.prototype.plusNew=function(a){return new Vector(this.x+a.x,this.y+a.y)};Vector.prototype.minus=function(a){this.x-=a.x;this.y-=a.y};Vector.prototype.minusNew=function(a){return new Vector(this.x-a.x,this.y-a.y)};Vector.prototype.negate=function(){this.x=-this.x;this.y=-this.y};Vector.prototype.negateNew=function(){return new Vector(-this.x,-this.y)};Vector.prototype.scale=function(a){this.x*=a;this.y*=a};Vector.prototype.scaleNew=function(a){return new Vector(this.x*a,this.y*a)};
Vector.prototype.getLength=function(){return Math.sqrt(this.x*this.x+this.y*this.y)};Vector.prototype.setLength=function(a){var b=this.getLength();b?this.scale(a/b):this.x=a};Vector.prototype.getAngle=function(){return Math.atan2(this.y,this.x)};Vector.prototype.setAngle=function(a){var b=this.getLength();this.x=b*Math.cos(a);this.y=b*Math.sin(a)};
Vector.prototype.rotate=function(){var a,b;b=arguments;b.length==1?(a=Math.cos(b[0]),b=Math.sin(b[0])):(a=b[0],b=b[1]);var d=this.x*b+this.y*a;this.x=this.x*a-this.y*b;this.y=d};Vector.prototype.rotateNew=function(a){var b=new Vector(this.x,this.y);b.rotate(a);return b};Vector.prototype.dot=function(a){return this.x*a.x+this.y*a.y};Vector.prototype.getNormal=function(){return new Vector(-this.y,this.x)};Vector.prototype.isPerpTo=function(a){return this.dot(a)==0};
Vector.prototype.angleBetween=function(a){a=this.dot(a)/(this.getLength()*a.getLength());return Math.acos(a)};(function(){function a(){for(var a in q)f[a]=new Quark.Bitmap({image:q[a],x:c.offset.x,y:c.offset.y,eventEnabled:!1})}function b(){a();d();e();c.ui.init();g();c.initEvent();c.initCue();c.initLine();c.initShotTxt();c.initScore();c.initWin();c.initLose();c.loop=c.shoot;l.update=function(){c.frames++;c.loop()}}function d(){var a=Quark.getDOM("container"),e=new Quark.DOMContext({canvas:a});canvas=Quark.createDOM("canvas",{width:h,height:i,style:{position:"absolute"}});canvasContext=new Quark.CanvasContext({canvas:canvas});
a.appendChild(canvas);l=c.stage=new Quark.Stage({container:a,width:h,height:i,context:e});o=new Quark.Timer(1E3/k);o.addListener(l);o.addListener(Q.Tween);o.start();l.addChild(f.table);c.initPlayers()}function g(){c.Ball.createBalls();var a=c.point=new Quark.Bitmap({image:c.Ball.images[0],rect:[0,0,c.r*2,c.r*2],regX:c.r,regY:c.r});l.addChild(c.point);a.alpha=0.3;l.step();for(var a=0,e=c.Ball.balls.length;a<e;a++){var n=c.Ball.balls[a];n.bitmap.drawable.domDrawable.style.borderRadius=j+"px";n.light.drawable.domDrawable.style.borderRadius=
j+"px"}c.point.drawable.domDrawable.style.borderRadius=c.r+"px";l.addChild(f.ballRoad);l.addChild(f.cue);f.ballRoad.y=p.y-60;f.ballRoad.x=p.x+180;c.xx=f.ballRoad.x+f.ballRoad.width-j-6}function e(){c.frames=0;fpsContainer=Quark.getDOM("fps");setInterval(function(){fpsContainer.innerHTML="FPS:"+c.frames;c.frames=0},1E3)}var c=Q.use("BallGame"),j=c.r=14,h=960,i=600,k=60,s=c.params=Quark.getUrlParams(),n=c.mouseR=s.r||Q.supportTouch?90:0,l=c.stage,f=c.bitmaps={},q=c.images={},p=c.offset={x:55,y:70};
c.canShot=!0;var o;window.onload=function(a){var c=new Quark.ImageLoader;c.addEventListener("complete",function(a){a.target.removeAllEventListeners();for(var c in a.images)q[c]=a.images[c].image;b()});c.load(a)}([{id:"table",src:"res/table.jpg"},{id:"cue",src:"res/cue.png"},{id:"light",src:"res/light.png"},{id:"ballRoad",src:"res/ballRoad.png"},{id:"player-txt",src:"res/player-txt.png"},{id:"ball1",src:"res/ball1.png"},{id:"ball9",src:"res/ball9.png"},{id:"shot-txt",src:"res/shot-txt.png"},{id:"num",
src:"res/number.png"},{id:"win",src:"res/win.png"},{id:"lose",src:"res/lose.png"},{id:"loading",src:"res/loading.gif"},{id:"num1",src:"res/num.png"}]);c.shoot=function(){var a=c.line.rotation*Math.PI/180;c.point.x=c.mouse.x-n*Math.cos(a);c.point.y=c.mouse.y-n*Math.sin(a);if(c.isDown&&(c.power+=c.powerV,c.power>27||c.power<1))c.powerV*=-1};window.shoot=function(a,c){BallGame.whiteBall.v.reset(a,c);BallGame.loop=BallGame.Ball.update};window.print=function(){for(var a=0;a<BallGame.Ball.balls.length;a++){var c=
BallGame.Ball.balls[a];console.log(c.x-p.x,c.y-p.y,c.num)}}})();(function(){function a(a,e){this.p1=a;this.p2=e}var b=BallGame.lines=[],d=[[27.1,50.7,27.1,385.5],[50.4,408.9,399.1,408.9],[446,408.9,795,408.9],[818.5,385.6,818.5,50.9],[795.1,27.5,445.9,27.5],[399.1,27.5,50.5,27.5]];BallGame.holePoint=[[26,25],[421,17],[817,23],[820,407],[422,416],[26,408]];(function(){var g,e,c;g=0;for(e=d.length;g<e;g++)c=d[g],c=new a(new Vector(c[0]+BallGame.offset.x,c[1]+BallGame.offset.y),new Vector(c[2]+ +BallGame.offset.x,c[3]+ +BallGame.offset.y)),b[g]=c})()})();(function(){var a=Q.use("BallGame");a.initCue=function(){var b=a.cue=a.bitmaps.cue,d=a.mouse;b.regY=15;b.regX=0;b.update=function(){this.x=a.whiteBall.x;this.y=a.whiteBall.y;var b=Math.atan2(d.y-this.y,d.x-this.x);this.rotation=b/Math.PI*180+180;this.x-=(a.power*3+10)*Math.cos(b);this.y-=(a.power*3+10)*Math.sin(b)}};a.initLine=function(){var b=a.line=new Quark.Bitmap({image:a.Ball.images[0],regX:0,width:1,height:3,rect:[16,16,1,3]});b.alpha=0.5;b.update=function(){var b=a.mouse;this.x=a.whiteBall.x;
this.y=a.whiteBall.y;var g=b.x-this.x,b=b.y-this.y;this.rotation=Math.atan2(b,g)/Math.PI*180;this.scaleX=Math.sqrt(g*g+b*b)-a.mouseR};a.stage.addChild(a.line)}})();(function(){function a(a,e){var b=Q.createDOM("canvas",{width:4*c,height:4*c}),f=b.getContext("2d");f.moveTo(c,c);f.fillStyle=a;f.fillRect(0,0,4*c,4*c);if(e){f.fillStyle="#eee";if(e>8)f.fillRect(0,0,4*c,c/3),f.fillRect(0,2*c-c/3,4*c,c/3*2),f.fillRect(0,4*c-c/3,4*c,c/3),f.arc(c+2*c,c+2*c,c/3*2,0,Math.PI*2),f.fill(),f.fillStyle=a,f.textAlign="center",f.textBaseline="middle",f.font=c+"px/1 Consolas, tahoma, Srial, helvetica, sans-serif",f.fillText(e,3*c,3*c);f.fillStyle="#eee";f.beginPath();f.arc(c,
c,c/3*2,0,Math.PI*2);f.arc(3*c,3*c,c/3*2,0,Math.PI*2);f.fill();f.fillStyle=a;f.textAlign="center";f.textBaseline="middle";f.font=c+"px/1 Consolas, tahoma, Srial, helvetica, sans-serif";f.fillText(e,c,c);f.fillText(e,3*c,3*c)}return b.toDataURL()}function b(){for(var a=!0,c=0,e=i.length;c<e;c++)i[c].v.getLength()>0.01&&(a=!1);return a}function d(){var a=!1,c=h.type,b=h.type.length,f=!1;if(b==0)e.setBad();else{for(var d=0;d<b;d++)if(c[d]==8){e.player.num!=7?e.setLose():e.setWin();return}else c[d]==
0&&(f=!0);for(d=0;d<b;d++)!e.player.type&&c[d]!=0?(e.initPlayerType(c[d]),f||(e.player.addScore(10),a=!0),e.player.num++):e.player.type==c[d]?(f||(e.player.addScore(10),a=!0),e.player.num++):e.player.next.type==c[d]&&e.player.next.num++;console.log(e.player1.num+" "+e.player2.num);f?(e.changePlayer(),e.whiteBall.isDown=Q.supportTouch?!1:!0,e.whiteBall.visible=!0,e.whiteBall.update=e.Ball.prototype.checkBounds):a?e.setGood():e.setBad()}}function g(a,e){if(!a.isDie&&!e.isDie){var b=a.v.getLength(),
f=e.v.getLength();if(!(b<0.1&&f<0.1)&&(f=a.loc.minusNew(e.loc),f.getLength()<=2*c)){var d=f.getAngle(),b=Math.sin(d),d=Math.cos(d);f.rotate(d,-b);a.loc.rotate(d,-b);a.v.rotate(d,-b);e.loc.rotate(d,-b);e.v.rotate(d,-b);f=2*c-Math.abs(a.loc.x-e.loc.x);a.v.x==0?(e.loc.x-=e.v.x>0?f:-f,e.loc.y-=e.v.y*f/Math.abs(e.v.x)):e.v.x==0?(a.loc.x-=a.v.x>0?f:-f,a.loc.y-=a.v.y*f/Math.abs(a.v.x)):a.loc.x<e.loc.x?(a.loc.x-=f*0.5,e.loc.x+=f*0.5):(a.loc.x+=f*0.5,e.loc.x-=f*0.5);a.loc.rotate(d,b);a.v.rotate(d,b);e.loc.rotate(d,
b);e.v.rotate(d,b);f=a.loc.minusNew(e.loc);d=f.getAngle();b=Math.sin(d);d=Math.cos(d);f.rotate(d,-b);a.loc.rotate(d,-b);a.v.rotate(d,-b);e.loc.rotate(d,-b);e.v.rotate(d,-b);f=a.v.x;a.v.x=e.v.x;e.v.x=f;a.loc.rotate(d,b);a.v.rotate(d,b);e.loc.rotate(d,b);e.v.rotate(d,b)}}}var e=Q.use("BallGame"),c=e.r,j=e.lines,h=e.Ball=function(a){this.num=0;this.v=new Vector;this.ry=this.rx=0;this.constructor.superClass.constructor.call(this,a);this.height=this.width=32;this.loc=new Vector(this.x,this.y);this.bitmap=
new Quark.Bitmap({image:k[this.num],width:2*c,height:2*c,regX:c,regY:c,x:16,y:16,rect:[0,0,2*c,2*c],eventEnabled:!1});this.light=new Quark.Bitmap({image:e.images.light,regX:16,regY:16,x:16,y:16,eventEnabled:!1});this.init()},i=h.balls=[],k=h.images=[];h.scale=0.99;Quark.inherit(h,Quark.DisplayObjectContainer);h.prototype.init=function(){this.addChild(this.bitmap);this.addChild(this.light);this.type=this.num==0?0:this.num<8?1:this.num==8?8:-1};h.createBalls=function(){for(var b=["#ffffff","#E1AE07",
"#064771","#D7141A","#1E1D63","#E9520B","#0A5326","#900910","#000"],d=0;d<9;d++)k[d]=new Image,k[d].src=a(b[d],d);for(d=0;d<8;d++)k[d+9]=new Image,k[d+9].src=a(b[d+1],d+9);b=Math.sqrt(3)+0.1;d=c;b=[0,-330,0,0,-d,b*d,d,b*d,-2*d,2*b*d,0,2*b*d,2*d,2*b*d,-3*d,3*b*d,-d,3*b*d,d,3*b*d,3*d,3*b*d,-4*d,4*b*d,-2*d,4*b*d,0,4*b*d,2*d,4*b*d,4*d,4*b*d];for(d=0;d<16;d++){var g=new h({num:d,regX:16,regY:16,x:600+b[2*d+1]+e.offset.x,y:219+b[2*d]+e.offset.y});h.balls[d]=g;e.stage.addChild(g)}e.whiteBall=e.Ball.balls[0];
e.whiteBall.alpha=1;e.stage.addChild(e.whiteBall)};h.prototype.move=function(){this.v.getLength()<0.1?(this.v.x=0,this.v.y=0):(this.loc.plus(this.v),this.bounce(),this.v.scale(h.scale),this.x=this.loc.x,this.y=this.loc.y,this.bitmap.setRect([this.rx,this.ry,2*c,2*c]),this.bitmap.rotation=this.v.getAngle()*180/Math.PI,this.rx-=this.v.getLength(),this.checkHole())};h.prototype.update=h.prototype.move;h.prototype.checkHole=function(){for(var a=e.holePoint,c=0;c<6;c++){var b=this.x-a[c][0]-e.offset.x,
d=this.y-a[c][1]-e.offset.y;if(b*b+d*d<500&&!this.isDie){m();this.isDie=!0;this.update=this.inHole;e.Ball.type.push(this.type);console.log(this.num);break}}};h.prototype.inHole=function(){if(this.alpha<0.1||this.scaleX<0.1||this.scaleY<0.1){this.update=this.num==0?null:function(){this.x+=4;this.bitmap.setRect([this.rx,this.ry,2*c,2*c]);this.rx-=4;this.bitmap.rotation=0;if(this.x>e.xx)this.update=null,this.x=e.xx,e.xx=this.x-2*c};this.v=new Vector;this.alpha=this.scaleY=this.scaleX=1;if(this.num==
0)this.visible=!1;this.x=e.bitmaps.ballRoad.x+c;this.y=e.bitmaps.ballRoad.y+e.bitmaps.ballRoad.height/2+1}this.scaleX-=0.07;this.scaleY-=0.07;this.alpha-=0.07};h.prototype.bounce=function(){minx=e.offset.x+27-0;miny=e.offset.y+28-0;maxx=e.offset.x+818+0;maxy=e.offset.y+408+0;for(var a=0,c=j.length;a<c;a++)if(this.checkLine(j[a]))return;if(this.loc.x<minx||this.loc.y<miny||this.loc.x>maxx||this.loc.y>maxy&&!this.isDie)this.isDie=!0,this.update=this.inHole,e.Ball.type.push(this.type),console.log(this.num+
"aaaaaaaaaaaaaaaaaaaaaaaaa lose")};h.prototype.touchMove=function(){if(e.isDown)this.update=this.checkBounds()};h.prototype.checkBounds=function(){minx=e.offset.x+27;miny=e.offset.y+28;maxx=e.offset.x+818;maxy=e.offset.y+408;this.loc.x=e.mouse.x;this.loc.y=e.mouse.y;if(this.loc.x<minx+c)this.loc.x=minx+c;else if(this.loc.x>maxx-c)this.loc.x=maxx-c;if(this.loc.y<miny+c)this.loc.y=miny+c;else if(this.loc.y>maxy-c)this.loc.y=maxy-c;this.x=this.loc.x;this.y=this.loc.y;for(var a=1,b=i.length,d=c*c*4;a<
b;a++){var f=this.loc.x-i[a].loc.x,g=this.loc.y-i[a].loc.y;if(f*f+g*g<=d){this.alpha=0.5;if(Q.supportTouch)e.whiteBall.isDown=!1;return}}this.alpha=1;if(e.whiteBall.isDown&&e.isDown&&(this.update=this.move,this.isDie=!1,e.startShoot(),!Q.supportTouch))e.isDown=!1};h.prototype.checkLine=function(a){var c=a.p1.minusNew(a.p2).getAngle(),b=!1,d=Math.cos(c),c=Math.sin(c),g=e.r;this.v.getLength()>g&&(g=this.v.getLength());a.p1.rotate(d,-c);a.p2.rotate(d,-c);this.loc.rotate(d,-c);this.v.rotate(d,-c);var h=
a.p1.y,i=a.p1.x,j=a.p2.x;if(i>j)var k=i,i=j,j=k;var k=this.loc.y,r=this.loc.x;if(r>i&&r<j&&k+g>h&&k-g<h)this.loc.y=this.v.y>0?h-g:h+g,this.v.y*=-1,b=!0;a.p1.rotate(d,c);a.p2.rotate(d,c);this.loc.rotate(d,c);this.v.rotate(d,c);return b};h.update=function(){if(b())e.loop=function(){},d();else{var a,c,h=i.length,f,j;a=0;for(h=i.length;a<h-1;a++)if(f=i[a],f.isDie&&f.num!=0)i.splice(a,1),h--,a--;else for(c=a+1;c<h;c++)j=i[c],g(f,j)}}})();(function(){var a=Q.use("BallGame"),b=a.Num=function(a){this.num=0;a=a||{};b.superClass.constructor.call(this,a);this.id=a.id||Q.UIDUtil.createUID("Num");if(!this.max)this.max=1;this.width=this.max*20;this.height=24;this.init()};Q.inherit(b,Q.DisplayObjectContainer);b.prototype.init=function(){this.rects=[[0,0,20,24],[20,0,20,24],[40,0,20,24],[60,0,20,24],[80,0,20,24],[100,0,20,24],[120,0,20,24],[140,0,20,24],[160,0,20,24],[180,0,20,24]];for(var b=0;b<this.max;b++){var g=this.rects[0];this.addChild(new Q.Bitmap({image:a.images.num,
rect:g,x:(g[2]-2)*b}))}this.setValue(this.num)};b.prototype.setValue=function(a){this.num=a;for(var a=a.toString(),b=this.children.length;a.length<b;)a="0"+a;for(b-=1;b>=0;b--)this.getChildAt(b).setRect(this.rects[Number(a.charAt(b))])}})();(function(){function a(a,g){b.loop=b.Ball.update;var e=b.Ball.balls[0];e.v=new Vector(a-e.loc.x,g-e.loc.y);e.v.setLength(b.power);b.power=1;b.powerV=0.4;b.Ball.type=[];b.cue.visible=!1;b.line.visible=!1;b.point.visible=!1}var b=Q.use("BallGame");b.initEvent=function(){var d=b.mouse={x:0,y:0},g=b.stage;b.power=1;b.powerV=0.4;b.isDown=!1;window.onmousemove=function(a){d.x=a.clientX;d.y=a.clientY};window.onmousedown=function(a){b.isDown=!0;d.x=a.clientX;d.y=a.clientY};window.onmouseup=function(){if(b.isDown&&
b.canShot)a(d.x,d.y),b.canShot=!1;b.isDown=!1};g.container.ontouchstart=function(a){a.preventDefault();b.isDown=!0};g.container.ontouchmove=function(a){a.preventDefault();d.x=a.touches[0].clientX;d.y=a.touches[0].clientY};g.container.ontouchend=function(e){e.preventDefault();if(b.isDown&&b.canShot)a(d.x,d.y),b.canShot=!1;if(b.isDown&&!b.whiteBall.isDown)b.whiteBall.isDown=!0;b.isDown=!1}}})();(function(){var a=Q.use("BallGame"),b=a.Player=function(a){this.id=a;this.type=null;this.num=this.score=0;this.ball={}};b.prototype.initType=function(a){this.type=a};b.prototype.init=function(){this.num=this.score=0};b.prototype.shot=function(b,g){var e=a.Ball.balls;e[0].v=b;e[0].v.setAngle(g)};a.initPlayers=function(){var d=a.player1=new b(1),g=a.player2=new b(2);d.addScore=function(b){this.score+=b;a.score1.setValue(this.score)};g.addScore=function(b){this.score+=b;a.score2.setValue(this.score)};
d.next=g;g.next=d;a.player=d}})();(function(){var a=Q.use("BallGame");(a.ui={}).init=function(){var b=a.stage,c=a.images,d=a.offset.x,g=a.offset.y,i=a.boardPlayer1=new Quark.Bitmap({image:c["player-txt"],rect:[0,0,175,28],eventEnabled:!1}),c=a.boardPlayer2=new Quark.Bitmap({image:c["player-txt"],rect:[175,0,175,28],eventEnabled:!1});a.playerPos=[d+120,d+680];i.scaleX=0.6;i.scaleY=0.6;i.x=d+20;i.y=g-50;c.scaleX=0.6;c.scaleY=0.6;c.x=d+723;c.y=g-50;c.alpha=0.2;b.addChild(i);b.addChild(c);a.bitmaps.ball1.y=g-50;a.bitmaps.ball9.y=g-50};
a.initPlayerType=function(b){a.stage.addChild(a.bitmaps.ball1);a.stage.addChild(a.bitmaps.ball9);var c=a.player;b==1?(a.bitmaps.ball1.x=a.playerPos[c.id-1],a.bitmaps.ball9.x=a.playerPos[c.next.id-1],a.player.type=b,a.player.ball=a.bitmaps.ball1,a.player.next.ball=a.bitmaps.ball9,a.player.next.ball.alpha=0.3,a.player.next.type=-1):(a.bitmaps.ball9.x=a.playerPos[c.id-1],a.bitmaps.ball1.x=a.playerPos[c.next.id-1],a.player.ball=a.bitmaps.ball9,a.player.next.ball=a.bitmaps.ball1,a.player.next.ball.alpha=
0.3,a.player.type=b,a.player.next.type=1)};a.initScore=function(b){a.Player.score=b};a.changePlayer=function(){a.player==a.player1?(a.boardPlayer1.alpha=0.2,a.score1.alpha=0.2,a.boardPlayer2.alpha=1,a.score2.alpha=1,a.player=a.player2):(a.boardPlayer2.alpha=0.2,a.score2.alpha=0.2,a.boardPlayer1.alpha=1,a.score1.alpha=1,a.player=a.player1);a.player.ball.alpha=1;a.player.next.ball.alpha=0.3};a.initShotTxt=function(){var b=a.shotTxt=a.bitmaps["shot-txt"];a.stage.addChild(b);b.x=a.offset.x;b.y=a.offset.y+
100;b.alpha=0};a.setGood=function(){var d=a.shotTxt;d.setRect([0,0,200,60]);Q.Tween.to(d,{x:a.offset.x+330,alpha:1},{time:300,ease:Q.Easing.Quadratic.EaseIn,onComplete:function(){Q.Tween.to(d,{alpha:0,x:a.offset.x+800},{time:300,delay:500,onComplete:function(){d.x=0;b()}})}})};a.setBad=function(){var d=a.shotTxt;d.setRect([200,0,150,60]);Q.Tween.to(d,{x:a.offset.x+350,alpha:1},{time:300,ease:Q.Easing.Quadratic.EaseIn,onComplete:function(){Q.Tween.to(d,{alpha:0,x:a.offset.x+800},{time:300,delay:500,
onComplete:function(){d.x=0;a.changePlayer();b()}})}})};var b=a.startShoot=function(){a.canShot=!0;a.loop=a.shoot;a.cue.visible=!0;a.line.visible=!0;a.point.visible=!0};a.initScore=function(){a.score1=new a.Num({max:2,x:a.offset.x+40,y:a.offset.y-30});a.score2=new a.Num({max:2,x:a.offset.x+730,y:a.offset.y-30});a.score2.alpha=0.2;a.stage.addChild(a.score1);a.stage.addChild(a.score2)};a.initWin=function(){a.winTxt=new Q.Bitmap({image:a.images.win,x:0,alpha:0,y:a.offset.y+150,eventEnabled:!1});a.stage.addChild(a.winTxt)};
a.initLose=function(){a.loseTxt=new Q.Bitmap({image:a.images.lose,x:0,alpha:0,y:a.offset.y+150,eventEnabled:!1});a.stage.addChild(a.loseTxt)};a.setWin=function(){Q.Tween.to(a.winTxt,{x:a.offset.x+330,alpha:1},{time:350,ease:Q.Easing.Quadratic.EaseIn,onComplete:function(){a.cue.visible=!1;a.line.visible=!1;a.point.visible=!1;a.loop=function(){}}})};a.setLose=function(){Q.Tween.to(a.loseTxt,{x:a.offset.x+290,alpha:1},{time:350,ease:Q.Easing.Quadratic.EaseIn,onComplete:function(){a.cue.visible=!1;a.line.visible=
!1;a.point.visible=!1;a.loop=function(){};for(var b=0,c=a.Ball.balls.length;b<c;b++)setTimeout(function(b){a.Ball.balls[b].update=a.Ball.prototype.inHole},b*2E3,b)}})};var d=0,g=5;window.m=function(){Q.Tween.to(a.stage,{x:g},{time:10,onComplete:function(){Q.Tween.to(a.stage,{x:-g},{time:20,onComplete:function(){Q.Tween.to(a.stage,{x:0},{time:10,onComplete:function(){d++;g-=1;d<2?m():d=0}})}})}})}})();

`Ball.py`源码：

#coding utf-8
import math
class Vector():def __init__(self, x = 0, y = 0):self.x = xself.y = ydef __str__(self):return "x:%10f, y:%10f" % (self.x, self.y)__repr__ = __str__def __add__(self, other):return Vector(self.x + other.x, self.y + other.y)def __sub__(self, other):return Vector(self.x - other.x, self.y - other.y)def set(self, x, y):self.x = x;self.y = y;def scale(self, s):self.x *= sself.y *= sdef getLength(self):return round(math.sqrt(self.x * self.x + self.y * self.y), 6)def getAngle(self):return round(math.atan2(self.y, self.x), 6)def rotate(self, *arg):if len(arg) == 1:cos = math.cos(arg[0])sin = math.sin(arg[0])else:cos = arg[0]sin = arg[1]self.set(self.x * cos - self.y * sin, self.x * sin + self.y * cos)holePoints = [[26, 25],[421, 17],[817, 23],[820, 407],[422, 416],[26, 408]];     def createLines(m):points = [[27.1, 52.7 - m, 27.1, 383.5 + m],[52.4 - m, 408.9, 397.1 + m, 408.9],[448 - m, 408.9, 793 + m, 408.9],[818.5, 383.6 + m, 818.5, 52.9 -m],[793.1 + m, 27.5, 447.9 - m, 27.5],[397.1 + m, 27.5, 52.5 - m, 27.5],];lines = []for point in points:line = [Vector(point[0], point[1]), Vector(point[2], point[3])]lines.append(line)return lineslines = createLines(2)r = 14
(SOLID, STRIP, WHITE, BLACK) = [1, -1, 0, 2]class Ball(object):total = 0balls = []dies = []scale = .99def __str__(self):return str(self.loc) + ", num:%2d, type:%2d, v: (" % (self.num, self.type) + str(self.v) + " )"__repr__ = __str__def __del__(self):Ball.total -= 1def __init__(self, x = 0, y = 0):colors = ["#ffffff", "#E1AE07", "#064771", "#D7141A", "#1E1D63", "#E9520B", "#0A5326", "#900910", "#000000", "#E1AE07", "#064771", "#D7141A", "#1E1D63", "#E9520B", "#0A5326", "#900910"];Ball.total += 1Ball.balls.append(self)self.loc = Vector(x, y)self.num = Ball.total - 1self.col = colors[self.num]self.setType(self.num)self.v = Vector()self.isDie = Falseself.rect = Nonedef setType(self, num):if num == 0:self.type = WHITEelif num < 8:self.type = SOLIDelif num == 8:self.type = BLACKelse :self.type = STRIPdef move(self):if self.v.getLength() < .1:self.v.set(0, 0)returnself.loc += self.vself.bounce()self.v.scale(Ball.scale)self.checkHole()def destory(self):self.isDie = TrueBall.dies.append(self)Ball.balls.remove(self)print("deleteeeeeeeeeeeeeeeeee %2d" % self.num)def checkHole(self):for hole in holePoints:lx = self.loc.x - hole[0]ly = self.loc.y - hole[1]if lx*lx + ly*ly < 300 and (not self.isDie):self.destory()return Truereturn Falsedef bounce(self):a = 0minx = 27 - aminy = 28 - amaxx = 818 + amaxy = 408 + afor line in lines:if self.checkLine(line):returnif self.loc.x < minx or self.loc.y < miny or self.loc.x > maxx or self.loc.y > maxy and (not self.isDie):self.destory()returndef checkLine(self, line):ang = (line[0] - line[1]).getAngle()cos = math.cos(ang)sin = math.sin(ang)temp = Falsenr = rif(self.v.getLength() > r):nr = self.v.getLength()line[0].rotate(cos, -sin)line[1].rotate(cos, -sin)self.loc.rotate(cos, -sin)self.v.rotate(cos, -sin)y = line[0].yx1 = line[0].xx2 = line[1].xif x1 > x2:xx = x1x1 = x2x2 = xxby = self.loc.ybx = self.loc.xvy = self.v.yif bx > x1 and bx < x2 and (by + nr > y and by - nr < y):self.loc.y = y - r if self.v.y > 0 else y + rself.v.y *= -1temp = Trueline[0].rotate(cos, sin)line[1].rotate(cos, sin)self.loc.rotate(cos, sin)self.v.rotate(cos, sin)return tempdef isStop():temp = Truefor ball in Ball.balls:if ball.v.getLength() > .01:temp = Falsereturn temp   def createBalls():a3 = math.sqrt(3)+.1;ar = r;ballxy = [0, -330, 0, 0, -ar,a3*ar,ar,a3*ar,-2*ar,2*a3*ar,0,2*a3*ar,2*ar,2*a3*ar,-3*ar,3*a3*ar,-ar,3*a3*ar,ar,3*a3*ar,3*ar,3*a3*ar,-4*ar,4*a3*ar,-2*ar,4*a3*ar,0,4*a3*ar,2*ar,4*a3*ar,4*ar,4*a3*ar];for i in range(16):ball = Ball(600 + ballxy[2*i+1], 219+ballxy[2*i])def checkCollision(b0, b1):if b0.isDie or b1.isDie or (b0.v.getLength()<.1 and b1.v.getLength()<.1):returns = b0.loc - b1.locif s.getLength() < 2 * r :ang = s.getAngle()cos = math.cos(ang)sin = math.sin(ang)s.rotate(cos, -sin)b0.loc.rotate(cos, -sin)b0.v.rotate(cos, -sin)b1.loc.rotate(cos, -sin)b1.v.rotate(cos, -sin)s = 2 * r - abs(b0.loc.x - b1.loc.x)if b0.loc.x < b1.loc.x:b0.loc.x -= s * .5b1.loc.x += s * .5else :b0.loc.x += s * .5b1.loc.x -= s * .5tempv = b0.v.xb0.v.x = b1.v.xb1.v.x = tempvb0.loc.rotate(cos, sin)b0.v.rotate(cos, sin)b1.loc.rotate(cos, sin)b1.v.rotate(cos, sin)b1.loc += b1.vb0.loc += b0.vdef updateBalls():if isStop():returnfor b in Ball.balls:b.move()for i in range(len(Ball.balls)):for j in range(i + 1, len(Ball.balls)):checkCollision(Ball.balls[i], Ball.balls[j])def checkDies(player, false=None):good = falsefor b in Ball.dies:if b.type == BLACK:if player.num == 7:print("win")else:print("lose")elif b.type == WHITE:passelif not player.type:player.type = b.typegood = Trueplayer.num += 1print("select type")elif player.type == b.type:good = Trueplayer.num += 1    elif player.type != b.type:player.next.num += 1if good:passelse:passcreateBalls()def shoot(x = 0, y = 0):Ball.dies = []Ball.balls[0].v.set(x, y)while not isStop():updateBalls()printBalls()def printBalls():print("<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<")for ball in Ball.balls:print(ball)

`run.py`源码：

from tkinter import Tk
from Tkinter import *
from Ball import *class Game(Frame):def __init__(self,master=None, *args, **kwargs):Frame.__init__(self, master)self.master = masterself.cv = Canvas(master,width =  847,height = 438)self.cv.pack()def run(self): updateBalls()for b in Ball.balls:b.rect = self.cv.create_oval((b.loc.x - r, b.loc.y - r,b.loc.x + r, b.loc.y + r), fill = b.col)for l in lines:self.cv.create_line((l[0].x, l[0].y, l[1].x, l[1].y), fill = "#000000")self.after(250, self.display)def display(self):updateBalls()for b in Ball.balls:self.cv.coords(b.rect, (b.loc.x - r, b.loc.y - r,b.loc.x + r, b.loc.y + r))for b in Ball.dies:self.cv.coords(b.rect, (0, 0, 0, 0))Ball.dies.remove(b)self.after(10,self.display)def createLines(m):points = [[8.7, 34.2, 27.1, 52.7],[27.1, 52.7 - m, 27.1, 383.5 + m],[27.1, 383.5, 8.7, 402],[34.2, 427.4, 52.4, 408.9],[52.4 - m, 408.9, 397.1 + m, 408.9],[397.1, 408.9, 407.2, 429.7],[437.9, 429.7, 448, 408.9],[448 - m, 408.9, 793 + m, 408.9],[793, 408.9, 811.4, 427.5],[837, 402.3, 818.5, 383.6],[818.5, 383.6 + m, 818.5, 52.9 -m],[818.5, 52.9, 837, 34.4],[811.6, 9.1, 793.1, 27.1],[793.1 + m, 27.5, 447.9 - m, 27.5],[447.9, 27.5, 437.9, 6.6],[407.3, 6.6, 397.1, 27.5],[397.1 + m, 27.5, 52.5 - m, 27.5],[52.5, 27.5, 34.1, 9] ];lines = []for point in points:line = [Vector(point[0], point[1]), Vector(point[2], point[3])]lines.append(line)return lines        root = Tk()
game = Game(root)#Ball.scale = 1
lines = createLines(2)
Ball.balls[0].v.set(20, 0)
game.run()
game.mainloop()