vistep

vistep

可视化讲原理

应用介绍

换一个齿轮为什么就省力了?彩虹为什么偏偏出现在那个方向?拉链怎么一拉就合上?这类问题查百科能查到答案,但读完往往还是没想明白——文字描述一个在动的机械结构,本来就很吃力。

vistep 的做法是把原理画出来、让你自己动手拨一下。每个专题是一段三分钟左右的可视化短片,配同步讲解,中间嵌可以交互的模型——拖一下、调个参数,看结构怎么跟着变。看的是过程,不是结论。

目前有 64 个专题,分成器物与机械、光与声音、电与能量、数字与计算、自然与宇宙、数学与系统几类。每个专题都标了时长和建议年龄(8 岁起、10 岁起这样),也能按年龄和时长筛,给孩子挑内容时省事。中英双语,两边内容对等。

技术上是 Astro 加 React 和 Three.js 做的网页,源码 MIT 开源,直接开网站就能看,不用装东西。

软件功能



可视化短片:每个专题三分钟上下,用动画把结构和过程演出来,配同步讲解,而不是给一段静态的文字说明。

可交互模型:片子里嵌了能动手操作的模型,可以拖动、调参数,看变量改变后结构和结果怎么跟着变。

六大类 64 个专题:器物与机械、光与声音、电与能量、数字与计算、自然与宇宙、数学与系统,都是日常能碰到的东西。

按年龄和时长筛:每个专题标了建议年龄和播放时长,可以按这两项过滤,给不同年纪的孩子挑合适的。

中英双语:界面和内容都有中英两个版本,一键切换。

打开就能看:纯网页,不用注册也不用安装;源码 MIT 开源,想自己部署一份也可以。

应用截图

相关推荐