添加Matter.js方法参照：https://mp.csdn.net/postedit/98217262

布ts源码

var Matter: any;
var LayaRender: any;module laya {import Sprite = Laya.Sprite;import Stage = Laya.Stage;import Browser = Laya.Browser;import Stat = Laya.Stat;import WebGL = Laya.WebGL;import Render = Laya.Render;export class Physics_Cloth {private stageWidth: number = 800;private stageHeight: number = 600;private Matter: any = Browser.window.Matter;private LayaRender: any = Browser.window.LayaRender;private mouseConstraint: any;private engine: any;constructor() {// 不支持WebGL时自动切换至CanvasLaya.init(this.stageWidth, this.stageHeight, WebGL);Laya.stage.alignV = Stage.ALIGN_MIDDLE;Laya.stage.alignH = Stage.ALIGN_CENTER;Laya.stage.scaleMode = "showall";Laya.stage.bgColor = "#232628";Stat.show();this.setup();}private setup(): void {this.initMatter();this.initWorld();Laya.stage.on("resize", this, this.onResize);}private initMatter(): void {var gameWorld: Sprite = new Sprite();Laya.stage.addChild(gameWorld);// 初始化物理引擎this.engine = Matter.Engine.create({ enableSleeping: true });Matter.Engine.run(this.engine);var render = this.LayaRender.create({ engine: this.engine, container: gameWorld, width: this.stageWidth, height: this.stageHeight, options: { wireframes: false } });this.LayaRender.run(render);this.mouseConstraint = Matter.MouseConstraint.create(this.engine, { element: Render.canvas });Matter.World.add(this.engine.world, this.mouseConstraint);render.mouse = this.mouseConstraint.mouse;}private initWorld(): void {// 创建游戏场景var group: any = Matter.Body.nextGroup(true);var particleOptions: any = { friction: 0.00001, collisionFilter: { group: group }, render: { visible: false } };var cloth: any = Matter.Composites.softBody(200, 200, 20, 12, 5, 5, false, 8, particleOptions);for (var i: number = 0; i < 20; i++) {cloth.bodies[i].isStatic = true;}Matter.World.add(this.engine.world,[cloth,Matter.Bodies.circle(300, 500, 80, { isStatic: true }),Matter.Bodies.rectangle(500, 480, 80, 80, { isStatic: true })]);}private onResize() {// 设置鼠标的坐标缩放Matter.Mouse.setScale(this.mouseConstraint.mouse,{x: 1 / (Laya.stage.clientScaleX * Laya.stage._canvasTransform.a),y: 1 / (Laya.stage.clientScaleY * Laya.stage._canvasTransform.d)});}}
}
new laya.Physics_Cloth();

Laya1.0Matter.js之布相关推荐

狼叔：如何正确的学习Node.js
1. [知乎Live]狼叔:如何正确的学习Node.js 预览地址 i5ting.github.io/How-to-lear- Live 简介你好,我是 i5ting ,江湖人称「狼叔」,目前是阿里 ...
大咖说*图书分享-Node布道师狼叔｜三卷书详解Node.js
狼书系列图书以Node.js为主,讲解了Node.js的基础知识.开发调试方法.源码原理和应用场景等内容,旨在向读者展示如何通过新的Node.js和npm编写出更具前端特色.更具工程化优势的代码. 嘉 ...
【知乎Live】狼叔：如何正确的学习Node.js
2019独角兽企业重金招聘Python工程师标准>>> Live 简介你好,我是 i5ting ,江湖人称「狼叔」,目前是阿里巴巴技术专家,斯达克学院( StuQ )明星讲师, N ...
如何正确学习 Node.js
2017-12-14 我发了一篇文章<没用过Node.js,就别瞎逼逼>是因为有人在知乎上黑Node.js.那篇文章的反响还是相当不错的,甚至连著名的hax贺老都很认同,下班时读那篇文章, ...
DockOne微信分享（六十九）：微服务选型之Modern Node.js
本文讲的是DockOne微信分享(六十九):微服务选型之Modern Node.js[编者的话]目前Node.js的发展非常快,大家可能还停留在:Node.js性能很好,Node.js里都是回调,写起 ...
不四：产品工程师的修炼之路
简介:我是不四,毕业后一直在阿里和蚂蚁工作,不四是我在阿里的花名,社区中一般以另一个花名 "死马" 出现.每一个人的成长轨迹都不一样,一路上遇到的机遇也各不相同,这次分享也仅站在一 ...
前端智能化实践（附：D2 前端技术论坛 PPT 合集）
大家好,我们是来自阿里巴巴淘系技术部的狼叔.卓风.感谢 D2 组委会,让我们有机会在这里分享,关于<前端智能化实践-- P2C 从需求文档生成代码>. 淘系技术微信公众号后台回复「D2」即 ...
【LowCode Talk】前端大佬姚老师、狼叔怎么看：低代码会让程序员失业？
全球知名研究机构 Forrester,中国公司的商业及技术决策者在数字化转型过程中优先考虑低代码技术.58% 的人正在采用低代码平台和工具进行软件开发,16% 的人正计划这样做.低代码平台与人工智能. ...
大前端时代，如何做好C 端业务下的React SSR？\n
React在中后台业务里已经很好落地了,但对于C端(给用户使用的端,比如PC/H5)业务有其特殊性,对性能要求比较苛刻,且有SEO需求.另外团队层面也希望能够统一技术栈,小伙伴们希望成长,那么如何能够 ...

Laya1.0Matter.js之布

添加Matter.js方法参照：https://mp.csdn.net/postedit/98217262

布ts源码

Laya1.0Matter.js之布相关推荐

最新文章

热门文章