1453 个在线示例，打开就能跑

创建动画动画运行 ↗

动画事件动画运行 ↗

同时多个动画动画运行 ↗

动画函数动画运行 ↗

动画缓动函数动画运行 ↗

双曲面螺旋几何体内置几何体材质对象运行 ↗

圆角立方体内置几何体材质对象运行 ↗

变径管道内置几何体材质对象运行 ↗

文本滚动材质内置几何体材质对象运行 ↗

文本滚动材质(2D地图模式)内置几何体材质对象运行 ↗

动画帧纹理材质内置几何体材质对象运行 ↗

反射材质内置几何体材质对象运行 ↗

流动的渐变材质内置几何体材质对象运行 ↗

雷达动画材质内置几何体材质对象运行 ↗

Shadertoy材质内置几何体材质对象运行 ↗

固定像素大小材质内置几何体材质对象运行 ↗

移动的纹理材质内置几何体材质对象运行 ↗

全息投影材质内置几何体材质对象运行 ↗

透射材质内置几何体材质对象运行 ↗

文本Label内置几何体材质对象运行 ↗

Mesh线MeshLine内置几何体材质对象运行 ↗

管道PathTube内置几何体材质对象运行 ↗

自动生成三维管道

根据图中的数据或自定义数据自动生成三维管道

内置几何体材质对象运行 ↗

三维管道路线定义

在三维管道定义路线显示

内置几何体材质对象运行 ↗

挤出模型ExtrudeMesh内置几何体材质对象运行 ↗

铺满屏幕的四边形ScreenQuad内置几何体材质对象运行 ↗

2D热力图内置几何体材质对象运行 ↗

3D热力图内置几何体材质对象运行 ↗

测量标尺内置几何体材质对象运行 ↗

文本Mesh内置几何体材质对象运行 ↗

TrailLine内置几何体材质对象运行 ↗

公告板Billboard内置几何体材质对象运行 ↗

创建实体

创建一个实体设置并显示实体配置属性

实体运行 ↗

实体设置选择辉光

实体设置高亮辉光属性

实体运行 ↗

实体响应事件

通过增加事件模块给实体增加事件

实体运行 ↗

实体动画模块

加载有动画的模型，通过动画模块显示动画

实体运行 ↗

实体动画路径

创建一个实体沿指定路径行走的动画模块。

实体运行 ↗

实体设置路径动画和速度

路径行走每段路径设置不同动画和速度。

实体运行 ↗

实体行为组件

给实体增加行为组件

实体运行 ↗

四棱锥实体运行 ↗

立体光墙实体运行 ↗

波动光墙实体运行 ↗

飞线实体运行 ↗

唯杰2D地图效果

唯杰2D地图为底图，vjmap3d做为一个3D图层叠加在上面

实体运行 ↗

拉伸实体

创建、修改、删除拉伸

实体运行 ↗

拉伸实体(2D地图模式)

创建、修改、删除拉伸,基于2D地图(3D做为一个图层叠加)

实体运行 ↗

多段线实体

创建、修改、删除多段线实体

实体运行 ↗

Gl多段线实体

创建、修改、删除GL多段线实体(不能设置线宽，但性能更好)

实体运行 ↗

Gl多段线动画-实体运行 ↗

多边形实体

创建、修改、删除多边形实体

实体运行 ↗

多边形实体材质

给多边形创建材质

实体运行 ↗

加载世界地图实体运行 ↗

加载调试瓦片图层实体运行 ↗

加载局部地图实体运行 ↗

加载地形实体运行 ↗

裁剪地图实体运行 ↗

加载CAD图

加载CAD图并能拾取获取CAD图上的数据

实体运行 ↗

CAD图与互联网地图叠加显示实体运行 ↗

创建mesh实体

创建一个Mesh实体并根据数据生成实体热力图

实体运行 ↗

实例化Mesh实体

批量化创建Mesh实体

实体运行 ↗

创建符号实体

创建、修改、删除符号实体

实体运行 ↗

点符号动画实体运行 ↗

创建精灵标记实体实体运行 ↗

渲染材质绘制创建精灵标记实体实体运行 ↗

渲染材质事件效果绘制创建精灵标记实体实体运行 ↗

批量创建精灵标记实体实体运行 ↗

