1398浏览
查看: 1398|回复: 13

[教程] 制作一个简易的联网聊天室

[复制链接]
本帖最后由 赤星三春牛! 于 2022-1-18 15:15 编辑

使用mind+实时模式制作一个联网聊天室!


本教程需要用到Easy Iot。
第一步:打开mind+的实时模式。 1.png

第二步:点击扩展-网络服务-MQTT 2.png

第三步:返回主界面,打开浏览器(最好浏览器内核是谷歌,新版的),打开Easy Iot网址:点击打开Easy Iot 3.png

第四步:点击右上角的“注册/登录”(这个登录的是社区账号,如果你有社区账号,直接登录)


第五步:登录完成后,来到工作间,点击“添加新的设备” 4.png

第六步:添加新的设备后,你可以对这个设备改名(把鼠标光标放在名字右边,可改可不改) 5.png

第七步:回到mind+(先不要关闭浏览器),新建一个列表“消息记录”,删掉mind+角色。 6.png

第八步:把列表尽量拉大,下面留一些位置,放按钮用。然后在内置角色库里添加一个方形按钮,调整大小,放到预留的位置,点击“造型”标签,点击文本,输入“发送”,调整到合适的位置。(你也可以把灰色换成蓝色,也可以使用调色板换成更多的颜色) 7.png

第九步:编程。
1.设置MQTT属性,发起连接。(返回浏览器,把你的账号、密码和topic号填写到积木里) 8.png 9.png

完整版初始化: 10.png


这里用到显示和隐藏是为了避免出现bug(未初始化完成就发送信息)


2.点击发送按钮发送信息
11.png
这里用到朗读模块,是因为列表会挡住按钮所说的内容。(加载此模块也要在扩展-网络服务中找到)


3.接收消息
12.png
这就是简单版的聊天室了。但是这样分不清是谁发言,所以我们要加个用户名功能。
在角色库里找到椭圆形按钮(形状多样才好看),打开造型编辑器,输入文本“设置用户名”,并放到合适的位置。 13.png

4.设置用户名编程。加入广播
14.png

接收广播 15.png

设置用户名(需要新建变量“用户名”)
16.png

用户名应用(发送按钮)


17.png

5.使用提示
因为考虑到方便,所以使用消息记录列表来做。 17.png

你看到了,还有清除消息记录和刷屏功能,。

那么现在就做!
我们要新建两个广播:显示和隐藏,并让所有角色接收到广播后显示或隐藏,再加一个“刚刚输入的内容”变量。


完整版发送:
20.png

完整版接收:
19.png

这样就不会出现刷屏的现象了。



——————本教程结束!你学会了吗?——————

可联网的双人聊天室.zip (173.16 KB, 下载次数: 54)
18.png

赤星三春牛!  中级技匠
 楼主|

发表于 2022-1-18 15:16:30

sorry,把第十八张图弄到后面去了,不过没关系,前面有
回复

使用道具 举报

赤星三春牛!  中级技匠
 楼主|

发表于 2022-1-18 15:17:02

还有那张图太大了
回复

使用道具 举报

rzyzzxw  版主

发表于 2022-1-18 17:23:29

挺好的教程。赞
回复

使用道具 举报

Forgotten  版主

发表于 2022-1-20 13:56:34

很有想法  
回复

使用道具 举报

哎,就是玩  见习技师

发表于 2022-1-29 14:23:12


我给你这玩意做了个究极升级
回复

使用道具 举报

赤星三春牛!  中级技匠
 楼主|

发表于 2022-1-29 15:28:02

哎,就是玩 发表于 2022-1-29 14:23
我给你这玩意做了个究极升级

那你发过来看看吧
回复

使用道具 举报

赤星三春牛!  中级技匠
 楼主|

发表于 2022-1-29 15:28:34

嗯嗯嗯嗯
回复

使用道具 举报

哎,就是玩  见习技师

发表于 2022-1-29 15:45:19


这个暂时还不行,那个玩意我用来比赛的,当然99%原创没抄袭,比完了我可以发给您看看,我也发了个教程
教怎么用Easylot做联机程序,大佬可以给捧个场吗
回复

使用道具 举报

赤星三春牛!  中级技匠
 楼主|

发表于 2022-1-30 12:35:31

哎,就是玩 发表于 2022-1-29 15:45
这个暂时还不行,那个玩意我用来比赛的,当然99%原创没抄袭,比完了我可以发给您看看,我也发了个教程
教 ...

回复

使用道具 举报

QQQQQQQ  高级技师

发表于 2022-3-13 16:52:25

厉害厉害
回复

使用道具 举报

赤星三春牛!  中级技匠
 楼主|

发表于 2022-3-14 21:01:55


哈哈哈哈
回复

使用道具 举报

赤星三春牛!  中级技匠
 楼主|

发表于 2022-3-14 21:03:07


66666666666666
回复

使用道具 举报

派大星ym  中级技师

发表于 2022-3-16 08:53:14

厉害厉害
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

为本项目制作心愿单
购买心愿单
心愿单 编辑
[[wsData.name]]

硬件清单

  • [[d.name]]
btnicon
我也要做!
点击进入购买页面
上海智位机器人股份有限公司 沪ICP备09038501号-4

© 2013-2022 Comsenz Inc. Powered by Discuz! X3.4 Licensed

mail