[ Ruff 开发套件 ] Lesson 1 - SOS 求救灯

2023-10-14 23:20

本文主要是介绍[ Ruff 开发套件 ] Lesson 1 - SOS 求救灯,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

图片描述

前言

Ruff 是一个支持 JavaScript 开发应用的物联网操作系统,让物联网应用开发更简单高效。

Ruff 开发套件 是一个旨在帮助开发者快速学习使用 Ruff 的工具,并且通过 Ruff 开发套件可以快速建立产品原型。

本教程是针对 Ruff 开发套件 的使用教程,从10个外设配件起的应用开发再到驱动开发以及板卡开发,我们将从头开始一步步教大家如何使用 Ruff 开发套件

现在就拿起手边的 Ruff 开发套件 开始学习如何开发物联网应用吧!

Ruff 开发准备

在学习之前,你需要:

  • 完成 Ruff 开发板的网络设置、硬件连线,可以在起步走了解。

  • Ruff 应用开发步骤和模型,可以到这里。

Tips: 我们会对产品的硬件和软件做些改动和升级,这样可能会产生软硬件使用和本教程在某些细节上不符,请以最新软件和您购买的开发套件实际配置为准。

第一课 SOS 求救灯

我们的 Ruff 之旅从这节课正式开启!

  • 谁将登场:

    • 板载 LED 灯

    • 大按键模块

  • 你将学会:

    • 按键输入控制 Ruff 的输出

    • Ruff 中的延时函数

    • 板载 LED 灯的使用

介绍

SOS 求救灯应用中:

  • 按下按钮

  • 板载 LED 灯发出 三短光三长光三短光 的 SOS 摩斯电码求救信号。

想了解摩斯电码,可以到这里。

元件

  • Ruff 开发板 ×1

  • 大按键模块 ×1

外设添加

  • 向项目中添加名为“button”的大按键模块,model 选择 CK002,驱动版本选择最新版。
    图片描述

代码

  • 在编写代码之前需要完成 Ruff 开发板的设置连接、硬件连线。如果有疑问大家可以在这里了解。

  • 想了解 Ruff 应用开发步骤和模型,可以到这里。

闪烁

首先我们解决:如何使板载 LED 灯闪烁。

  • 检测板载 LED 灯当前是否点亮,

    • 如果点亮,关闭 LED 灯;

    • 如果关闭,点亮 LED 灯;

可以在这里进一步学习板载 LED 知识。

具体的闪烁实例代码如下:

//Led灯闪烁函数
function Blink() {if (!$('#led-r').isOn()) {$('#led-r').turnOn();}else {$('#led-r').turnOff();}
}

延时函数

在 LED 能够闪烁之后,我们再来尝试控制 LED 灯长短闪烁。

  • 长短闪烁的区别在于,每次由亮变暗和由暗变亮的延时时间长度,即调用 Blink 函数的延时时间长度。

    • 这里我们使用 setTimeout 函数实现延时,setTimeout 函数语法如下:

      • setTimeout (回调函数, 延时时间)

    • setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,setTimeout() 只执行表达式一次;

想了解更多有关 setTimeout 函数的内容,可以到这里

发出摩斯电码

再来,我们解决如何发出摩斯电码 “S” 和 “O” 信号。

  • 在摩斯电码表中,每一个英文字母由点和线的不同组合表示,我们可以通过 LED 的闪烁“拼写”出每个字母,通短闪烁和长闪烁表示点和线,比如:

    • 字母 “S” 在摩斯码中用三个点表示,这里我们用三次短闪烁代替;

    • 字母 “O” 在摩斯码中用三条线表示,这里我们用三次长闪烁代替;

    • LED 灯的闪烁通过控制灯交替亮灭实现。

  • 长短闪烁表示 “S” 和 “O” 字母实例代码如下:

//三个快闪烁来表示字母“S”
function performS() {$('#led-r').turnOn();//设置led模块亮setTimeout(Blink, 1000);//1000ms后led灭setTimeout(Blink, 2000);//2000ms后led亮setTimeout(Blink, 3000);//3000ms后led灭setTimeout(Blink, 4000);//4000ms后led亮
}
//三个慢闪烁来表示字母“O”
function performO() {$('#led-r').turnOn();setTimeout(Blink, 2000);setTimeout(Blink, 4000);setTimeout(Blink, 6000);setTimeout(Blink, 8000);
}

按键检测

有了发出摩斯电码的函数,接下来,我们可以使用 大按键 作为“开关”,控制 Ruff 发出摩斯电码。

  • 大按键模块有两种事件,分别是 push 按下事件和 release 放开事件。

  • Ruff一直检测按键模块的 push release 事件,一旦检测到信号,执行相对应的“行为”函数。

    • 在这个应用中,需要向 push 行为函数中添加发出摩斯电码“S”和“O”的函数,并设置正确长度的延时函数:

      • 0s时,先执行发摩斯电码 ”S“ 函数;

      • 5s时,灭灯;

      • 6s时,执行发摩斯电码 ”O“ 函数;

      • 16s时,灭灯;

      • 17s时,执行送摩斯电码 ”S“ 函数;

      • 22s时,灭灯;

前往Ruff-大按键模块,可以进一步学习大按键模块的知识。

利用大按键控制发出 S.O.S 信号的具体实现如下:

//在‘button’按下时运行函数
$('#button').on('push', function () {performS(); setTimeout(function () { $('#led-r').turnOff(); }, 5000);setTimeout(performO, 6000);setTimeout(function () { $('#led-r').turnOff(); }, 16000);setTimeout(performS, 17000);setTimeout(function () { $('#led-r').turnOff(); }, 22000);
});

最后,

  • 将大按键控制函数放到 $.ready 事件下;

  • 摩斯电码发出函数和闪烁函数放在后面。

