Box2d碰撞检测

最新推荐文章于 2025-06-04 09:21:09 发布

原创最新推荐文章于 2025-06-04 09:21:09 发布 · 881 阅读

1 ·

CC 4.0 BY-SA版权

前端开发同时被 2 个专栏收录

68 篇文章

订阅专栏

lufylegend

1 篇文章

订阅专栏

本文介绍如何利用Box2d物理引擎和LuFyLegend框架进行H5游戏开发，通过实例展示了游戏场景的搭建，包括添加物理属性、创建动态和静态物体、设置调试模式等关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目地址：

https://dev.tencent.com/u/simplyhabit/p/H5GameDemo/git/tree/master/Box2d

lufylegend-1.10.1.min.js：

地址：

https://dev.tencent.com/u/simplyhabit/p/H5GameDemo/git/blob/master/js/lufylegend-1.10.1.min.js

Box2d是一款Js物理引擎

地址：

https://dev.tencent.com/u/simplyhabit/p/H5GameDemo/git/blob/master/Box2d/Box2d.min.js

html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/lufylegend-1.10.1.min.js"></script>
    <script src="./Box2d.min.js"></script>
    <script src="./main.js"></script>
</head>
<body>
<div id="myLegend"></div>
</body>
</html>

main.js

var loader;

init(50,"myLegend",640,480,main);

var backLayer,cLayer;

function main() {

    // 调试模式
    LGlobal.setDebug(true);
    backLayer = new LSprite();
    // console.log(LGlobal.stage)
    addChild(backLayer);

    // 创建Box2d对象
    LGlobal.box2d = new LBox2d();
    cLayer = new LSprite();

    cLayer.x = 300;
    cLayer.y = 390;

    backLayer.addChild(cLayer);
    //addBodyPolygon :  宽、高、是否动态（0不动），密度，摩擦，弹性
    // 创建矩形 当做地板
    cLayer.addBodyPolygon(600,10,0,5,0.4,0.1)

    cLayer = new LSprite();
    cLayer.x = 300;
    cLayer.y = 100;
    backLayer.addChild(cLayer);
    cLayer.addBodyPolygon(30,20,1,5,0.4,0.5);//矩形
    cLayer.addBodyCircle(10,20,5,1,5,0.4,0.3);//圆
    var shapeArray = [
        [[0,54],[27,0],[54,54]]
    ];
    cLayer.addBodyVertices(shapeArray,27,27,1,.5,.4,.5) //三角形
}