扩展

这章节,是针对 cientosopen in new window做的一些扩展,主要是移植一些 R3Fopen in new window的功能。那么我们就从这里主要封装的组件文件夹open in new window开始吧,注:TvT.js自行按照cientos封装一些组件,并持续更新中,这部分组件文档待持续更新,详情可以参见用例代码。

TIP

关于:cientos 原有的一些扩展功能open in new window 包含了特殊物体、特殊材质、等等,这里就不做赘述了,请自行跳转查看。本人也针对其github 库open in new windowcorecientos提交合并了一些 PR,做了些功能的修复和扩展。

Caustics

Caustics 即投射阴影,是当光穿过透明表面时出现的光的涡旋。该组件使用一种射线行进技术将腐蚀光投射到接收平面上。它基于 github/N8python/caustics。具体参数详见:drei/Causticsopen in new window。 演示地址:causticsDemoopen in new window,代码和使用方式自行在本开源项目中查找。

color?: string
ior?: number
backsideIOR?: number
far?: number
worldRadius?: number
intensity?: number
causticsOnly?: boolean
lightSource?: any
resolution?: number

Center

Center 组件用于将物体的中心移动到屏幕中心。该组件基于 github/pmndrs/drei。具体参数详见:drei/Centeropen in new window 代码和使用方式自行在本开源项目中查找forCientos/Centeropen in new window

top?: boolean
right?: boolean
bottom?: boolean
left?: boolean
front?: boolean
back?: boolean
/** Disable all axes */
disable?: boolean
/** Disable x-axis centering */
disableX?: boolean
/** Disable y-axis centering */
disableY?: boolean
/** Disable z-axis centering */
disableZ?: boolean
/** Precision, defaults to true, see https://threejs.org/docs/index.html?q=box3#api/en/math/Box3.setFromObject */
precise?: boolean

CubeCamera

CubeCamera 组件用于生成立方体摄像机,用于渲染场景的不同视角。该组件基于 github/pmndrs/drei。具体参数详见:drei/CubeCameraopen in new window 代码和使用方式自行在本开源项目中查找forCientos/CubeCameraopen in new window 演示地址:volumetricLightGodrayopen in new window

resolution?: number
near?: number
far?: number
envMap?: THREE.Texture
fog?: THREE.Fog | THREE.FogExp2
frames?: number

等等,持续更新中。。。尝鲜的组件关注这个文件夹forCientosopen in new window