批量创建精灵标记实体(2D地图模式)实体运行 ↗

创建精灵图像实体实体运行 ↗

创建精灵文本实体实体运行 ↗

精灵图像文本组合使用实体运行 ↗

创建精灵动画实体实体运行 ↗

模型爆炸分解功能函数运行 ↗

查询CAD图中的多段线进行拉伸功能函数运行 ↗

03functionuvatlas功能函数运行 ↗

相机控制操作图形运行 ↗

相机适应包围盒大小图形运行 ↗

三维场景坐标转换图形运行 ↗

三维互联网地图做为底图场景坐标转换图形运行 ↗

三维CAD图做为底图场景坐标转换图形运行 ↗

做为唯杰地图的三维图层坐标转换图形运行 ↗

做为唯杰地图的三维图层坐标转换2图形运行 ↗

模型查看器

请选择模型拖放至场景中查看模型

图形运行 ↗

资源加载图形运行 ↗

应用初始资源加载图形运行 ↗

加载FBX文件图形运行 ↗

加载3ds文件图形运行 ↗

加载lottie动画图形运行 ↗

加载bvh动画图形运行 ↗

CAD图层切换图形运行 ↗

CAD数据查询矢量绘制图形运行 ↗

创建3D应用

创建一个最基本功能的vjmap3D应用

入门示例运行 ↗

创建CAD为底图的3D应用

创建一个加载CAD图的基本功能的vjmap3D应用

入门示例运行 ↗

做为唯杰地图的三维图层

唯杰2D地图为底图，vjmap3d做为一个3D图层叠加在上面

入门示例运行 ↗

获取当前输入状态图形交互运行 ↗

命令机制图形交互运行 ↗

自定义命令图形交互运行 ↗

绘图编辑拾取工具图形交互运行 ↗

绘图编辑拾取函数图形交互运行 ↗

创建粒子效果粒子效果运行 ↗

从文件中加载粒子效果粒子效果运行 ↗

从Json中加载粒子效果粒子效果运行 ↗

批量创建粒子效果粒子效果运行 ↗

粒子效果与实体对象相关联粒子效果运行 ↗

发射Mesh对象粒子效果运行 ↗

粒子发射形状粒子效果运行 ↗

文字粒子动画粒子效果运行 ↗

粒子配置粒子效果运行 ↗

下雨粒子效果粒子效果运行 ↗

下雪粒子效果粒子效果运行 ↗

粒子上升效果粒子效果运行 ↗

噪声粒子效果粒子效果运行 ↗

发射效果粒子效果运行 ↗

各种粒子效果示例粒子效果运行 ↗

加载fbx模型插件运行 ↗

加载ifc模型插件运行 ↗

几何空间交差并补运算插件运行 ↗

三维模型生成二维CAD图插件运行 ↗

加载3D瓦片插件运行 ↗

自动叠加互联网地图(3D模式)插件运行 ↗

自动叠加互联网地图(3D做为唯杰地图的一个图层展示)插件运行 ↗

物理引擎插件运行 ↗

像素化后期效果后期处理运行 ↗

常见后期处理效果后期处理运行 ↗

自定义后期处理效果后期处理运行 ↗

使用threejs后期处理效果后期处理运行 ↗

2D绘图引擎2D绘图运行 ↗

2D绘图动画2D绘图运行 ↗

2D绘图文本2D绘图运行 ↗

2D绘制柱状图2D绘图运行 ↗

2D绘制饼状图2D绘图运行 ↗

脉冲效果shaderToy材质特效运行 ↗

圆动画shaderToy材质特效运行 ↗

扩散效果1shaderToy材质特效运行 ↗

扩散效果2shaderToy材质特效运行 ↗

雷达效果shaderToy材质特效运行 ↗

实时时针效果shaderToy材质特效运行 ↗

水纹效果shaderToy材质特效运行 ↗

材质做为全屏QuadshaderToy材质特效运行 ↗

天空shaderToy材质特效运行 ↗

闪电shaderToy材质特效运行 ↗

animation_skinning_blendingthreejs官方例子运行 ↗

animation_skinning_ikthreejs官方例子运行 ↗

animation_multiplethreejs官方例子运行 ↗

camerathreejs官方例子运行 ↗

camera_logarithmicdepthbufferthreejs官方例子运行 ↗

