0.0.4-alpha12 • Published 5 months ago
twins-connect-dev v0.0.4-alpha12
twins-connect-dev
Install
npm install twins-connect-dev
Usage
import ConnectWebgl from 'twins-connect-dev'
const container = document.getElementById('app')
const connectWebgl = new ConnectWebgl(container, {
orbitControls: true,
environmentMaps: true,
width: window.innerWidth,
height: window.innerHeight,
})
connectWebgl.addModelInScene('./glb/fac.glb')
connectWebgl.addEventListener('cameraChange', ({
position,
target,
}) => {
console.log('changeCameraPreset', position, target)
})
API
构造函数
interface ConnectWebglOptions {
orbitControls?: boolean // 是否开启轨道控制器 默认 ture,不要关闭
orbitControlsTarget?: Vector3 // 轨道控制器目标点 默认 (0,0,0)
enableDamping?: boolean // 轨道控制器是否开启阻尼效果 默认 false
dampingFactor?: number // 轨道控制器阻尼系数 默认 0.05
/** canvas scene w&h */
width?: number // canvas 宽度
height?: number // canvas 高度
/** if need environment mapping */
environmentMaps?: boolean // 是否需要环境贴图
/** camera config */
lookAt?: Vector3
cameraPosition?: Vector3 // 相机初始化位置
fov?: number // 相机视角
near?: number // 相机近平面
far?: number // 相机远平面
/** skybox */
hrdSkybox?: string // 天空盒hrd图片地址
imgSkybox?: string // 天空盒img图片地址
}
实例方法
- setCameraLookAt 设置相机位置和朝向
参数 object
- position 相机位置
- target 相机朝向
- isTrigger 是否触发 cameraChange 事件 默认 true
- transition
- use 是否使用动画 默认 false
- duration 动画时长 默认 1s 单位 s
- getCameraLookAt 获取相机位置和朝向
- events
- addEventListener
- removeEventListener
- cameraChange 相机位置和朝向发生变化之后触发
addModelInScene
- source 模型资源地址
- isCache 是否缓存模型
- position 模型位置 默认 (0,0,0)
- onProgress 模型加载进度回调
- onError 模型加载失败回调
changeCameraPreset 切换相机位置和朝向 废弃
- 参数1 object类型
- poiId 点位id
- 参数2 options
- duration 动画时长 默认 1s
- 参数1 object类型
moveCameraTo 切换相机位置和朝向 (changeCameraPreset实际调用方法)
- position 相机位置
- target 相机朝向
options
- duration 动画时长 默认 1s
0.0.4-alpha12
5 months ago
0.0.4-alpha8
5 months ago
0.0.4-alpha7
5 months ago
0.0.4-alpha9
5 months ago
0.0.4-alpha11
5 months ago
0.0.4-alpha6
5 months ago
0.0.4-alpha5
5 months ago
0.0.4-alpha4
5 months ago
0.0.4-alpha3
5 months ago
0.0.4-alpha2
5 months ago
0.0.4-alpha1
5 months ago
0.0.4-alpha0
5 months ago
0.0.4
5 months ago
0.0.3
5 months ago
0.0.2
5 months ago
0.0.1
5 months ago