AI 生成的网站测评
AI 生成本测评由 AI 根据公开资料生成,未经逐项人工核实;域名、证书等事实以本页采集数据为准。
oimo.io是什么网站?
oimo.io 是日本开发者 shr 的个人作品网站,集中展示他做的一系列可交互的物理模拟实验,大多用 WebAssembly、GPGPU、MLS-MPM、PBD 等技术在浏览器里实时运行。
主要内容
网站按作品排列,每个作品配一句日英双语说明和发布日期,涵盖几类:
- 流体与软体模拟:Drops(写实水滴,用 WebAssembly SIMD 加速)、Water3D(MLS-MPM 三维流体)、Jelly(果冻)、Wet Cloth Simulation(湿布与流体耦合)
- 可玩小游戏/玩具:Interactive Pudding(猫形布丁,可摇晃拍打)、Interactive Marimo(GPGPU 毛球)、The Blob Toy(PBD 弹性体)、Udon(乌冬面模拟器)、SandVox Simulator(体素沙盒,带分享功能)
- VRChat 世界:Just a Pool(可互动的三维流体)、Bubbles(肥皂泡)
- 工具与语言:MC Table Generator(Marching Cubes 查表生成)、HGSL(可编译成 GLSL 的自制着色语言)
- 视觉/艺术类:Clock、Chill、Sea of Papers、Cloth Simulation、Life Universe
适合谁、什么时候用
想找浏览器里能直接上手玩的物理模拟 demo、或研究 Web 端实时流体/软体实现思路的人,可以把它当作品集和灵感来源。页面本身也列出了 Profile、Likes & Skills、Accounts、Affiliation、Activities 等栏目,方便了解作者背景和联系方式。
使用条件
内容以日文和英文呈现,作品直接在网页运行,无需注册。资料中没有出现价格或付费信息,可视为免费浏览。
网站上的交互式模拟作品是用什么技术加速的?
oimo.io 上的交互式模拟主要靠 WebAssembly(含 SIMD) 和 GPGPU 两类技术加速,部分作品还结合 GPU 并行与自研着色语言。
具体对应关系
| 作品 | 加速技术 |
|---|---|
| Drops(真实水滴模拟) | WebAssembly + SIMD |
| Water3D(3D 流体) | GPGPU + MLS-MPM |
| Jelly(果冻模拟) | GPGPU + MLS-MPM |
| Marimo(毛球模拟) | GPGPU |
| Chill(冷气烟雾) | GPGPU |
| Sea of Papers(纸片群) | GPGPU 并行模拟 |
| Water(流体计算) | MLS-MPM,支持加速度传感器 |
技术用途
- WebAssembly + SIMD:在浏览器里跑接近原生的计算速度,适合水滴这类需要高帧率、密集数学运算的实时模拟。
- GPGPU:把物理计算放到 GPU 上并行处理,适合粒子、烟雾、流体、毛球等大量个体同时运动的效果。
- MLS-MPM:一种流体/软体模拟算法,配合 GPGPU 用于 3D 流体和果冻。
- HGSL:作者自研的着色语言,可编译成 GLSL,用于编写 GPU 端着色与计算逻辑。
选择条件
如果你关心的是“怎么在浏览器里做实时物理模拟”,可参考这个组合:计算密集且逻辑复杂时用 WebAssembly;粒子/网格类大规模并行时用 GPGPU;需要自定义 GPU 着色时用 HGSL。例如需要做水滴或流体效果,可优先看 Drops 与 Water3D 的实现思路。
如何用鼠标或触摸与这些模拟作品互动?
在 oimo.io 上,大多数作品都是“打开即玩”的浏览器实验:用鼠标拖动、点击、滑动,或在手机上直接触摸,就能改变模拟状态。页面没有复杂的操作说明,互动方式通常就是直接作用于画面中的物体。
常见互动方式
- 拖动 / 抓取:像 Udon 这类作品,可以用鼠标“抓住”物体来回拉扯;手机上则用手指拖。
- 点击 / 轻触:Pudding 这类模拟,点击或轻触会让物体产生晃动、弹跳等反应。
- 划过 / 涂抹:SandVox Simulator 这类沙盒,移动鼠标或手指可以撒布元素、改变场景。
- 摇晃设备:Water 等作品支持加速度传感器,在手机上倾斜或晃动设备会影响流体。
- 纯观看:Chill、Sea of Papers 这类更偏“凝视型”,鼠标移动可能只改变视角,主要看模拟自行演化。
不同设备下的操作
| 设备 | 操作 | 适合的作品 |
|---|---|---|
| 桌面浏览器 | 鼠标拖动、点击、划过 | Udon、Pudding、SandVox |
| 手机 / 平板 | 手指触摸、拖动、倾斜 | Water、Drops、Bubbles |
| VR(VRChat) | 用手柄或手势触碰流体 | Just a Pool |
上手建议
先打开一个感兴趣的模拟,把鼠标或手指放在画面中央,做“拖、点、划”三种动作各试一次,基本就能摸清它的互动逻辑。像 Drops、Water3D 这类物理模拟,动作越慢、越轻,越容易观察细节;SandVox 这类沙盒则可以大胆乱涂,再按分享功能保存结果。
VRChat 里的 Just a Pool 和 Bubbles 世界怎么玩?
oimo.io 上列出的“Just a Pool”和“Bubbles”都是可在 VRChat 里进入的互动世界:前者让你和真实感 3D 流体互动,后者是能互相粘在一起的肥皂泡模拟。
分别是什么、怎么玩
- Just a Pool:一个 VRChat 世界,核心是“リアルな 3D 流体と触れ合える”(可以和逼真的 3D 流体接触)。进入后主要是在水池场景里与流体互动,适合想体验流体物理、在水里玩的人。
- Bubbles:一个“泡をくっつけて遊べる”的肥皂泡模拟。玩法是把泡泡粘到一起,适合喜欢轻松摆弄、观察泡泡聚合的人。
两个世界怎么选
| 世界 | 玩法重点 | 适合 |
|---|---|---|
| Just a Pool | 与 3D 流体互动 | 想体验流体物理、在水池场景里活动 |
| Bubbles | 让泡泡互相粘合 | 想玩轻量、直观的泡泡模拟 |
下一步
在 VRChat 里搜索这两个世界的名字进入即可。它们都出自同一作者 shr 的互动模拟系列,如果你喜欢这类物理玩具,同站还有湿布与流体耦合、弹性体、烟雾等模拟可以一并了解。
HGSL 着色语言怎么使用?
HGSL 是 oimo.io 作者自研的着色语言,能编译输出 GLSL,主要面向想在浏览器里写 GPU 着色器、又不想直接手写 GLSL 的人。它出现在 oimo.io 的作品列表里,定位是「可编译到 GLSL 的着色语言」。
基本用法
- 用 HGSL 语法编写着色逻辑,再通过编译器把它转成 GLSL。
- 生成的 GLSL 可直接用于 WebGL 等图形环境,相当于在 GLSL 之上加了一层更易写的语法。
- 它属于作者互动模拟作品的技术底座之一,和 GPGPU、WebAssembly、MLS-MPM 这些一起出现在多个项目中。
适合谁、什么场景
- 已经在写 WebGL / GLSL,但觉得原生 GLSL 表达繁琐,想要更简洁写法的人。
- 做流体、布料、弹性体等模拟,需要频繁调试着色代码的开发者。
- 对 oimo.io 上那些互动模拟的实现方式感兴趣、想复现类似效果的人。
下一步
在 oimo.io 的 Activities 列表里找到 HGSL 条目(标注为 Language,2022/04/10),从那里进入它的页面查看语法说明和示例。建议先照着示例改一个小着色器,编译出 GLSL 跑通,再逐步替换成自己的效果。
SandVox Simulator 怎么分享自己创作的作品?
SandVox Simulator 的分享入口就在作品本身:它是一个带分享功能的体素沙盒,你把元素撒成想要的场景后,用网站自带的分享功能导出即可。
具体怎么用
- 先在沙盒里搭建作品,撒布各种元素、观察它们之间的反应。
- 找到页面上的分享功能,把当前作品导出为可分享的内容。
- 把导出的结果发给别人,对方打开就能看到你的创作。
适合谁、什么时候用
- 想展示自己搭的体素小场景,但不想录屏或截图的人。
- 想把自己调好的元素组合留给别人继续玩、继续改的人。
需要注意
- 分享的是作品状态,不是视频;接收方看到的是可交互的场景。
- 这类作品依赖网站运行环境,建议直接把分享出来的页面地址发给对方,而不是只发截图。
如果只是想快速给别人看效果,先截图最省事;想让人真正上手玩你的作品,就用站内分享功能。
用户评价(0)