2d-bounding-box 中文文档教程

Question

simple 2d bounding box library

请注意，这仍处于 alpha 阶段，可能包含很多错误。 如果遇到错误，请提出问题。

使用它：

let BoundingBox = require('2d-bounding-box');

let bb_create = new BoundingBox( min_x, min_y, max_x, max_y, [origin_type]);

有时你已经有了一个具有特定宽度和高度的实体，你希望 无需根据此生物的尺寸创建边界框 自己计算正确的位置。

重要的是，对于这些计算，您定义了您的来源 实体是。 它是否位于决定位置的实体中间 或实体周围的任何地方，例如左下角。

let bb_from_entity = BoundingBox.create( origin_type, position_x, position_y, width, height);

对于原点类型，有 9 种可能的选项：

BoundingBox.ORIGIN_CENTER;
BoundingBox.ORIGIN_LEFT_BOTTOM;
BoundingBox.ORIGIN_RIGHT_BOTTOM;
BoundingBox.ORIGIN_CENTER_BOTTOM;
BoundingBox.ORIGIN_LEFT_CENTER;
BoundingBox.ORIGIN_LEFT_TOP;
BoundingBox.ORIGIN_CENTER_TOP;
BoundingBox.ORIGIN_RIGHT_TOP;
BoundingBox.ORIGIN_RIGHT_CENTER;

如果您需要更多选项，您必须自己计算偏移量，然后 通过 new BoundingBox(...) 方法实例化边界框。

请参阅演示目录中的 demobasicbb.html 文件以获取示例。

如果你想摆弄 demobasic.js 文件重新编译它 gulp less browserify 在刷新演示basic_bb.html 文件之前。