Five React Inject: Five cameraDirection
Five React Inject: Five cameraRaycaster
Five React Inject: Five currentState
Five React Inject: Five 的当前状态
获取画面中的像素颜色
获取画面中的像素颜色
获取像素区域的起始坐标 x
获取像素区域的起始坐标 y
获取像素区域的宽度
获取像素区域的高度
OptionalpixelRatio: number获取区域的像素比
OptionalflipY: boolean是否Y轴翻转
Optionalbuffer: T存储数组
rgba颜色平铺的 Uint8Array
获取画面中的像素颜色
参数
Optionalbuffer?: T存储数组
OptionalflipY?: boolean是否Y轴翻转
获取像素区域的高度
OptionalhelperVisible?: booleanOptionalpixelRatio?: number获取区域的像素比
OptionalskipPanorama?: boolean获取像素区域的宽度
获取像素区域的起始坐标 x
获取像素区域的起始坐标 y
Five React Inject: Five helperVisible
计算模型射线碰撞检测
计算模型射线碰撞检测
THREE 射线对象
Optionaltarget: Intersection[]返回碰撞
返回碰撞
加载 Work 数据
加载 Work 数据
Work 数据
Optionalstate: "initial" | Partial<State> | "inherit"初始化姿态
Optionaloptions: number | FiveLoadOptions切换时间, 切换效果
Five React Inject: Five model
Five React Inject: Five modelReadyState
Five React Inject: Five models
下一帧渲染
预加载点位图片资源
计算三维坐标对应到屏幕的二维坐标
计算三维坐标对应到屏幕的二维坐标
三维坐标
是否计算模型遮挡
二维坐标 或者 null
强制渲染
强制渲染
Optionalcallback: () => void渲染完成回调
Five React Inject: Five models
设置 State
显示楼层
OptionalfloorIndex: number楼层,如果不传则都显示
Five React Inject: Five shownFloor
Five React Inject: Five 的目标状态
帮助元素的隐藏/显示
隐藏/显示
Five React Inject: 获取 five 实例
移动相机。(不触发点位移动)
Five React Inject: Five Work
Five React Inject: Five Work
触发事件
预设的监听事件名称
事件类型
触发事件的数据
canceled 是否被触发取消
判断是否注册了事件
事件类型
解除事件
如果 name 不传的话解除对应所有事件 如果 name, callback 不传的话解除所有name的所有事件
预设的监听事件名称
Optionalname: K事件类型
Optionalcallback: (...args: Parameters<EventTypes[K]>) => ReturnType<EventTypes[K]>事件回调函数
注册事件
预设的监听事件名称
事件类型
事件回调函数
Optionalonce: boolean是否只执行一次
解除事件
注册事件(是否只执行一次)
预设的监听事件名称
事件类型
事件回调函数
解除事件
等待事件
预设的监听事件名称
事件类型
Optionalfilter: (...args: Parameters<EventTypes[K]>) => boolean | void事件类型
触发事件的数据
监听者模式
Example