教程

精简的知识

从我们的官方迷你教程库中学习。

背景效果

如何渲染天空、背景图像和渐变。

在运行时更改材质属性

使用 JavaScript 在运行时更改材质属性以进行交互或动画。

如何构建仅限 XR 的组件

如何让组件仅在 XR 会话期间激活。

通过MCP将Wonderland Engine连接到编程代理

Wonderland Engine提供了MCP Server插件,使Cursor、VSCode Copilot、Claude Code、Gemini CLI及其他AI编程代理可以访问高性能的3D网页开发。让您的编程代理为您导入场景、设置组件和修改设置。

使用 Canvas2D 创建纹理

使用 JavaScript Canvas 在运行时绘制自己的纹理。

导出 Wonderland Engine 网格为 OBJ 文件

如何导出 Wonderland Engine 网格为 OBJ 文件,以调试运行时生成的网格。

从 Blender 导出模型

从 Blender 导出 GLB 文件以导入到 Wonderland Editor 中。

处理3D光标点击

如何在使用3D光标(VR,AR和3D)点击对象时运行JavaScript。

纹理图集简介

如何使用纹理图集,何时以及如何增加或减少其大小。

在运行时加载 GLTF/GLB

如何从 URL 运行时加载 GLTF 或 GLB 文件。

在Wonderland Engine中使用React创建3D UI

本教程介绍如何在Wonderland Engine中开始使用React UI库。

渲染简体中文字符

如何设置简体中文字体的文本渲染。

在运行时生成对象

如何在JavaScript中创建对象。

在运行时流式加载 .bin 文件

在运行时加载 Wonderland Engine .bin 文件。

切换场景

如何切换场景以加载不同的关卡或世界的部分。

集成 CrazyGames SDK

Wonderland Engine 是构建高性能 3D 网页游戏的绝佳选择,因为它经过优化,加载速度快,甚至在 iOS Safari 上也能运行良好。本教程将介绍如何集成 CrazyGames 平台服务。

集成VIVERSE Avatar SDK

Wonderland Engine是构建高性能3D网页和WebXR游戏的绝佳选择,因为它经过优化可以快速加载,甚至在iOS Safari上也能良好运行。本教程涵盖如何集成VIVERSE SDK服务。

使用 Typescript 编写组件

如何设置 Typescript 以用于自定义组件。

编写 JavaScript 库

关于为 Wonderland Engine 创建 JavaScript 库的教程。