Threejs3D Code Play

Threejs3D Code Play 帮助您通过编辑代码并以交互式 3D 场景的形式查看结果来学习 Three.js。从示例开始，修改其 HTML 和 JavaScript，然后在应用中运行您的版本。

通过实际场景学习

探索 99 个示例，涵盖学习实验和预定义的动画场景。从形状、材质、光照和摄像机入手，然后探索粒子、着色器和交互。如果您想要一个更广阔的起点，可以尝试太阳系、海浪或抽象动画场景。

五条学习路径将示例分为基础、几何、色彩和光照、运动以及创意工作坊五个部分。您可以标记已完成的课程、继续学习某个路径、收藏有用的示例并返回最近打开的场景。

编辑、运行和探索

在代码编辑器中打开示例，或创建一个已导入 Three.js 的新项目。在工作时，您可以使用语法高亮、撤销和重做、查找和替换以及跳转到指定行等功能。切换到运行预览模式，即可查看当前代码并检查控制台消息或错误。

在内置场景预览中，拖动即可旋转，捏合即可缩放。对于支持实时控制的场景，您可以探索颜色、动画速度、光照、几何形状以及纯色或渐变背景。可用控件取决于场景。

保留您的实验

保存已命名的项目，并从“我的项目”中重新打开它们。打开 HTML 文件即可继续编辑现有工作，或使用“另存为”保留单独的副本。

将项目导出或共享为 HTML 或 ZIP 文件。导出内容包含已识别的内置 Three.js 库；自定义外部资源将保留在外部。解压缩 ZIP 文件并通过 HTTP 提供其文件夹，即可在应用外部打开项目。

为您的壁纸添加动画

在具有所需原生支持的兼容 Android 设备上，将动画场景发送到系统动态壁纸预览，并在预览中确认您的选择。可用的壁纸位置取决于设备。

专为希望通过小型实验练习 3D 编码的学生、爱好者和 Web 开发人员而设计。内置示例使用本地库；自定义远程资源和广告可能需要访问互联网。该应用包含广告。