返回列表 發帖

Rank: 7Rank: 7Rank: 7
1# 跳轉到 » 正序看帖
打印
tT
ray發表於 2012-11-10 10:44 | 只看該作者

20121110

  1. function doMouseDown(event)
  2. {
  3.         //alert("x="+event.pageX+";y="+event.pageY);
  4.                 for(var i=0;i<balls;i++)
  5.                 {
  6.                 for(var j=0;j<=i;j++)
  7.                                 {
  8.                                                                                 if(event.pageX > x-i*(r*2+d)/2+(r*2+d)*j-r && event.pageX < x-i*(r*2+d)/2+(r*2+d)*j+r && event.pageY > y+r*2*i-r && event.pageY < y+r*2*i+r)
  9.                                                                                 {
  10.                                                 if(seats[i][j] == 0)
  11.                                                         seats[i][j] = ++sno;
  12.                                                                                                 if(i > 0)
  13.                                                                                                 {
  14.                                                                                                         if(seats[i-1][j] == 0) seats[i-1][j] = -1;
  15.                                                                                                         if(seats[i-1][j-1] == 0) seats[i-1][j-1] = -1;
  16.                                                                                                 }
  17.                                                                                                 if(seats[i][j+1] == 0) seats[i][j+1] = -1;
  18.                                                                                                 if(seats[i][j-1] == 0) seats[i][j-1] = -1;
  19.                                                                                                 if(seats[i+1][j] == 0) seats[i+1][j] = -1;
  20.                                                                                                 if(seats[i+1][j+1] == 0) seats[i+1][j+1] = -1;
  21.                                         }
  22.                                 }
  23.                 }
  24. }
複製代碼
收藏 分享

Rank: 7Rank: 7Rank: 7
2#
ray發表於 2012-11-10 10:57 | 只看該作者
  1. <!DOCTYPE html>
  2. <head>
  3. <meta charset="utf-8">
  4. </head>
  5. <body>
  6. <div id="gameArea"><canvas id="gameCanvas"></canvas></div>
  7. <script>
  8. var gameHeight = window.innerHeight; //取得瀏覽器內容的高度，放進設定的遊戲視窗高度。
  9. var gameWidth = window.innerWidth; //取得瀏覽器內容的寬度，放進設定的遊戲視窗寬度。

  11. var gameArea = document.getElementById("gameArea"); //利用"gameArea"這個ID來取得該Div
  12. var gameCanvas = document.getElementById("gameCanvas"); //利用"gameCanvas"這個ID來取得該Canvas
  13. gameArea.style.height = gameHeight; //設定gameArea的高度為遊戲視窗高度
  14. gameArea.style.width = gameWidth; //設定gameArea的寬度為遊戲視窗寬度
  15. gameCanvas.height = gameHeight; //設定gameCanvas的高度為遊戲視窗高度
  16. gameCanvas.width = gameWidth; //設定gameCanvas的高度為遊戲視窗寬度
  17. gameCanvas.addEventListener("mousedown",doMouseDown,false);

  19. var x = 500;
  20. var y = 100;
  21. var r = 30;
  22. var d = 7;
  23. var balls = 7;
  24. var sno = 0;

  26. function doMouseDown(event)
  27. {
  28.         //alert("x="+event.pageX+";y="+event.pageY);
  29.                 for(var i=0;i<balls;i++)
  30.                 {
  31.                 for(var j=0;j<=i;j++)
  32.                                 {
  33.                                                                                 if(event.pageX > x-i*(r*2+d)/2+(r*2+d)*j-r && event.pageX < x-i*(r*2+d)/2+(r*2+d)*j+r && event.pageY > y+r*2*i-r && event.pageY < y+r*2*i+r)
  34.                                                                                 {
  35.                                                 if(seats[i][j] == 0)
  36.                                                         seats[i][j] = ++sno;
  37.                                                                                                 if(i > 0)
  38.                                                                                                 {
  39.                                                                                                         if(seats[i-1][j] == 0) seats[i-1][j] = -1;
  40.                                                                                                         if(seats[i-1][j-1] == 0) seats[i-1][j-1] = -1;
  41.                                                                                                 }
  42.                                                                                                 if(seats[i][j+1] == 0) seats[i][j+1] = -1;
  43.                                                                                                 if(seats[i][j-1] == 0) seats[i][j-1] = -1;
  44.                                                                                                 if(seats[i+1][j] == 0) seats[i+1][j] = -1;
  45.                                                                                                 if(seats[i+1][j+1] == 0) seats[i+1][j+1] = -1;
  46.                                         }
  47.                                 }
  48.                 }
  49. }

  51. var ctx = gameCanvas.getContext("2d"); //取得gameCanvas的2D容器(Context)

  53. function clearScreen()
  54. {
  55.         ctx.fillStyle = "rgb(255,255,255)";
  56.         ctx.fillRect(0,0,gameWidth,gameHeight);
  57. }

  59. function drawArc(x,y,r,color)
  60. {
  61.         ctx.beginPath();
  62.         ctx.fillStyle = color;
  63.         ctx.arc(x,y,r,0,Math.PI*2,true);
  64.         ctx.fill();
  65. }

  67. var seats = new Array(balls);
  68. for(var i=0;i<balls;i++)
  69.         seats[i] = new Array(balls);

  71. function initGame()
  72. {
  73.         for(var i=0;i<balls;i++)
  74.                 for(var j=0;j<=i;j++)
  75.                         seats[i][j] = 0;
  76. }

  78. function gameLoop()
  79. {
  80.         clearScreen();
  81.         for(var i = 0;i <balls;i++)
  82.         {
  83.                         for(var j=0;j<=i;j++)
  84.                         {
  85.                                         if(seats[i][j]==0)
  86.                                                         drawArc(x-i*(r*2+d)/2+(r*2+d)*j,y+r*2*i,r,"rgb(0,255,128)");
  87.                                         else
  88.                                         {
  89.                                                         drawArc(x-i*(r*2+d)/2+(r*2+d)*j,y+r*2*i,r,"rgb(0,128,128)");
  90.                                                         if(seats[i][j] > 0)
  91.                                                                                                                 {
  92.                                                                                                                         ctx.fillStyle = "rgb(0,0,0)";
  93.                                                                                                                         ctx.font = "italic bold 30px sans-serif";
  94.                                                                                                                         ctx.textBaseline = "bottom";
  95.                                                                                                                         ctx.fillText(seats[i][j],x-i*(r*2+d)/2+(r*2+d)*j-r/2,y+r*2*i+r/2);
  96.                                                                                                                 }
  97.                                         }
  98.                         }
  99.                           
  100.                 }
  101.         
  102.         setTimeout(gameLoop,200);
  103. }        
  104. initGame();
  105. gameLoop();
  106. </script>
  107. </body>
複製代碼

TOP

返回列表