Mr.doob

主页与作品导航

打开网站后，主视区会显示当前选中的作品，页面顶部同时保留项目名称、日期、作者标识和缩略图导航。点击菜单或缩略图可以在不同项目之间切换。主页当前载入的项目名为 Three.js Quake，界面呈现第一人称 3D 场景；网站还把 Shared Canvas、Three.js Sketches、Spin Painter、Dataworld、Google Space、Webcam Displacement、GLSL Sandbox 等项目放在同一作品列表中。

每个项目都有自己的标题和日期，列表跨越多个年份，既包括较新的作品，也包括较早的网页实验。这样的组织方式让它更像一组可浏览的实验档案，而非单一功能固定的在线工具。用户可以从导航栏快速切换主题，看看同一创作者如何使用浏览器图形技术表现空间、形状、粒子、光影或交互效果。不同作品的操作方式和技术实现各不相同，应将它们视为独立体验，而不是期待所有页面遵循同一套工作流程。

Three.js Sketches 作品墙

Three.js Sketches 是作品列表中的一个视觉项目。页面顶部说明这些草图使用 Three.js Editor 制作，并链接到 Neocities；主体以网格形式排列多件 3D 图形作品。画面可以看到由重复几何结构组成的方块、紫红色的同心曲面、金属弹簧状结构、折面几何体和环形造型等。每个图块下方显示编号和日期，访客可以在同一个页面中比较不同作品的形状、颜色和材质效果。

这种浏览方式适合先整体观察视觉变化，再选出感兴趣的作品继续了解。页面用图片网格而非长篇说明作为主要内容，因此浏览重点是几何形态、构图和光照表现。对前端开发者而言，这些项目可以作为观察 WebGL 视觉呈现的案例；对设计师而言，则可以从中获得动态构成、重复形状和色彩对比方面的灵感。网站公开展示了作品，但并不把每个图块都包装成教程或逐步操作指南。

作品类型与浏览方式

Mr.doob 的项目列表里包含不同类型的互动体验：有以 Three.js 为核心的 3D 场景和草图，也有旋转绘画、数据可视化、摄像头图像变形、几何效果和小游戏等。项目名称及日期帮助访客理解作品的大致主题和时间顺序。菜单缩略图提供快速定位，进入项目后，顶部信息仍显示所选项目，方便继续切换或返回其他作品。

不同作品可能有不同的加载时间和交互方式。例如 3D 场景会展示连续渲染的视图，作品墙则更偏向图像浏览。浏览时可以先选择一个标题明确的实验，再根据页面里实际出现的控件试用，不必假设所有项目都支持相同的键盘或鼠标操作。对于想快速欣赏作品的人，缩略图菜单和作品墙已经足够；对想深入研究技术实现的人，站点部分项目还提供外部编辑器或项目链接，可从具体页面继续查看。

适合哪些访客

这个作品集适合对创意编程、Three.js、WebGL、浏览器图形和互动视觉感兴趣的人。初学者可以从作品列表了解不同主题的浏览器实验，前端开发者可以观察项目如何在页面中呈现 3D 场景，设计师则可以把图形草图作为构图和视觉效果的参考。它没有把内容组织成课程，因此更适合自由浏览、收集灵感和认识实验作品，而不是按顺序完成教学任务。

如果只想看清晰的视觉案例，可以进入 Three.js Sketches 作品墙；如果想体验实时场景，可以从主页当前项目开始，再通过顶部菜单切换。主页的 Quake 项目带有第一人称游戏画面，而作品集中也有抽象造型和生成图形等非游戏项目，访客可以根据兴趣选择不同方向。站点中的作品跨度较大，挑选具体页面后再决定是否继续深入会更省时间。

使用体验的边界

这是一个以创作者项目为中心的个人作品集，页面主要展示项目本身和简短说明，内容深度、互动程度和页面结构会因项目而变化。它不提供统一的在线编辑器或完整的开发文档，也不承诺所有旧实验都适配同一设备或浏览器。浏览者可以把它作为实验作品目录和视觉灵感来源；若需要复现某个效果或了解底层代码，应继续查看该项目实际公开的编辑器或相关链接。

整体上，Mr.doob 的价值在于将多年的网页图形实验集中呈现，并让访客从一个可交互作品快速跳转到另一种视觉尝试。项目标题、缩略图和日期构成简单的导航索引，单件作品则以场景、作品网格或独立实验页面展示。对想看浏览器图形技术实际效果、寻找互动设计灵感或回顾网页实验作品的人来说，它提供了一个直观的浏览入口。