Vr360

属性

全景容器

介绍
class Vr360 {
  /**
   * 容器
   */
  public container: HTMLElement
}
使用
import {Vr360} from '@nicepkg/vr360-core'

const vr360 = new Vr360({....})

vr360.render()

// 获取容器
console.log('3d 渲染容器是：', vr360.container)

相机

介绍
class Vr360 {
  /**
   * 相机
   */
  public camera: THREE.PerspectiveCamera
}
使用
import {Vr360} from '@nicepkg/vr360-core'

const vr360 = new Vr360({....})

vr360.render()

// 获取相机
console.log('3d 相机是：', vr360.camera)

渲染器

介绍

class Vr360 {
  /**
   * 渲染器
   */
  public renderer: THREE.WebGLRenderer
}

使用

import {Vr360} from '@nicepkg/vr360-core'

const vr360 = new Vr360({....})

vr360.render()

// 获取渲染器
console.log('3d 渲染器是：', vr360.renderer)

场景

介绍

class Vr360 {
  /**
   * 场景
   */
  public scene: THREE.Scene
}

使用

import {Vr360} from '@nicepkg/vr360-core'

const vr360 = new Vr360({....})

vr360.render()

// 获取场景
console.log('3d 场景是：', vr360.scene)

控制器

介绍

class Vr360 {
  /**
   * 控制器
   */
  public controls: THREE.OrbitControls
}

使用

import {Vr360} from '@nicepkg/vr360-core'

const vr360 = new Vr360({....})

vr360.render()

// 获取控制器
console.log('3d 控制器是：', vr360.controls)

全景空间配置

介绍

class Vr360 {
  /**
   * 空间配置
   */
  public spacesConfig: SpaceConfig[]
}

点击查看 SpaceConfig 类型

使用

import {Vr360} from '@nicepkg/vr360-core'

const vr360 = new Vr360({....})

vr360.render()

// 获取空间配置
console.log('3d 空间配置是：', vr360.spacesConfig)

提示容器

介绍

class Vr360 {
  /**
   * 提示容器
   */
  public tipContainer?: HTMLElement
}

使用

import {Vr360} from '@nicepkg/vr360-core'

const vr360 = new Vr360({....})

vr360.render()

// 获取提示容器
console.log('3d 提示容器是：', vr360.tipContainer)