掌控板+Mixly+MixIO 初试物联网1-摇杆篇

已于 2024-01-25 14:18:00 修改
阅读量7.1k 收藏 31
点赞数 3
分类专栏： 掌控板 mixly MixIO 文章标签： 物联网 嵌入式硬件
于 2022-11-30 00:10:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/c20140729/article/details/127939702
版权
本文介绍了如何利用掌控板、Mixly IDE和MixIO平台创建一个物联网远程摇杆控制系统。首先在MixIO上新建项目并添加摇杆组件，然后在Mixly中选择掌控板和mPython内核，建立MQTT连接。通过编程和烧录，实现了摇杆的远程控制，能够获取X、Y坐标，并可用于控制电机等设备的移动方向。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

掌控板+Mixly+MixIO（物联网小试）

在了解掌控板和Arduino一些硬件之后想了解一下物联网。

准备：

掌控板: 基于esp32的主控，支持mpython，兼容米思齐mixly IDE
mixly软件: 米思齐团队研发的图形化与代码编程结合的IDE
MixIO: 同样是米思齐团队开发的类似MQTT支持数据上传下发的云平台

关于掌控板查看之前博文
mixly官网下载
前往注册MixIO

一、在MixIO中新建项目

登录mixio,创建项目和进行项目管理
在这里插入图片描述
重点记下 项目名、账号名和密钥！！！

项目详细

点击右下角进入组件创建界面
在这里插入图片描述
添加一个摇杆控件，填写名称和主题名，至此完成了MIxIO端的创建
在这里插入图片描述

在这里插入图片描述

二、在mixly IDE中编写程序烧录进掌控板

将掌控板连接到电脑，打开mixly-IDE

mixly现在支持常见的Arduino系列、乐鑫ESP32/8266等，打开软件选择相应的主板类型，选择错误的话会缺少功能模块
在这里插入图片描述

进入软件右上角选择板类型内核，这里是掌控板，所以选mpython
在这里插入图片描述
点击物联网 》MixIO，创建MQTT连接
在这里插入图片描述

三、实现远程摇杆遥控

编写程序并烧录到掌控板中
在这里插入图片描述
编译并运行程序，左边浏览器进入刚刚创建的摇杆，点击右上角运行，mixlyIDE这边打开串口监视器即可看到打印出来的XY坐标
在这里插入图片描述
同时在浏览器这边的mixIO中的数据板块可以看到鼠标拖动摇杆后实时的数据
在这里插入图片描述
至此已经完成了解了如何搭配MixIO+mixlyIDE+掌控板制作一个简单的远程摇杆功能，通过获取到的X，Y坐标可以加一点编程来实现掌控板控制外接电机从而控制一些机器的移动方向。
其他控件操作原理基本类似。

