html5画布对象碰撞和物理-Java 学习之路

我正在制作一个简单的html5平台游戏，构建以前的游戏，但遇到了碰撞和物理问题 . 下面是关于地板及其如何处理碰撞的代码示例 . 完整的代码在这里 . http://www.ambitiongames.co.uk/dev/game.php游戏在这里http://www.ambitiongames.co.uk/dev/

我遇到的问题是碰撞是基于事件的抓取，有时让玩家不在地板上 .

此外，由于跳跃和下降的工作方式，没有重力，这意味着玩家可以简单地跳上更高的壁架，然后走向空中 .

什么是 Build 永久重力的好方法？

什么是与地板或其他物体相互作用/碰撞的好方法？

that.draw = function(){  
            try {  
                ctx.drawImage(that.image, that.x, that.y, that.width, that.height);  
                } catch (e) {  
                }  
        } 
        return that;  
    };

    var nrOffloors = 40,   
        floors = [],  
        floorWidth = 20,  
        floorHeight = 40;  
        var generatefloor = function(){  

            for (var i = 0; i < 10; i++) {  
                floors[i] = new Floor(i * 20,280);   
            } 
            for (var i = 10; i < 12; i++) {  
                floors[i] = new Floor(i * 20,260);   
            } 
        }();

    var checkCollisionfloor = function(){  
        floors.forEach(function(e, ind){  
            if (   
                (player.X < e.x + floorWidth) &&   
                (player.X + player.width > e.x) &&   
                (player.Y + player.height > e.y) &&   
                (player.Y + player.height < e.y + floorHeight)  

                ) {  
                    e.onCollide();  
                } 
        });     
    }

1 回答

1

您可以尝试像Box2D.js这样的库 . 它处理从碰撞检测到重力的所有事情 .

看看它的演示 .

回复于 2024-04-29T00:45:51+08:00

html5画布对象碰撞和物理

1 回答

相关问题