例子

动画

动画 101

如何添加动画

文档 Playground

动画混合

将多个动画混合在一起以从动画片段移动到另一个动画片段

文档 Playground

动画重量

使用权重将多个动画混合在一起

文档 Playground

骨头101

使用骨架和骨骼创建复杂的动画

文档 Playground

缓解功能

使用不同的缓动函数创建动画

文档 Playground

实例骨头

动画的人行走的骷髅

文档 Playground

变形目标

变形多个目标之间的网格

文档 Playground

相机

相机 101

babylonjs中的相机类型

文档 Playground

设备方向摄像头

对诸如移动设备向前或向后倾斜的事件作出反应的相机

文档 Playground

GUI

3D GUI

Babylon.js 3D graphical user interface provides 3D buttons, 3D containers etc.

文档 Playground

3D GUI - MeshButton3D

使用MeshButton3D创建自定义3D按钮

文档 Playground

应用栏 (AttachToBoxBehavior)

将菜单附加到边界框,使其始终面向用户

文档 Playground

GUI

Babylon.js图形用户界面提供滑块,按钮等。

文档 Playground

互动和活动

操作

动作是在场景中添加交互的简单方法

文档 Playground

拖放

使用鼠标在场景周围移动网格

文档 Playground

小玩意儿/机械手

使用指针定位,旋转和缩放网格

文档 Playground

键盘+游戏循环

用键盘移动球体

文档 Playground

选择

使用鼠标或触摸选择屏幕上的网格

文档 Playground

指针事件处理

处理指针输入

文档 Playground

灯火

定向光

光从指定方向的任何地方发出,并且具有无限范围

文档 Playground

半球光

模拟周围环境光

文档 Playground

光投射纹理

从聚光灯投射纹理

文档 Playground

灯101

为场景添加灯光

文档 Playground

点光源

从单点发光

文档 Playground

同时点亮

在单个网格上使用多个灯光

文档 Playground

聚光灯

定义指向方向的光锥

文档 Playground

装载机

资产容器

要在场景中添加和删除资源,可以使用AssetContainer。

文档 Playground

资产经理

使用AssetsManager以集中方式加载多个资产

文档 Playground

康奈尔盒子

加载glTF文件并设置环境

文档 Playground

导入网格

从文件加载网格并将其添加到场景中

文档 Playground

加载glTF模型

展示如何轻松加载glTF模型

文档 Playground

物料

细胞着色

细胞着色材料

文档 Playground

防火材料

文档 Playground

漂浮在水面上

浮在水面上的材料

文档 Playground

毛皮

毛皮材质

文档 Playground

光泽度和粗糙度

展示标准材料的光泽度和粗糙度特征

文档 Playground

物料

创建材质并将其添加到网格中

文档 Playground

多材料

使用MultiMaterial类将多个材质应用于单个网格

文档 Playground

PBR

基于物理的渲染材料

文档 Playground

ShaderMaterial

使用ShaderMaterial创建高级效果

文档 Playground

水材料

文档 Playground

带菲涅耳的X射线材料

使用菲涅耳参数来模拟X射线效果

文档 Playground

网格

基本要素

球,盒子,飞机,线等

文档 Playground

基本场景

球和飞机

文档 Playground

结构坚固的几何形状

使用CSG对网格使用布尔运算

文档 Playground

弯曲的线条

使用Path3D创建曲线

文档 Playground

贴花

创建贴花以将其他纹理应用于网格的一部分

文档 Playground

位移图(CPU)

使用置换贴图(CPU)更新网格几何

文档 Playground

挤出多边形

使用MeshBuilder从拉伸数据生成几何体

文档 Playground

高度图

使用高度贴图拉伸平面以创建山脉

文档 Playground

看着

使用lookAt()函数来对齐特定目标上的网格

文档 Playground

多边形网格

使用PolygonMeshBuilder从多边形数据创建网格

文档 Playground

Raycast在高度图上

Raycast在高度图上找到位置

文档 Playground

渲染线条

使用LinesMesh以3D方式渲染线条

文档 Playground

丝带

使用色带创建复杂的网格

文档 Playground

旋转网格以查看目标

使网格面朝向指针撞击平面的位置

文档 Playground

旋转和缩放

在空间中定位网格布局

文档 Playground

优化

剪辑飞机

您可以使用剪裁平面剪切场景的渲染

文档 Playground

硬件实例化

使用硬件实例化免费复制网格

文档 Playground

详细程度

使用基于距离的各种网格来优化渲染速度

文档 Playground

八叉树s

在处理数千个对象时,使用八叉树来增强网格选择

文档 Playground

粒子

SPS有很多三角形

使用实体粒子系统创建彩色立方体

文档 Playground

GPU粒子

仅使用GPU创建大量粒子

文档 Playground

低雾

使用粒子模拟体积雾

文档 Playground

粒子编辑器

在线编辑器播放粒子参数

文档 Playground

粒子助手

轻松创建复杂的粒子系统

