介绍
@beardicus/line-us 是一个可以控制 Line-us 机器人的 npm 包。Line-us 是一款连接手机手机和机器人的机器，可以通过蓝牙实现远程控制。通过 npm 包 @beardicus/line-us 可以实现在前端页面即时控制 Line-us 机器人。
安装
在项目的根目录下，运行以下命令：
npm install @beardicus/line-us --save
使用
引入
在需要使用 Line-us 的文件中，引入 @beardicus/line-us 模块：
import LineUs from '@beardicus/line-us';
初始化
创建 LineUs 实例：
const lineUs = new LineUs();
坐标系
Line-us 的坐标系与网页的坐标系有所不同。机器人的坐标系原点在机器人上方，而网页的坐标系原点在左上方。
在使用 @beardicus/line-us 控制机器人前，需要先了解机器人的坐标系。
通过以下代码可获取 Line-us 坐标系原点位置：
const origin = lineUs.getOrigin();
绘图
让机器人绘制一条直线：
lineUs.drawLine({ x: 100, y: 100 }, { x: 200, y: 200 });
从当前位置绘制一条相对位置的直线：
lineUs.drawLineRelative({ x: 100, y: 100 });
让机器人移动到指定位置：
lineUs.moveTo({ x: 200, y: 200 });
从当前位置移动到相对位置：
lineUs.moveRelative({ x: 100, y: 100 });
颜色
使用 Line-us 绘图时，可以指定颜色。
获取机器人的当前颜色：
lineUs.getColor();
设置机器人的颜色：
lineUs.setColor({ r: 255, g: 0, b: 0 });
笔的状态
改变机器人笔的状态，让机器人停止（笔停留在纸上）或者起笔（笔离开纸面）。
停止：
lineUs.penDown();
起笔：
lineUs.penUp();
清除画布
清除机器人上的绘图。
lineUs.clear();
示例
在示例中，我们将绘制一条直线和一个矩形。
-- -------------------- ---- ------- ------ ------ ---- --------------------- ----- ------ - --- --------- -- ---- ------ ----------- --- - -- - - - ---------------------------------------------------------- ----- ------ - - -- - -- -- ------ --------------- -- --- -- --- --- ----------------- ------------------------- -- ---- -- - --- -- ------ --------------- -- --- -- --- --- ----------------- ------------------------- -- ---- -- - --- ------------------------- -- -- -- -- --- ------------------------- -- ----- -- - --- ------------------------- -- -- -- --- --- -- ---- ------------- -- - --------------- -- ------展开代码
结论
@beardicus/line-us 是一个方便的 npm 包，可以帮助我们控制 Line-us 机器人。通过掌握该包的使用方法，可以实现机器人在前端页面的即时控制。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/92506
