2021-09-19_144816.jpg2021-09-19_145454.jpg

    1. var app = new PIXI.Application(500,600);
    2. document.body.appendChild(app.view);
    3. var arr = [];
    4. for(var i=0;i<5;i++){
    5. for(var j=0;j<14;j++){
    6. var zhuan = new PIXI.Sprite.fromImage("res/lianxi/zhuan/zhuankuai-8-1_41.png");
    7. app.stage.addChild(zhuan);
    8. zhuan.width = 32;
    9. zhuan.height = 32;
    10. zhuan.x = j*35+5;
    11. zhuan.y = i*35+5;
    12. //将方块放入数组
    13. arr.push(zhuan);
    14. }
    15. }
    16. var qiu = new PIXI.Sprite.fromImage("res/lianxi/zhuan/qiu_32.png");
    17. app.stage.addChild(qiu);
    18. qiu.x = 270;
    19. qiu.y = 570;
    20. var a1 = 5;
    21. var a2 = 5;
    22. var b = 16+10;
    23. app.ticker.add(aaa);
    24. function aaa(){
    25. xiao();
    26. peng();
    27. }
    28. //小球移动
    29. function xiao(){
    30. qiu.x -= a1;
    31. qiu.y -= a2;
    32. if(qiu.x<=0||qiu.x>=500){
    33. a1 = -a1;
    34. }
    35. if(qiu.y<=0||qiu.y>=600){
    36. a2 = -a2;
    37. }
    38. }
    39. //碰撞
    40. function peng(){
    41. for(var i = arr.length-1;i>=0;i--){
    42. var c1 = arr[i].x-qiu.x;
    43. var c2 = arr[i].y-qiu.y;
    44. if(b*b>=(c1*c1+c2*c2)){
    45. a1 = -a1;
    46. a2 = -a2;
    47. app.stage.removeChild(arr[i]);
    48. arr.splice(i,1);
    49. }
    50. }
    51. }