vue引入物理引擎matter.js

在 Vue 项目中集成 Matter.js 物理引擎的步骤如下：

1. 安装 Matter.js

npm install matter-js
# 或
yarn add matter-js

2. 创建 Vue 组件

<template>
  <div ref="physicsContainer" class="physics-container"></div>
</template>

<script setup>
import {
      onMounted, ref, onUnmounted } from 'vue';
import Matter from 'matter-js';

const {
     
  Engine,
  Render,
  Runner,
  Bodies,
  Composite,
} = Matter;

// 容器引用
const physicsContainer = ref(null);

let engine;
let render;
let runner;

onMounted(() => {
     
  // 初始化引擎
  engine = Engine.create