大功告成!

快去自己动手实现吧!

完整代码

'use strict';//Led灯闪烁函数
function Blink() {if (!$('#led-r').isOn()) {$('#led-r').turnOn();}else {$('#led-r').turnOff();}
}//三个快闪烁来表示字母“S”
function performS() {$('#led-r').turnOn();//设置led模块亮setTimeout(Blink, 1000);//1000ms后led灭setTimeout(Blink, 2000);//2000ms后led亮setTimeout(Blink, 3000);//3000ms后led灭setTimeout(Blink, 4000);//4000ms后led亮
}//三个快闪烁来表示字母“O”
function performO() {$('#led-r').turnOn();//设置led模块亮setTimeout(Blink, 2000);setTimeout(Blink, 4000);setTimeout(Blink, 6000);setTimeout(Blink, 8000);
}$.ready(function (error) {if (error) {console.log(error);return;}//在‘button’按下时运行函数$('#button').on('push', function () {performS();setTimeout(function(){$('#led-r').turnOff();}, 5000);setTimeout(performO, 6000);setTimeout(function(){$('#led-r').turnOff();}, 16000);setTimeout(performS, 17000);setTimeout(function(){$('#led-r').turnOff();}, 22000);});
});

课后练习

按键抢答器

使用三个按键模块和两个板载LED灯。

  • 如果按键 A 按下,板载蓝灯(led-b)亮;

  • 按键 B 按下,板载红灯(led-r)亮;

  • 按键 C 用于重置抢答器,C 键按下,两灯都灭;

  • 按键 A 或 B 按下后,直到按下按键 C 重置抢答器,即使另一按键按下,两LED 灯也不会有变化。

Let's Ruff On !

这篇关于[ Ruff 开发套件 ] Lesson 1 - SOS 求救灯的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/213822

相关文章

使用Python开发一个简单的本地图片服务器

《使用Python开发一个简单的本地图片服务器》本文介绍了如何结合wxPython构建的图形用户界面GUI和Python内建的Web服务器功能,在本地网络中搭建一个私人的,即开即用的网页相册,文中的示... 目录项目目标核心技术栈代码深度解析完整代码工作流程主要功能与优势潜在改进与思考运行结果总结你是否曾经

Spring Boot + MyBatis Plus 高效开发实战从入门到进阶优化(推荐)

《SpringBoot+MyBatisPlus高效开发实战从入门到进阶优化(推荐)》本文将详细介绍SpringBoot+MyBatisPlus的完整开发流程,并深入剖析分页查询、批量操作、动... 目录Spring Boot + MyBATis Plus 高效开发实战:从入门到进阶优化1. MyBatis

Python基于wxPython和FFmpeg开发一个视频标签工具

《Python基于wxPython和FFmpeg开发一个视频标签工具》在当今数字媒体时代,视频内容的管理和标记变得越来越重要,无论是研究人员需要对实验视频进行时间点标记,还是个人用户希望对家庭视频进行... 目录引言1. 应用概述2. 技术栈分析2.1 核心库和模块2.2 wxpython作为GUI选择的优

利用Python开发Markdown表格结构转换为Excel工具

《利用Python开发Markdown表格结构转换为Excel工具》在数据管理和文档编写过程中,我们经常使用Markdown来记录表格数据,但它没有Excel使用方便,所以本文将使用Python编写一... 目录1.完整代码2. 项目概述3. 代码解析3.1 依赖库3.2 GUI 设计3.3 解析 Mark

利用Go语言开发文件操作工具轻松处理所有文件

《利用Go语言开发文件操作工具轻松处理所有文件》在后端开发中,文件操作是一个非常常见但又容易出错的场景,本文小编要向大家介绍一个强大的Go语言文件操作工具库,它能帮你轻松处理各种文件操作场景... 目录为什么需要这个工具?核心功能详解1. 文件/目录存javascript在性检查2. 批量创建目录3. 文件

基于Python开发批量提取Excel图片的小工具

《基于Python开发批量提取Excel图片的小工具》这篇文章主要为大家详细介绍了如何使用Python中的openpyxl库开发一个小工具,可以实现批量提取Excel图片,有需要的小伙伴可以参考一下... 目前有一个需求,就是批量读取当前目录下所有文件夹里的Excel文件,去获取出Excel文件中的图片,并

基于Python开发PDF转PNG的可视化工具

《基于Python开发PDF转PNG的可视化工具》在数字文档处理领域,PDF到图像格式的转换是常见需求,本文介绍如何利用Python的PyMuPDF库和Tkinter框架开发一个带图形界面的PDF转P... 目录一、引言二、功能特性三、技术架构1. 技术栈组成2. 系统架构javascript设计3.效果图

基于Python开发PDF转Doc格式小程序

《基于Python开发PDF转Doc格式小程序》这篇文章主要为大家详细介绍了如何基于Python开发PDF转Doc格式小程序,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 用python实现PDF转Doc格式小程序以下是一个使用Python实现PDF转DOC格式的GUI程序,采用T

使用Python开发一个图像标注与OCR识别工具

《使用Python开发一个图像标注与OCR识别工具》:本文主要介绍一个使用Python开发的工具,允许用户在图像上进行矩形标注,使用OCR对标注区域进行文本识别,并将结果保存为Excel文件,感兴... 目录项目简介1. 图像加载与显示2. 矩形标注3. OCR识别4. 标注的保存与加载5. 裁剪与重置图像

Android开发中gradle下载缓慢的问题级解决方法

《Android开发中gradle下载缓慢的问题级解决方法》本文介绍了解决Android开发中Gradle下载缓慢问题的几种方法,本文给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录一、网络环境优化二、Gradle版本与配置优化三、其他优化措施针对android开发中Gradle下载缓慢的问