他把Arduino和ESP32做成了网页上的3D互动课

Dilum Sanjaya 为 Arduino 做了一个交互式学习网页，最近又给 ESP32 做了一个。两个页面都用 3D 模型展示开发板，可以拖拽旋转、缩放查看元件，每个课程附带原理图、引脚说明和示例代码，还有一个能直接跑的模拟器。

先看 ESP32 版。20 节课，从“认识 ESP32”开始，到闪烁两个 LED、冰箱报警、Wi-Fi 使用、警报器、迷你钢琴、距离计、驱动轮子、道闸、蓝牙通信、板到板通信、智能停车位、水泵、键盘锁、太阳能跟踪器、雷达、拾取与放置。Wi-Fi 和蓝牙这两个招牌功能都在课程里。

页面里对 ESP32 DevKit 的说明很直白：双核最高 240 MHz，Wi-Fi 蓝牙同芯片，3.3 V 供电——每个引脚都是 3.3 V，不是 5 V。界面还解释了板载电路：USB-C 提供 5 V，稳压器降到 3.3 V；EN 和 GPIO 0 都有上拉电阻，所以每个按钮把引脚拉低。对初学者，这些细节比看数据手册友好得多。

Arduino 版是同一套思路，16 节基础课。从演示视频里能看到的模块包括“认识主板”“闪烁一个 LED”“按下按钮”“转动旋钮”“混合颜色”。页面同样有 3D 模型、课程列表、代码编辑器和串口监视器。

两个应用都用 Opus 5.5 制作。项目地址：

推文发布后，有网友 Capt Venkat 评论“这会干掉很多 app”。有网友 Vae Victis 说教孩子 Arduino 很难，全是文字孩子抓不住重点，打算试试这个。还有网友问会不会开源。作者回复说，正在考虑做成开源项目，让任何人都能贡献自己的电路想法。

硬件学习卡人的地方是反馈。电路没接对，灯不亮，但你不知道哪里不对。这类网页把反馈做出来了：在浏览器里点一下，LED 就亮，代码一改，行为就变。物理硬件被简化成可视化模型，但关键逻辑都保留了。

另一位网友 Aprender Gratis 说得很直接：“当别人在做猫猫应用和游戏的时候，有人已经在另一个层面了。”

这就是工具该有的样子：让想学的人不容易被劝退。