javascript - 碰撞不能正常工作-6ren

javascript - 碰撞不能正常工作

转载作者：行者123 更新时间：2023-11-28 15:19:41

24

4

我正在尝试通过使用 Phaser.js 的一些示例来学习使用 Phaser.js 开发 HTML5 游戏，但我在运行时遇到了一些碰撞对象的问题。当“花花公子” Sprite 与平台“地面”碰撞时，它效果很好，但是当我添加管道图像时，“花花公子” Sprite 永远不会与它发生碰撞。有什么建议么？

整个代码:

<!DOCTYPE html>
<html>
<head>
    <title>scene2</title>
</head>
<body>


<script type="text/javascript" src="./js/phaser.js"></script>
<script type="text/javascript">
var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload, create: create, update: update });

    function preload(){
     game.load.image('sky', './imgs/sky.png');
     game.load.image('ground', './imgs/platform2.png');
     game.load.image('pipe', './imgs/pipe.png');
     game.load.spritesheet('dude', './imgs/dude.png', 32, 48);
    }

    var 
    sky,
    player,
    platforms,
    pipe;

    function create(){

    game.physics.startSystem(Phaser.Physics.ARCADE);
    sky = game.add.image(0, 0, 'sky');
    sky.scale.setTo(2, 2);

    platforms = game.add.group();
    platforms.enableBody = true;
    var ground = platforms.create(0, game.world.height - 64, 'ground');
    ground.scale.setTo(500, 2);
    ground.body.immovable = true;

    pipe = game.add.sprite(32, -150, 'pipe');
    game.physics.arcade.enable(pipe);

    player = game.add.sprite(32, game.world.height - 150, 'dude');
    game.physics.arcade.enable(player);
    player.body.bounce.y = 0.2;
    player.body.gravity.y = 300;
    player.body.collideWorldBounds = true;

    player.animations.add('left', [0, 1, 2, 3], 10, true);
    player.animations.add('right', [5, 6, 7, 8], 10, true);

    }

    function update(){
        game.physics.arcade.collide(player, platforms);
        game.physics.arcade.collide(player, pipe);

        var cursors = game.input.keyboard.createCursorKeys();
        player.body.velocity.x = 0;

        if (cursors.left.isDown)
        {
        //  Move to the left
        player.body.velocity.x = -150;

        player.animations.play('left');
        }
        else if (cursors.right.isDown)
        {
        //  Move to the right
        player.body.velocity.x = 150;

        player.animations.play('right');
        }
        else
        {
        //  Stand still
        player.animations.stop();

        player.frame = 4;
        }

        //  Allow the player to jump if they are touching the ground.
        if (cursors.up.isDown && player.body.touching.down)
        {
        player.body.velocity.y = -350;
        }
    }
</script>
</body>
</html>

最佳答案

在

之前添加 game.physicals.enable(platforms, Phaser.Physics.ARCADE);

platforms = game.add.group();

这个phaser example - sprite-vs-group可能会有帮助。

关于javascript - 碰撞不能正常工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32057394/

24

4

0

文章推荐： css - 如何将元标记设置为适合屏幕作为我页面的最小宽度？

文章推荐： ios - 带有协议(protocol)的 UICollectionViewCell 动画

文章推荐： javascript - 通过选择单选按钮启动和停止 AJAX