clippingthreejs官方例子运行 ↗

clipping_intersectionthreejs官方例子运行 ↗

clipping_stencilthreejs官方例子运行 ↗

decalsthreejs官方例子运行 ↗

effects_anaglyphthreejs官方例子运行 ↗

framebuffer_texturethreejs官方例子运行 ↗

geometriesthreejs官方例子运行 ↗

geometry_colorsthreejs官方例子运行 ↗

geometry_colors_lookuptablethreejs官方例子运行 ↗

geometry_csgthreejs官方例子运行 ↗

geometry_dynamicthreejs官方例子运行 ↗

geometry_extrude_shapesthreejs官方例子运行 ↗

geometry_extrude_splinesthreejs官方例子运行 ↗

geometry_minecraftthreejs官方例子运行 ↗

geometry_nurbsthreejs官方例子运行 ↗

geometry_shapesthreejs官方例子运行 ↗

geometry_spline_editorthreejs官方例子运行 ↗

geometry_terrain_raycastthreejs官方例子运行 ↗

geometry_textthreejs官方例子运行 ↗

geometry_text_shapesthreejs官方例子运行 ↗

geometry_text_strokethreejs官方例子运行 ↗

helpersthreejs官方例子运行 ↗

instancing_morphthreejs官方例子运行 ↗

instancing_dynamicthreejs官方例子运行 ↗

instancing_performancethreejs官方例子运行 ↗

instancing_raycastthreejs官方例子运行 ↗

instancing_scatterthreejs官方例子运行 ↗

interactive_buffergeometrythreejs官方例子运行 ↗

interactive_cubesthreejs官方例子运行 ↗

interactive_cubes_gputhreejs官方例子运行 ↗

interactive_linesthreejs官方例子运行 ↗

interactive_pointsthreejs官方例子运行 ↗

interactive_raycasting_pointsthreejs官方例子运行 ↗

interactive_voxelpainterthreejs官方例子运行 ↗

layersthreejs官方例子运行 ↗

lensflaresthreejs官方例子运行 ↗

lightprobethreejs官方例子运行 ↗

lights_hemispherethreejs官方例子运行 ↗

lights_physicalthreejs官方例子运行 ↗

lights_pointlightsthreejs官方例子运行 ↗

lights_spotlightthreejs官方例子运行 ↗

lights_spotlightsthreejs官方例子运行 ↗

lights_rectarealightthreejs官方例子运行 ↗

lines_colorsthreejs官方例子运行 ↗

lines_fatthreejs官方例子运行 ↗

lines_fat_raycastingthreejs官方例子运行 ↗

loader_collada_skinningthreejs官方例子运行 ↗

loader_texture_ddsthreejs官方例子运行 ↗

loader_ttfthreejs官方例子运行 ↗

loader_svgthreejs官方例子运行 ↗

marchingcubesthreejs官方例子运行 ↗

lodthreejs官方例子运行 ↗

materials_alphahashthreejs官方例子运行 ↗

materials_blendingthreejs官方例子运行 ↗

materials_bumpmapthreejs官方例子运行 ↗

materials_carthreejs官方例子运行 ↗

materials_channelsthreejs官方例子运行 ↗

materials_cubemapthreejs官方例子运行 ↗

materials_cubemap_dynamicthreejs官方例子运行 ↗

materials_cubemap_refractionthreejs官方例子运行 ↗

materials_cubemap_mipmapsthreejs官方例子运行 ↗

materials_cubemap_render_to_mipmapsthreejs官方例子运行 ↗

materials_curvaturethreejs官方例子运行 ↗

materials_displacementmapthreejs官方例子运行 ↗

materials_envmapsthreejs官方例子运行 ↗

materials_envmaps_exrthreejs官方例子运行 ↗

materials_envmaps_groundprojectedthreejs官方例子运行 ↗

materials_envmaps_hdrthreejs官方例子运行 ↗

materials_matcapthreejs官方例子运行 ↗

materials_normalmapthreejs官方例子运行 ↗

materials_normalmap_object_spacethreejs官方例子运行 ↗

materials_physical_clearcoatthreejs官方例子运行 ↗

materials_physical_transmissionthreejs官方例子运行 ↗

materials_physical_transmission_alphathreejs官方例子运行 ↗

