javascript - Minimal Matter.js 示例:Engine.run 不是函数
问题描述
我从Matter.js 库的入门部分复制了代码,但是发生了 Uncaught TypeError: "Engine.run is not a function"。我在网上到处搜索,但没有任何帮助。作为预防措施,我添加了一个事件侦听器,以便在加载所有内容后运行代码。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.9.2/matter.min.js" type="text/javascript"></script>
<title>Matter.js example</title>
</head>
<body>
<script type="text/javascript">
window.addEventListener("load",init);
function init() {
// module aliases
var Engine = Matter.Engine,
Render = Matter.Render,
Bodies = Matter.Bodies,
Composite = Matter.Composite;
// create an engine
var engine = Engine.create();
// create a renderer
var render = Render.create({
element: document.body,
engine: engine
});
// create two boxes and a ground
var boxA = Bodies.rectangle(400, 200, 80, 80);
var boxB = Bodies.rectangle(450, 50, 80, 80);
var ground = Bodies.rectangle(400, 610, 810, 60, { isStatic: true });
// add all of the bodies to the world
Composite.add(engine.world, [boxA, boxB, ground]);
// run the engine
Engine.run(engine);
// run the renderer
Render.run(render);
}
</script>
</body>
</html>
请问,我做错了什么?
解决方案
您使用了错误版本的 matter-js 库,请尝试使用最新版本。我刚试过0.15.0,它工作正常。
matter-js >=0.10.0
有支持Render.run()
。请确保您用于支持的功能的版本。
window.addEventListener("load",init);
function init() {
// module aliases
var Engine = Matter.Engine,
Render = Matter.Render,
Runner = Matter.Runner,
Bodies = Matter.Bodies,
Composite = Matter.Composite;
// create an engine
var engine = Engine.create();
// create a renderer
var render = Render.create({
element: document.body,
engine: engine
});
// create two boxes and a ground
var boxA = Bodies.rectangle(400, 200, 80, 80);
var boxB = Bodies.rectangle(450, 50, 80, 80);
var ground = Bodies.rectangle(400, 610, 810, 60, { isStatic: true });
// add all of the bodies to the world
Composite.add(engine.world, [boxA, boxB, ground]);
// run the engine
Runner.run(engine);
// run the renderer
Render.run(render);
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.17.0/matter.min.js" type="text/javascript"></script>
<title>Matter.js example</title>
</head>
<body>
</body>
</html>
推荐阅读
- php - php中的while循环后for循环不起作用
- flutter - 重复的命名参数 - 如何在颤动的身体中添加一个以上的孩子?
- sql - SQL过滤两个不同条件的聚合函数
- django - 如何区分Django中同名的模块
- java - 重复加载相同的图像并将其保存到文件系统会改变图像的数据
- python - 在一个运行时第二次调用后,cythonize 不会重新编译修改后的 pyx 文件
- deep-learning - MLP 32 个隐藏单元有多少总参数,包括权重和偏差?
- java - 了解配置文件中的主要注释
- ios - Objective-C 外部常量属性到 Swift 枚举的转换
- authentication - 使用 PKCE 提供 OAuth2 身份验证的 React Native 库