threepipe
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

123456789101112131415161718192021222324252627282930313233343536373839
  1. import {
  2. _testFinish, _testStart,
  3. CameraViewPlugin,
  4. LoadingScreenPlugin,
  5. Object3DGeneratorPlugin,
  6. PickingPlugin,
  7. ThreeViewer,
  8. } from 'threepipe'
  9. import {GeometryGeneratorPlugin} from '@threepipe/plugin-geometry-generator'
  10. import {TweakpaneUiPlugin} from '@threepipe/plugin-tweakpane'
  11. async function init() {
  12. const viewer = new ThreeViewer({
  13. canvas: document.getElementById('mcanvas') as HTMLCanvasElement,
  14. msaa: true,
  15. plugins: [PickingPlugin, CameraViewPlugin, Object3DGeneratorPlugin, LoadingScreenPlugin],
  16. })
  17. const generator = viewer.addPluginSync(GeometryGeneratorPlugin)
  18. viewer.scene.setBackgroundColor('#444466')
  19. await viewer.setEnvironmentMap('https://threejs.org/examples/textures/equirectangular/venice_sunset_1k.hdr')
  20. console.log(generator.generators)
  21. const sphere = generator.generateObject('sphere', {radius: 0.5, widthSegments: 32, heightSegments: 32})
  22. viewer.scene.addObject(sphere)
  23. const ui = viewer.addPluginSync(new TweakpaneUiPlugin(true))
  24. ui.setupPluginUi(GeometryGeneratorPlugin)
  25. ui.setupPluginUi(PickingPlugin)
  26. ui.setupPluginUi(Object3DGeneratorPlugin)
  27. }
  28. _testStart()
  29. init().finally(_testFinish)