materials_subsurface_scatteringthreejs官方例子运行 ↗

materials_texture_anisotropythreejs官方例子运行 ↗

materials_texture_canvasthreejs官方例子运行 ↗

materials_texture_filtersthreejs官方例子运行 ↗

materials_texture_manualmipmapthreejs官方例子运行 ↗

materials_texture_partialupdatethreejs官方例子运行 ↗

materials_texture_rotationthreejs官方例子运行 ↗

materials_toonthreejs官方例子运行 ↗

materials_videothreejs官方例子运行 ↗

materials_video_webcamthreejs官方例子运行 ↗

materials_wireframethreejs官方例子运行 ↗

math_obbthreejs官方例子运行 ↗

math_orientation_transformthreejs官方例子运行 ↗

mesh_batchthreejs官方例子运行 ↗

mirrorthreejs官方例子运行 ↗

modifier_curvethreejs官方例子运行 ↗

modifier_curve_instancedthreejs官方例子运行 ↗

modifier_edgesplitthreejs官方例子运行 ↗

modifier_simplifierthreejs官方例子运行 ↗

modifier_subdivisionthreejs官方例子运行 ↗

modifier_tessellationthreejs官方例子运行 ↗

morphtargetsthreejs官方例子运行 ↗

morphtargets_facethreejs官方例子运行 ↗

morphtargets_horsethreejs官方例子运行 ↗

morphtargets_spherethreejs官方例子运行 ↗

morphtargets_webcamthreejs官方例子运行 ↗

multiple_scenes_comparisonthreejs官方例子运行 ↗

multiple_viewsthreejs官方例子运行 ↗

panorama_cubethreejs官方例子运行 ↗

panorama_equirectangularthreejs官方例子运行 ↗

points_billboardsthreejs官方例子运行 ↗

points_dynamicthreejs官方例子运行 ↗

points_spritesthreejs官方例子运行 ↗

points_wavesthreejs官方例子运行 ↗

portalthreejs官方例子运行 ↗

raycaster_spritethreejs官方例子运行 ↗

raycaster_texturethreejs官方例子运行 ↗

read_float_bufferthreejs官方例子运行 ↗

refractionthreejs官方例子运行 ↗

rttthreejs官方例子运行 ↗

shaderthreejs官方例子运行 ↗

shader_lavathreejs官方例子运行 ↗

shaders_oceanthreejs官方例子运行 ↗

shaders_skythreejs官方例子运行 ↗

shadow_contactthreejs官方例子运行 ↗

shadowmapthreejs官方例子运行 ↗

shadowmap_pointlightthreejs官方例子运行 ↗

shadowmap_viewerthreejs官方例子运行 ↗

shadowmap_vsmthreejs官方例子运行 ↗

shadowmeshthreejs官方例子运行 ↗

spritesthreejs官方例子运行 ↗

test_memorythreejs官方例子运行 ↗

test_memory2threejs官方例子运行 ↗

test_wide_gamutthreejs官方例子运行 ↗

tonemappingthreejs官方例子运行 ↗

video_panorama_equirectangularthreejs官方例子运行 ↗

waterthreejs官方例子运行 ↗

water_flowmapthreejs官方例子运行 ↗

postprocessing_unreal_bloom_selectivethreejs官方例子运行 ↗

postprocessing_material_aothreejs官方例子运行 ↗

buffergeometrythreejs官方例子运行 ↗

buffergeometry_attributes_integerthreejs官方例子运行 ↗

buffergeometry_attributes_nonethreejs官方例子运行 ↗

buffergeometry_compressionthreejs官方例子运行 ↗

buffergeometry_custom_attributes_particlesthreejs官方例子运行 ↗

buffergeometry_drawrangethreejs官方例子运行 ↗

buffergeometry_glbufferattributethreejs官方例子运行 ↗

buffergeometry_indexedthreejs官方例子运行 ↗

buffergeometry_instancingthreejs官方例子运行 ↗

buffergeometry_instancing_billboardsthreejs官方例子运行 ↗

buffergeometry_instancing_interleavedthreejs官方例子运行 ↗

buffergeometry_linesthreejs官方例子运行 ↗

buffergeometry_lines_indexedthreejs官方例子运行 ↗

buffergeometry_pointsthreejs官方例子运行 ↗

