写在前面

Composites.newtonsCradle()为内置函数，可以生产牛顿摆。

1.构造牛顿摆

var newtonC=Composites.newtonsCradle(600,100,7,50,500);

参数分析。前两个参数为第一个摆的悬挂点的横纵坐标值，7为摆球数量，50为摆球半径，500为悬挂绳的长度。

2.添加鼠标控制

var mouseConstraint=MouseConstraint.create(engine,{});

3.最终效果

4.代码全文

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>test</title><script src="../build/matter.js"></script><script src="../demo/lib/jquery-1.11.0.min.js"></script><style>body{margin:0;overflow: hidden;}</style>
</head>
<body>
<script>var Engine=Matter.Engine,Render=Matter.Render,World=Matter.World,Bodies=Matter.Bodies,Composites=Matter.Composites,MouseConstraint=Matter.MouseConstraint;var engine=Engine.create(),world=engine.world,render=Render.create({engine:engine,element:document.body,options:{width:$(window).width(),height:$(window).height(),wireframes:false}});Engine.run(engine);Render.run(render);var newtonC=Composites.newtonsCradle(600,100,7,50,500);var mouseConstraint=MouseConstraint.create(engine,{});World.add(world,[newtonC,mouseConstraint]);
</script>
</body>
</html>

matter.js学习笔记（八）--Composites.newtonsCradle()制造牛顿摆相关推荐

Vue.js 学习笔记八 v-for
v-for指令,是用来循环的,常用的情况有以下4种 <div id="divApp"><p v-for="n in 5 ...
Vue.js 学习笔记九 v-if和v-show
<p v-if="flag">v-if</p><p v-show="flag">v-show</p> flag是 ...
three.js学习笔记(十八)——调整材质
介绍到现在为止,我们都在创建新的着色器材质,但是如果我们想要修改一个Three.js内置的材质呢?或许我们对MeshStandardMaterial的处理结果感到满意,但是希望往里边添加顶点动画. ...
ReactJS学习笔记八：动画
ReactJS学习笔记八:动画分类: react学习笔记 javascript2015-07-06 20:27 321人阅读评论(0) 收藏举报 react动画目录(?)[+] 这里只讨论Re ...
ArcGIS JS 学习笔记4 实现地图联动
原文:ArcGIS JS 学习笔记4 实现地图联动 1.开篇守望屁股实在太好玩了,所以最近有点懒,这次就先写个简单的来凑一下数.这次我的模仿目标是天地图的地图联动. 天地的地图联动不仅地图有联动,而 ...
backbone.js学习笔记
backbone.js学习笔记之前只接触过jQuery,看来Backbone是除了jQuery的第二大JS框架... backbone到底是个啥? 其实刚开始我也不知道=_=,我是这周二才听说居然还 ...
node.js学习笔记
# node.js学习笔记标签(空格分隔): node.js---## 一内置模块学习 ### 1. http 模块 ``` //1 导入http模块 const http =require('ht ...
node.js学习笔记14—微型社交网站
node.js学习笔记14-微型社交网站 1.功能分析微博是以用户为中心,因此需要有注册和登录功能. 微博最核心的功能是信息的发表,这个功能包括许多方面,包括:数据库访问,前端显示等. 一个完整的微 ...
WebGL three.js学习笔记 6种类型的纹理介绍及应用
WebGL three.js学习笔记 6种类型的纹理介绍及应用本文所使用到的demo演示: 高光贴图Demo演示反光效果Demo演示(因为是加载的模型,所以速度会慢) (一)普通纹理计算机图形学 ...
【opencv学习笔记八】创建TrackBar轨迹条
createTrackbar这个函数我们以后会经常用到,它创建一个可以调整数值的轨迹条,并将轨迹条附加到指定的窗口上,使用起来很方便.首先大家要记住,它往往会和一个回调函数配合起来使用.先看下他的函数 ...

matter.js学习笔记（八）--Composites.newtonsCradle()制造牛顿摆

写在前面

1.构造牛顿摆

2.添加鼠标控制

3.最终效果

4.代码全文

matter.js学习笔记（八）--Composites.newtonsCradle()制造牛顿摆相关推荐

最新文章

热门文章