媒介

近来听到有小伙伴们对ruff感兴趣，我也随着加入了大军中，本篇文章展现了ruff的开辟套件，以及入手后的小demo，后续延续更新
参考文献
ruff官网
ruff思否首页

开箱

犹如ruff官网展现的配件以下

上手

ruff官方API

• 我开辟时运用的是windows体系，所以下载 Ruff SDK 1.11.10 (Windows-64bit): msi 安装包
• 建立项目文件，在当前目次实行下面敕令

    # 检察版本号 （初次安装好MSI假如实行下面敕令不胜利，能够尝试重启电脑）
    rap --version
    # 初始化 Ruff 运用
    rap init  

• init后会建立项目工程，运用编辑器翻开由 rap 自动天生的 src/index.js js文件举行编写代码，详细能够参照下文demo，或许官网
• 将 Ruff 开辟板上的 USB 接口与 USB 电源线衔接，开辟板胜利启动后，会搭建一个名为Ruff_[]的无线热门
• 衔接这个无线热门后，实行项目布置，实行下面敕令

    #项目布置
    rap deploy -s

• 赤色板载 LED 点亮后示意已运转胜利

• 主板运转起来后，最先好玩的东西，就是增加差别外设（外设就是图一的配件）
• 增加外设

    #增加botton外设
    rap device add button
    
    #CK002为外设型号 外设型号包装上有写 详见上文图三
    ? model: *CK002*
    
    #增加LED外设  下文DEMO须要用到LED外设，所以我这边提早增加，流程参考上方
    rap device add led

• 增加后最先举行硬件规划，这时候记得将主板断电

    #硬件举行规划和衔接撒旦
    rap layout
    
    #检察硬件规划的可视图(不懂的外设怎样装，能够看看这个)
    rap layout --visual

• 布置

    #最先布置
    rap deploy -s
    #检察日记
    rap log

七彩轮回灯

ruff七彩轮回灯

// 做了个按下botton外设，led外设 轮回闪灼色彩，松开botton外设，住手led灯的小demo
$.ready(function (error) {
    if (error) {
        console.log(error);
        return;
    }

    const color = {
        red: 0xff0000,
        blue: 0x0000ff,
        green: 0x00ff00,
        purple: 0xff00ff,
        cyan: 0x00ffff,
        yellow: 0xffff00,
        white: 0x000000
    };
    
    const light = function(){
        setInterval(function () {
            $('#led').setRGB(color.blue);
          
            setTimeout(function () {
                $('#led').setRGB(color.green);
            }, 100);
            setTimeout(function () {
                $('#led').setRGB(color.cyan);
            }, 200);
            setTimeout(function () {
                $('#led').setRGB(color.red);
            }, 300);
            setTimeout(function () {
                $('#led').setRGB(color.purple);
            }, 400);
            setTimeout(function () {
                $('#led').setRGB(color.yellow);
            }, 500);
            setTimeout(function () {
                $('#led').setRGB(color.white);
            }, 600)
        }, 30);
    }
    // 在 `#button` 按下时点亮 `#led-r`.
    $('#button').on('push', function () {
        console.log('Button pushed.');
        light();
        $('#led-r').turnOn();
    });

    // 在 `#button` 开释时燃烧 `#led-r`.
    $('#button').on('release', function () {
        console.log('Button released.');
        clearInterval(light);
        $('#led-r').turnOff();
    });
});

终究效果图