matter物理引擎模拟莲子物理垂下效果-html代码-BFW代码库

matter物理引擎模拟莲子物理垂下效果

代码语言：html

所属分类：三维

代码描述：matter物理引擎模拟莲子物理垂下效果

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<style>
canvas {
  background-color: darkblue;
  width: calc(100vw - 20px);
  height: calc(100vh - 20px);
}
</style>

</head>
<body translate="no">
<canvas id="mycanvas"></canvas>
<script type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/matter.js"></script>
<script type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/scrawl-canvas@8.1.0.js"></script>
<script type="module">
import scrawl from "https://unpkg.com/scrawl-canvas@8.1.0";

let canvas = scrawl.library.canvas.mycanvas;

let Engine = Matter.Engine,
  Render = Matter.Render,
  Runner = Matter.Runner,
  Body = Matter.Body,
  Composites = Matter.Composites,
  MouseConstraint = Matter.MouseConstraint,
  Mouse = Matter.Mouse,
  World = Matter.World,
  Bodies = Matter.Bodies;

// create Matter-js engine
let engine = Engine.create(),
  world = engine.world;

// add Matter-js bodies
let group = Body.nextGroup(true),
  particleOptions = {
    friction: 0.00001,
    collisionFilter: { group: group },
    render: { visible: false }
  },
  constraintOptions = { stiffness: 0.06 },
  cloth = Composites.softBo.........完整代码请登录后点击上方下载按钮下载查看