查看: 2208|回复: 0

[原创] 【BPI-Webduino Smart】按键控制RGB

[复制链接]
  • TA的每日心情
    开心
    2020-2-14 12:16
  • 签到天数: 827 天

    连续签到: 1 天

    [LV.10]以坛为家III

    发表于 2017-1-2 21:55:32 | 显示全部楼层 |阅读模式
    分享到:
    接上一篇帖子
    【新提醒】四周年庆-【BPI-Webduino Smart】websocket-爱板网论坛 - 电子工程师学习交流园地 https://www.cirmall.com/bbs/thread-59458-1-1.html

    开始一直按住按键升级固件未成功,RGB没出现蓝色,不知道什么原因

    继第一个点亮RGB后,再来玩玩Blockly,就如它的名字一样,块编程
    程序编辑如下,此次使用网页互动下的按键行为模式,我选择后一直没显示按键,等了一会才出现这五个按键
    然后选择左边选择卡下的按键行为,编程如下
    51.JPG
    然后点击运行按钮。
    点击按钮1,呈绿色
    IMG_20170102_214131.jpg
    点击按钮2,呈红色
    IMG_20170102_214205.jpg
    点击按钮3,呈蓝色
    IMG_20170102_214226.jpg
    点击按钮4,呈黄色
    IMG_20170102_214307.jpg
    点击按钮5,呈粉红色
    IMG_20170102_214331.jpg
    java script程序如下
    1. var rgbled;
    2. boardReady({transport: 'websocket', url: '192.168.1.114'}, function (board) {
    3.   board.systemReset();
    4.   board.samplingInterval = 250;
    5.   rgbled = getRGBLedCathode(board, 15, 12, 13);
    6.   document.getElementById("demo-area-05-btn1").addEventListener("click",function(){
    7.     rgbled.setColor('#33cc00');
    8.   });
    9.   document.getElementById("demo-area-05-btn2").addEventListener("click",function(){
    10.     rgbled.setColor('#ff0000');
    11.   });
    12.   document.getElementById("demo-area-05-btn3").addEventListener("click",function(){
    13.     rgbled.setColor('#000099');
    14.   });
    15.   document.getElementById("demo-area-05-btn4").addEventListener("click",function(){
    16.     rgbled.setColor('#ffff00');
    17.   });
    18.   document.getElementById("demo-area-05-btn5").addEventListener("click",function(){
    19.     rgbled.setColor('#cc33cc');
    20.   });
    21. });
    复制代码

    评分

    参与人数 1 +20 收起 理由
    loveeeboard + 20

    查看全部评分

    回复

    使用道具 举报

    您需要登录后才可以回帖 注册/登录

    本版积分规则



    手机版|小黑屋|与非网

    GMT+8, 2024-4-24 05:36 , Processed in 0.121447 second(s), 17 queries , MemCache On.

    ICP经营许可证 苏B2-20140176  苏ICP备14012660号-2   苏州灵动帧格网络科技有限公司 版权所有.

    苏公网安备 32059002001037号

    Powered by Discuz! X3.4

    Copyright © 2001-2024, Tencent Cloud.