jQuery 碰撞
我正在用 jQuery Collision 编写这个游戏，它使用键盘按键来移动 div，当一个 div 接触另一个 div 时，它应该防止重叠。我到底该怎么做？ HTML ----
Java 2D 碰撞
这个问题已经有答案了: 已关闭11 年前。 Possible Duplicate: Java 2D Collision? 嘿，大家好，我有另一篇关于这个问题的帖子刚刚消失了，所以我想我会尝试得到一些关
Java 2D 碰撞？
嘿伙计们，我正在制作一个 2D java 游戏，我正在尝试找出如何制作一个好的碰撞代码。我目前正在使用以下代码: public void checkCollision() { Rect
java - 碰撞 - 识别物体何时停止碰撞
我的意思是，当我与实体的侧面碰撞并想要跳跃时，我无法向右/向左移动，因为当我与右侧/左侧的实体碰撞时，我有一个标志可以防止这种情况发生，例如所以: 这是我用来检测碰撞的代码: public void
python - Sprite 碰撞
所以我正在运行 collide_mask 检查，以删除与玩家 Sprite 碰撞时的生物实例。它工作得很好。 pygame.sprite.spritecollide(player, mobs, Tru
2D 碰撞 - 检测侧面
我正在研究我的砖 block splinter 机，并制作一个适当的碰撞系统，以便使球逻辑地切换方向，我必须检测球与砖 block 的哪一侧碰撞。这是我当前的脚本: int sprite_collid
swift - 碰撞 --> 不要与颜色开关等任何东西发生碰撞
我做了一个类似颜色切换的游戏。唯一的问题是玩家与每种颜色发生碰撞...... 这是我从github上获取的代码: https://github.com/prometheon/MLNimbleNinja
javascript - Canvas 碰撞？
测试我的游戏，当用户和怪物发生碰撞时，我希望弹出警报但没有成功: function die() { for (var i = 0; i < monster.length; i++) { i
c++ - vector 碰撞
我对 vector 很陌生，这是我第一次真正使用它们进行碰撞检查。这是我的项目，我对如何实现碰撞感到困惑。我目前的碰撞检查和响应代码似乎是……糟糕的设计。这是我的代码: for(auto it =
javascript - Canvas 碰撞
我是 javascript 的新手，正在尝试找出如何与球和木板发生碰撞，这将停止游戏并提醒玩家“你输了”。但我只想让红球击中木板，让蓝球不接触地继续前进。这是我正在处理的代码。 (我不介意你是否可以帮
Android OnClickListener 碰撞？
很抱歉提出奇怪的问题，我还是 Android 编程的新手。我有以下代码: import android.content.DialogInterface.OnClickListener; import
iphone - UIPanGestureRecognizer 碰撞
我有 6 个 UIImageView，每个都连接到 UIPanGestureRecognizer，它们都连接到相同的方法。方法是: - (IBAction)handlePan:(UIPanGestur
python - 使用视锥体检查边界框相交/碰撞
我想根据某些对象的轴对齐边界框检查视锥体，以粗略检查这些对象是否在视野中。速度不是什么大问题。最佳答案我发现构建视锥体的世界空间模型并检查与它的 bbox 碰撞是错误的方法。一个更简单的方法是以
ios - Spritekit 碰撞
我项目中的所有这些代码都运行良好，但我遇到了一些问题。当飞机接触到屏幕的边界时，它会在接触后开始旋转。我不知道如何让它在碰到屏幕边界时不旋转。只有在我使用时才会出现这个问题: plane.physic
ios - 获取已删除实体的关系。 (碰撞)
在应用程序启动时，我在后台线程中删除旧的 CoreData 行，下面是我的代码。我的问题类似于城市街道问题。所以，我有两个实体，Street 和 City，我有一个关系 City > Street，因
ios - *碰撞*通过位掩码
我试图不接触穴居人和其他带有碰撞位掩码的图像，但我的穴居人击中了一切。 func addCaveManBitMasks(){ caveManNode.physicsBody?.category
javascript - HTML5 - 碰撞
很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开，visit the help center . 关闭 1
python - PyGame 碰撞？
如何在 PyGame 中找到字符和图像之间的碰撞？我已经从图像中绘制了一个玩家，并从瓷砖中绘制了墙壁，那么我如何检测这些碰撞？最佳答案如果你使用pygame Rect类来表示对象的边界，您可以使用
c - ftok() 碰撞
我正在使用 ftok() 为 C 应用程序使用的共享内存段生成标识符。我有问题，在一个盒子上我与 root 使用的标识符发生冲突。在这种情况下，我可以通过破解代码来修复它，但我想要一个更强大的解决方案
javascript - 与物体(墙壁)碰撞
这个问题在这里已经有了答案: JavaScript: Collision detection (10 个回答) 10 个月前关闭。检测 2 个物体(墙壁)碰撞的好方法。是的，不仅仅是检测，还有进一步

首页

博学

6Ren·AI

商城

javascript - 碰撞不能正常工作