Matter.js 插件：matter-wrap（世界是圆的）

本文简介

点赞 + 关注 + 收藏 = 学会了

记得以前看爆笑校园里有一集讲到，一个人对着前面开了一枪，过了一阵子弹打中他自己的后脑勺。作者想通过这个冷笑话告诉大家一件事：地球是圆的。

在 Matter.js 世界里，默认是没有边界的，也就是说你往一个方向把物体丢出去，超过画布边界后你可能就找不回那个物体了。

如果想让 Matter.js 世界变成“圆”的，可以使用 matter-wrap 这个插件。

matter-wrap 是什么？

• matter-wrap GitHub地址

matter-wrap 官方是这样介绍自己的

This plugin allows you to automatically wrap the position of bodies and composites such that they always stay within the given bounds. Upon crossing a boundary the body will appear on the opposite side of the bounds, while maintaining its velocity. An example of this effect can be seen in the classic Asteroids and Pacman games.

简单来说，它可以让 matter.js 创建出来的场景变成一个循环的场景。当物体穿越边界后，会从另一个边界出现。同时还保存它自身的速度和其他物理特性。

再来看一个使用 matter-wrap 的具体例