buffergeometry_points_interleavedthreejs官方例子运行 ↗

buffergeometry_rawshaderthreejs官方例子运行 ↗

buffergeometry_selective_drawthreejs官方例子运行 ↗

buffergeometry_uintthreejs官方例子运行 ↗

clipculldistancethreejs官方例子运行 ↗

custom_attributesthreejs官方例子运行 ↗

custom_attributes_linesthreejs官方例子运行 ↗

custom_attributes_pointsthreejs官方例子运行 ↗

custom_attributes_points2threejs官方例子运行 ↗

custom_attributes_points3threejs官方例子运行 ↗

gpgpu_birdsthreejs官方例子运行 ↗

gpgpu_birds_gltfthreejs官方例子运行 ↗

gpgpu_waterthreejs官方例子运行 ↗

gpgpu_protoplanetthreejs官方例子运行 ↗

materials_modifiedthreejs官方例子运行 ↗

multiple_rendertargetsthreejs官方例子运行 ↗

multisampled_renderbuffersthreejs官方例子运行 ↗

raymarching_reflectthreejs官方例子运行 ↗

rendertarget_texture2darraythreejs官方例子运行 ↗

shadowmap_csmthreejs官方例子运行 ↗

shadowmap_pcssthreejs官方例子运行 ↗

shadowmap_progressivethreejs官方例子运行 ↗

simple_githreejs官方例子运行 ↗

texture2darraythreejs官方例子运行 ↗

texture2darray_compressedthreejs官方例子运行 ↗

texture3dthreejs官方例子运行 ↗

texture3d_partialupdatethreejs官方例子运行 ↗

ubothreejs官方例子运行 ↗

ubo_arraysthreejs官方例子运行 ↗

volume_cloudthreejs官方例子运行 ↗

volume_instancingthreejs官方例子运行 ↗

volume_perlinthreejs官方例子运行 ↗

games_fpsthreejs官方例子运行 ↗

physics_jolt_instancingthreejs官方例子运行 ↗

physics_rapier_instancingthreejs官方例子运行 ↗

misc_animation_groupsthreejs官方例子运行 ↗

misc_animation_keysthreejs官方例子运行 ↗

misc_boxselectionthreejs官方例子运行 ↗

misc_controls_arcballthreejs官方例子运行 ↗

misc_controls_dragthreejs官方例子运行 ↗

misc_controls_flythreejs官方例子运行 ↗

misc_controls_mapthreejs官方例子运行 ↗

misc_controls_transformthreejs官方例子运行 ↗

misc_exporter_gltfthreejs官方例子运行 ↗

misc_lookatthreejs官方例子运行 ↗

css2d_labelthreejs官方例子运行 ↗

css3d_periodictablethreejs官方例子运行 ↗

创建配置界面UI交互运行 ↗

根据对象生成配置界面UI交互运行 ↗

仿lilgui生成配置界面UI交互运行 ↗

选择对象查看配置UI交互运行 ↗

创建上下文菜单UI交互运行 ↗

按钮上下文菜单UI交互运行 ↗

默认控件UI交互运行 ↗

创建Marker2D标记UI交互运行 ↗

2D标记信息提示框UI交互运行 ↗

2D标记遮挡判断UI交互运行 ↗

2D标记动画UI交互运行 ↗

Vue创建Marker2D标记UI交互运行 ↗

创建Marker3D标记UI交互运行 ↗

3D标记信息提示框UI交互运行 ↗

3D标记遮挡判断UI交互运行 ↗

3D标记动画UI交互运行 ↗

创建信息弹出窗Popup2D标记UI交互运行 ↗

信息弹出窗做为子节点UI交互运行 ↗

创建WebGPU引擎应用

通过 render.engine 使用 WebGPU 渲染引擎创建3D应用，等待渲染器异步就绪

WebGPU引擎运行 ↗

WebGPU特性检测与回退

检测浏览器WebGPU支持情况，演示 forceWebGL 强制WebGL2后端与自动回退

WebGPU引擎运行 ↗

WebGPU内置特效材质

流动/雷达扫描/建筑流光等内置材质在WebGPU引擎下自动切换TSL实现

WebGPU引擎运行 ↗

WebGPU后期处理

WebGPU引擎下辉光/选中描边等后期处理效果

WebGPU引擎运行 ↗