【雕爷学编程】MicroPython动手做（27）——物联网之掌控板小程序
雕爷学编程
08-01 2577
微信小程序也是这么多年来中国IT行业里一个真正能够影响到普通程序员的创新成果，已经有超过150万的开发者加入到了微信小程序的开发，与我们一起共同发力推动微信小程序的发展，微信小程序应用数量超过了一百万，覆盖200多个细分的行业，日活用户达到两个亿，微信小程序还在许多城市实现了支持地铁、公交服务。同时掌控板上集成了OLED显示屏、RGB灯、加速度计、麦克风、光线传感器、蜂鸣器、按键开关、触摸开关、金手指外部拓展接口，支持图形化及MicroPython代码编程，可实现智能机器人、创客智造作品等智能控制类应用。
基于掌控板及SIoT平台的Web物联网控制系统
weixin_45616775的博客
04-29 2038
基于掌控板及SIoT平台的Web物联网控制系统一、Web控制1、准备工作2、SIoT的使用3、mPythonX编程4、制作Web控制页面 一、Web控制 1、准备工作 1）主要的硬件：掌控板、micro:bit掌控I/O扩展板…； 可以在dfrobot商城购买，并可在商品详情页面的相关文档下的产品维库中查看相关的资料。地址：https://www.dfrobot.com.cn 2）软件：SIoT、mPythonX（Mind+）、代码编辑器（如Notepad++、Visual Studio Code、Su
ESP8266+Mixly+MIXIO+物联网小试2-DHT11温湿度
好乐无荒之地
01-25 2144
本篇主要使用esp8266将温湿度数据发送到平台MIXIO，有关更细节的Mixly和MIXIO等设置参见上篇。
MixIO平台初体验
moshanghuaw的博客
12-18 8855
前言： MixIO是米思奇官网推出的一个类似于Blynk和MQTT结合的一个平台，可以通过此平台来实现数据的上传和下发，也可以通过平台中的组件控制开发板 mixio逻辑视图APIhttp://mixio.mixly.org/dev.php#rgb 一、注册 首先打开MixIO的网站：http://mixio.mixly.org 进入之后首先注册一个账号 进入之后首先创建一个项目 可以点击左侧的这个眼睛来查看密码，这一串密码可以先复制出来，待会会要用上 项目创建完之后，点击这个绿...
Mixly软件——傻瓜式编程，让编程入门变得简单
最新发布
gitblog_06791的博客
04-12 278
Mixly软件——傻瓜式编程，让编程入门变得简单 【下载地址】Mixly软件傻瓜式编程让编程入门变得简单 Mixly软件，又称傻瓜式编程工具，是专为编程初学者设计的编程软件。它以直观易懂的操作界面，帮助新手轻松上手编程，让学习变得更加简单有趣。Mixly涵盖了编程基础知识和常用语法，用户只需拖拽模块即可快速编写程序。通过...
MixIO详细教程Mixly图形化编程齐护机器人Arduino与Micropython 物联网平台
热门推荐
fengydongdong的博客
02-03 1万+
MixIO是米思齐（Mixly）官方推出的一个类似于Blynk和MQTT结合的开源平台，旨在为自主可控信息科技教育提供物联网服务器端应用。通过这个平台，用户可以轻松实现在线数据的上传和下发，并利用平台中的组件控制开发板。此外，用户还可以在线对组件逻辑功能进行图形化编程，底层显示代码为Micropython。作为物联网应用编程的优秀开源平台，MixIO适用于中小学生教育及编程爱好者的学习与研究。
Mixly摇杆控制四自由度机械手.mix
12-10
利用Mixly图形化编程工具，编写PS2摇杆控制四自由度机械手。通过米思齐控制四轴机械臂舵机动作源程序，适合实时控制四轴运动模式的机械手。
掌控板+麦轮，Mixly + Blynk，让你的麦轮战甲嗨炸全场！
铁熊玩创客
09-11 5952
掌控板+麦轮，Mixly + Blynk，让你的麦轮战甲嗨炸全场！ 随着大疆 RoboMaster S1 麦克纳姆轮（下文简称"麦轮"）战车的推出，在创客教育圈掀起了一股麦克纳姆轮战车 DIY 飙车的浪潮。在这之前我也 DIY 设计过的一辆萌宠版的麦轮小车麦熊战车，也得到了比较高的阅读量，可以点击下方图片，查看制作教程。 麦熊虽萌，可惜没有战斗力，对于麦轮战车来说好像缺了点什么。幸好这次有创客...
基于掌控板和SIoT平台实现响应式web对接物联网MQTT应用
Huangxianlong的博客
04-25 957
基于掌控板和SIoT平台实现响应式Web对接物联网MQTT应用 SIoT 是一款简单易用的 MQTT 服务器软件，也是“虚谷物联”项目的核心软件之一。SIoT 不用安装，也不用注册、设置，一键运行后，其他物联网设备（如掌控板）按照一定的规范接入即可正常使用。正因为这一点，SIoT 得到创客老师们的热捧，成为中小学物联网教学的重要支撑软件。 本项目基于掌控板和SIoT平台实现了响应式web对接物联网，可以在远程Web端来进行设备的开关。 一、SIoT的工作流程 SIoT 运行后，会启动两种网络服务，一是 MQ
掌控板教程 | 让掌控板像 Mixly 串口监视器一样绘图
铁熊玩创客
06-17 1422
全文约1500字，阅读时间5分钟起因事情的缘由是这样的，早上掌控板群里有老师讨论到掌控板能不能像 Mixly 串口监视器一样绘图，如下图所示：解决方案感觉是个蛮有意思的挑战，而且最近又在学...
重庆大学-计算机-考研初试-复试-资料+真题+答案分享.zip
06-12
重庆大学计算机专业的考研资源集合，包括初试与复试的相关材料，是考生们宝贵的参考资料。这份压缩包涵盖了多种关键的学习资源，旨在帮助考生更好地准备考试，提高成功通过的可能性。 首先，"复试真题和答案(11·19...
重庆大学计算机考研初试、复试-资料+真题+答案分享.zip
12-09
考研初试和复试是研究生入学考试的两个重要环节，初试通常包括综合能力测试和专业知识考核，而复试则更多地侧重于对考生专业能力和综合素质的深入考察。因此，准备充分的资料、真题及答案对于考生来说至关重要，有助...
901 机械设计-（初试）自命题考试大纲.pdf; filename*=utf-8''901+机械设计-（初试）自命题考试大纲(1).pdf;
09-23
901 机械设计-（初试）自命题考试大纲.pdf; filename*=utf-8''901+机械设计-（初试）自命题考试大纲(1).pdf;
中科大-计算机-考研-初试-复试-资料详解.zip
06-08
【标题】"中科大-计算机-考研-初试-复试-资料详解.zip" 提供了中国科学技术大学（中科大）计算机专业考研的重要参考资料，涵盖了初试和复试的关键环节。这个压缩包显然是一份全面的学习资源，旨在帮助考生充分准备...
初试打包材料----pdf
06-11
标题中的“初试打包材料----pdf”表明这是一个与考试初试相关的资料集合，主要以PDF格式存在。在IT行业中，打包通常指的是将多个文件或文件夹整合到一个压缩文件中，便于存储、传输和管理。这里提到的是PDF，即...
掌控板实现Easy IoT上mqtt消息的通讯
weixin_43587216的博客
09-22 1074
掌控板实现Easy IoT上mqtt消息的通讯 所用软件：mind+ 硬件：掌控板 mqtt平台：http://iot.dfrobot.com.cn 按A键（或触摸P）发送消息至topic1，同时监听topic0 思路： 1.在上述的mqtt平台注册账号，创建设备 2.上述的id，密码，设备号填入mind+的mqtt初始化参数模块内： 3.完成图形化编程如下： 4.因为掌控板接收的是设备0的消息，所以用mqtt平台上的设备0发送消息，掌控板能收到，掌控板发送消息到设备1上，所以平台上1能看到发送到 消
摇杆控制
dj15870669579的博客
12-01 553
ui方面 关键就是将屏幕坐标转换为ui坐标 要注意的是想摇杆中间的点在点击时保持正确位置就要将点和背景放在同一级目录下分别设置位置 代码部分： void Update() { bool pressing; Vector2 pos; if (Application.isEditor) GetPressingInfoInEditor(out pressing, out pos); else
物联网：Mixly遥控调光器
wenchang-的博客
10-22 370
实验目的和要求： 按遥控器上的CH键实现LED的开关。开了LED的情况下可以通过CH+和CH-键实现控制LED的光亮变化。LED关闭状态CH+和CH-无效。 实验原理和内容： 实验软硬件环境： 硬件：Arduino、红外遥控传感器、遥控器 软件：Mixly IDE 实验过程： 核心代码截图 图形化截图 实验效果图 ...
物联网 掌控板抢答器实验
小鱼干的博客
12-03 2686
一、实验目的及要求 实现掌控板抢答器功能。 二、实验原理与内容 基于TinywebDB实现云数据库出题 基于掌控板实现按键抢答 基于MQTT实现多端同步通讯 三、实验软硬件环境 硬件：掌控板 软件：Mind+ 四、实验过程 实验准备 1.基于TinywebDB实现云数据库出题 TinyWebDB服务器是网络存储中的网络微数据库 网址：http://tinywebdb.appinventor.space/ ps ：为了方便使用，自己注册一个用户最好。 进入TinyWebDB服务器查询页面，注意API地址、
androidstudio实现摇杆
02-26
### 如何在 Android Studio 中实现 Joystick 摇杆功能 #### 创建自定义视图类 为了实现在屏幕上操作虚拟摇杆的效果，通常会创建一个继承 `View` 类的自定义控件。此控件负责绘制并响应用户的触摸事件。 ```java public class VirtualJoystick extends View { private Paint paint; // 构造函数初始化画笔等资源 public VirtualJoystick(Context context, AttributeSet attrs){ super(context,attrs); init(); } private void init(){ paint = new Paint(Paint.ANTI_ALIAS_FLAG); setLayerType(LAYER_TYPE_SOFTWARE,null); // 禁用硬件加速以防止某些设备上的渲染问题 } } ``` #### 处理触摸事件 当用户与屏幕交互时，系统会触发一系列回调方法，在这里可以捕捉到手指的位置变化，并据此调整摇杆的状态[^2]。 ```java @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); int centerX = getWidth() / 2; int centerY = getHeight() / 2; // 绘制背景圆圈表示底座部分 paint.setColor(Color.GRAY); canvas.drawCircle(centerX,centerY,100,paint); // 计算当前拇指位置相对于中心的距离比例因子 double distanceFactor = Math.sqrt(Math.pow(pX-centerX,2)+Math.pow(pY-centerY,2)) / 100d; if(distanceFactor>1){distanceFactor=1;} // 根据距离缩放内部圆形大小模拟移动效果 float innerRadius=(float)(80*distanceFactor+20*(1-distanceFactor)); // 设置颜色为蓝色代表可动区域内的指针 paint.setColor(Color.BLUE); canvas.drawCircle((int)pX,(int)pY,innerRadius,paint); } // 触摸监听器用于接收手势动作 private float pX=0f,pY=0f; @Override public boolean onTouchEvent(MotionEvent event){ switch(event.getAction()){ case MotionEvent.ACTION_DOWN: getParent().requestDisallowInterceptTouchEvent(true); break; case MotionEvent.ACTION_MOVE:{ pX=event.getX();pY=event.getY(); invalidate(); // 请求重绘界面显示最新的状态 // 将坐标范围映射至[-1,+1],以便外部可以直接使用标准化后的值 float normalizedPX=((pX-getWidth()/2)/getWidth())*2; float normalizedPY=-(((pY-getHeight()/2)/getHeight())*2)-1; // 可选：通知观察者关于新的方向向量更新... return true;} default:return false; } } ``` #### 使用 XML 定义布局文件 最后一步是在应用程序界面上放置该自定义组件实例。可以通过修改 activity_main.xml 文件完成这一工作： ```xml <com.example.yourpackage.VirtualJoystick android:id="@+id/virtual_joystick" android:layout_width="wrap_content" android:layout_height="wrap_content"/> ``` 以上代码片段展示了如何构建基本版的虚拟操纵杆，并将其集成进基于 Android 平台的应用程序中。需要注意的是实际开发过程中可能还需要考虑更多细节优化用户体验，比如支持多点触控、边缘反弹效应以及更复杂的图形表现形式等等。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

安可瑞Ankory

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值