Mind+化学元素周期表元素详细信息(二)

2021-04-012万
AI 快速预览详细 收起
本文介绍了如何使用Mind+平台创建一个交互式的化学元素周期表。项目通过点击元素显示详细信息,展示了每个元素的原子质量、氧化价和电子排布等关键参数。适合STEM教育场景,帮助学生更好地理解化学元素。


接上篇:Mind+化学元素周期表(一)

化学元素数据收集与整理,信息包括:元素中文名称、原子质量、常见氧化价、电子排布、英文名、汉语拼音和K.L.M.N.O.P.Q各层电子数量信息等,效果图如下:
Mind+化学元素周期表元素详细信息(二)图1

对每一个化学元素的信息整理为Mind+精灵图:
Mind+化学元素周期表元素详细信息(二)图2Mind+化学元素周期表元素详细信息(二)图5

编写脚本逻辑:当用户点击某一个化学元素以后,触发一个广播事件,接收广播事件的精灵负责显示对应的化学元素的详细信息图:

Mind+化学元素周期表元素详细信息(二)图3Mind+化学元素周期表元素详细信息(二)图4


最终的效果如下:Mind+化学元素周期表元素详细信息(二)图6

欢迎和我一起讨论:鹅群【954092621】




创作许可协议

本项目采用 None(不开放任何权利,保留所有权利) 进行许可。

评论(1)
rzyzzxw
rzyzzxw
特别棒啊,化学与编程
转瞬
转瞬
作者
回复rzyzzxw
继续努力呀
- 没有更多了 -