扩展
这章节,是针对 cientos做的一些扩展,主要是移植一些 R3F的功能。那么我们就从这里主要封装的组件文件夹开始吧,注:TvT.js自行按照cientos封装一些组件,并持续更新中,这部分组件文档待持续更新,详情可以参见用例代码。
TIP
关于:cientos
原有的一些扩展功能 包含了特殊物体、特殊材质、等等,这里就不做赘述了,请自行跳转查看。本人也针对其github 库的core
和cientos
提交合并了一些 PR,做了些功能的修复和扩展。
Caustics
Caustics
即投射阴影,是当光穿过透明表面时出现的光的涡旋。该组件使用一种射线行进技术将腐蚀光投射到接收平面上。它基于 github/N8python/caustics。具体参数详见:drei/Caustics。 演示地址:causticsDemo,代码和使用方式自行在本开源项目中查找。
color?: string
ior?: number
backsideIOR?: number
far?: number
worldRadius?: number
intensity?: number
causticsOnly?: boolean
lightSource?: any
resolution?: number
Center
Center
组件用于将物体的中心移动到屏幕中心。该组件基于 github/pmndrs/drei。具体参数详见:drei/Center 代码和使用方式自行在本开源项目中查找forCientos/Center。
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/CubeCamera 代码和使用方式自行在本开源项目中查找forCientos/CubeCamera 演示地址:volumetricLightGodray
resolution?: number
near?: number
far?: number
envMap?: THREE.Texture
fog?: THREE.Fog | THREE.FogExp2
frames?: number
等等,持续更新中。。。尝鲜的组件关注这个文件夹
forCientos