文档 Playground

粒子子发射器

当另一个粒子移动或死亡时,它会产生粒子

文档 Playground

颗粒101

创建粒子系统并将其附加到移动对象

文档 Playground

粒子和镜子

使用带镜子的粒子

文档 Playground

具有自定义着色器的粒子

使用自定义着色器显示CPU粒子

文档 Playground

固体粒子系统和阴影

使用实时阴影动画SPS

文档 Playground

固体粒子系统碰撞

使用基本几何来模拟SPS碰撞

文档 Playground

固体粒子系统小平面碰撞

使用SPS构面来模拟复杂的网格碰撞

文档 Playground

碰撞和交叉点

碰撞

处理基本碰撞以避免相机通过盒子

文档 Playground

交叉口

检测网格相互交叉的时间

文档 Playground

物理

使用物理引擎模拟布料

文档 Playground

物理

如何在巴比伦内使用物理引擎

文档 Playground

阴影

接触硬化

当阴影远离投射它们的物体时,阴影会变得更柔和

文档 Playground

不同的阴影滤镜

展示不同类型的阴影

文档 Playground

多方向灯与柔和的阴影

使用多个方向灯投射柔和阴影

文档 Playground

点光影

使用点光源投射阴影

文档 Playground

自我遮蔽#1

使用阴影指数模式在旋转对象上启用自阴影

文档 Playground

自我遮蔽#2

使用shadow close exponential模式在动画对象上启用自阴影

文档 Playground

透明纹理上的阴影

从透明纹理创建逼真的阴影

文档 Playground

阴影101

使用灯光和网格设置场景以投射不同类型的阴影

文档 Playground

音频

音频分析仪#1

实时分析音频

文档 Playgrond

基本的声音

用巴比伦演奏声音

文档 Playground

网格上的声音

将声音附加到将由对象位置修改的网格

文档 Playground

特殊外汇

颜色曲线

将颜色曲线应用于渲染

文档 Playground

卷积后处理

使用ConvolutionPostProcess将浮雕滤镜应用于场景

文档 Playground

黎明布林格

使用自定义后期处理效果来模拟DawnBringer效果

文档 Playground

默认渲染管道

Bloom,FXAA,锐化,纹理,晕影,色差和单个物体的DoF

文档 Playground

景深

应用景深效果

文档 Playground

环境

添加天空盒和雾

文档 Playground

多雾路段

模拟场景中的雾

文档 Playground

菲涅尔

渲染球体以模拟菲涅耳透镜

文档 Playground

玻璃wubble球

扭曲的球效应

文档 Playground

发光层

在发光物体周围产生光晕

文档 Playground

Heatwave

Use custom post process effect to simulate heat wave effect

文档 Playground

热浪

使用自定义后期处理效果来模拟热浪效果

文档 Playground

催眠无限装载机

视觉上加载动画

文档 Playground

镜头效果

使用LensRenderingPipeline创建照片效果

文档 Playground

镜头光晕

在相机上模拟镜头光晕

文档 Playground

运动模糊

使用标准渲染管道来模拟运动模糊

文档 Playground

门户

使用自定义着色器创建的门户效果

文档 Playground

RGB移位毛刺

使用自定义后期处理效果来模拟RGB Shift毛刺

文档 Playground

实时反思

使用反射探针来模拟实时反射

文档 Playground

实时折射

使用反射探针来模拟实时折射

文档 Playground

折射和反射

模拟光线如何反射并用球体折射

文档 Playground

SSAO渲染管道

屏幕空间环境遮挡

文档 Playground

SSAO渲染管道(WebGL2)

使用WebGL2屏幕空间环境遮挡

文档 Playground

精灵

加载并显示精灵

文档 Playground

体积光散射

模拟由于光照射到大气中而导致的光散射

文档 Playground

神速 !

使用自定义着色器纹理飞过星星

文档 Playground

纹理

360张照片

轻松显示和控制360张照片

文档 Playground

360个视频

轻松显示和控制360视频

文档 Playground

基础纹理加载

加载基础纹理

文档 Playground

凹凸纹理

使用法线贴图来模拟凹凸

文档 Playground

自定义渲染目标

使用渲染目标纹理生成过程数据

文档 Playground

图像纹理

将具有透明度的图像应用于网格

文档 Playground

本地立方体贴图

使用本地模式改进立方体贴图

文档 Playground

镜子

演示如何在巴比伦使用镜子

文档 Playground

ProceduralTexture

使用木材,草,大理石,火等的程序纹理。

文档 Playground

在磁盘上保存动态纹理

使用DynamicTexture保存在运行时生成的纹理

文档 Playground

Starfield程序纹理

使用星空程序纹理来模拟空间

文档 Playground

视频纹理

将视频作为纹理应用于网格

文档 Playground

VR

WebVR

查看基本网格并与WebVR中的gui进行交互

文档 Playground

杂项。

制图

创建3D图表演示文稿

文档 Playground

No results found.

Please, choose an example in the list