Fix ref to plugins-extra-importers in examples, add InteractionPrompt in model-viewer example, other minor changes

examples/extra-importer-plugins/index.html

@@ -13,7 +13,7 @@
         "imports": {
           "three": "./../../dist/index.mjs",
           "threepipe": "./../../dist/index.mjs",
-          "@threepipe/plugin-extra-importers": "./../../plugins/extra-importers/dist/index.mjs"
+          "@threepipe/plugins-extra-importers": "./../../plugins/extra-importers/dist/index.mjs"
         }
     }
 

examples/extra-importer-plugins/script.ts

@@ -14,7 +14,7 @@ import {
     VRMLLoadPlugin,
     VTKLoadPlugin,
     XYZLoadPlugin,
-} from '@threepipe/plugin-extra-importers'
+} from '@threepipe/plugins-extra-importers'
 
 async function init() {
 
@@ -70,6 +70,7 @@ async function init() {
         'https://threejs.org/examples/models/vtk/bunny.vtk',
         'https://threejs.org/examples/models/vtk/cube_binary.vtp',
         'https://threejs.org/examples/models/xyz/helix_201.xyz',
+        'https://threejs.org/examples/models/vrml/meshWithTexture.wrl',
     ]
 
     const options: ImportAddOptions = {

examples/model-viewer/index.html

@@ -13,7 +13,7 @@
         "imports": {
           "three": "./../../dist/index.mjs",
           "threepipe": "./../../dist/index.mjs",
-          "@threepipe/plugin-extra-importers": "./../../plugins/extra-importers/dist/index.mjs",
+          "@threepipe/plugins-extra-importers": "./../../plugins/extra-importers/dist/index.mjs",
           "@threepipe/plugin-blend-importer": "./../../plugins/blend-importer/dist/index.mjs",
           "@threepipe/plugin-configurator": "./../../plugins/configurator/dist/index.mjs",
           "@threepipe/plugin-network": "./../../plugins/network/dist/index.mjs",

examples/model-viewer/script.ts

@@ -6,7 +6,6 @@ import {
     ClearcoatTintPlugin,
     ContactShadowGroundPlugin,
     CustomBumpMapPlugin,
-    DepthBufferPlugin,
     DeviceOrientationControlsPlugin,
     DropzonePlugin,
     EditorViewWidgetPlugin,
@@ -21,12 +20,11 @@ import {
     HalfFloatType,
     HDRiGroundPlugin,
     HemisphereLight,
+    InteractionPromptPlugin,
     KTX2LoadPlugin,
     KTXLoadPlugin,
     LoadingScreenPlugin,
-    MeshOptSimplifyModifierPlugin,
     NoiseBumpMaterialPlugin,
-    NormalBufferPlugin,
     Object3DGeneratorPlugin,
     Object3DWidgetsPlugin,
     ParallaxMappingPlugin,
@@ -51,7 +49,7 @@ import {
 import {GaussianSplattingPlugin} from '@threepipe/plugin-gaussian-splatting'
 import {MaterialConfiguratorPlugin, SwitchNodePlugin} from '@threepipe/plugin-configurator'
 import {BlendLoadPlugin} from '@threepipe/plugin-blend-importer'
-import {extraImportPlugins} from '@threepipe/plugin-extra-importers'
+import {extraImportPlugins} from '@threepipe/plugins-extra-importers'
 import {AWSClientPlugin} from '@threepipe/plugin-network'
 
 async function init() {
@@ -97,8 +95,8 @@ async function init() {
         VirtualCamerasPlugin,
         // new SceneUiConfigPlugin(), // this is already in ViewerUiPlugin
         new GBufferPlugin(HalfFloatType, true, true, true),
-        new DepthBufferPlugin(HalfFloatType, false, false),
-        new NormalBufferPlugin(HalfFloatType, false),
+        // new DepthBufferPlugin(HalfFloatType, false, false),
+        // new NormalBufferPlugin(HalfFloatType, false),
         new RenderTargetPreviewPlugin(false),
         new FrameFadePlugin(),
         new HDRiGroundPlugin(false, true),
@@ -121,8 +119,8 @@ async function init() {
         DeviceOrientationControlsPlugin,
         PointerLockControlsPlugin,
         ThreeFirstPersonControlsPlugin,
-        // InteractionPromptPlugin, // todo disable when not in Viewer tab, like in webgi
-        new MeshOptSimplifyModifierPlugin(false, document.head), // will auto-initialize on first use.
+        InteractionPromptPlugin,
+        // new MeshOptSimplifyModifierPlugin(false, document.head), // will auto-initialize on first use.
         new GLTFMeshOptDecodePlugin(true, document.head),
         // new BasicSVGRendererPlugin(false, true),
         ...extraImportPlugins,

examples/picking-plugin/script.ts

@@ -18,7 +18,9 @@ async function init() {
     ui.setupPluginUi(PickingPlugin)
 
     picking.addEventListener('hitObject', (e)=>{
-        console.log('Hit object', e)
+        console.log('Hit object', e, e.intersects.selectedObject)
+        // set to null to prevent selection
+        // e.intersects.selectedObject = null
     })
     picking.addEventListener('selectedObjectChanged', (e)=>{
         console.log('Selected Object Changed', e)

examples/tsconfig.build.json

@@ -3,7 +3,8 @@
     "compilerOptions": {
         "paths": {
             "threepipe": ["../dist/"],
-            "@threepipe/plugin-*": ["../plugins/*/dist"]
+            "@threepipe/plugin-*": ["../plugins/*/dist"],
+            "@threepipe/plugins-*": ["../plugins/*/dist"]
         },
     },
 }

examples/tsconfig.json

@@ -20,6 +20,7 @@
         "sourceMap": false,
         "paths": {
             "@threepipe/plugin-*": ["../plugins/*/src"],
+            "@threepipe/plugins-*": ["../plugins/*/src"],
             "threepipe": ["../src/"]
         },
         "target": "ES2020",

examples/tweakpane-editor/index.html

@@ -19,12 +19,12 @@
           "threepipe": "./../../dist/index.mjs",
           "@threepipe/plugin-tweakpane": "./../../plugins/tweakpane/dist/index.mjs",
           "@threepipe/plugin-tweakpane-editor": "./../../plugins/tweakpane-editor/dist/index.mjs",
-          "@threepipe/plugin-extra-importers": "./../../plugins/extra-importers/dist/index.mjs",
+          "@threepipe/plugins-extra-importers": "./../../plugins/extra-importers/dist/index.mjs",
           "@threepipe/plugin-blend-importer": "./../../plugins/blend-importer/dist/index.mjs",
           "@threepipe/plugin-geometry-generator": "./../../plugins/geometry-generator/dist/index.mjs",
           "@threepipe/plugin-configurator": "./../../plugins/configurator/dist/index.mjs",
           "@threepipe/plugin-network": "./../../plugins/network/dist/index.mjs",
-          "@threepipe/plugin-gltf-transform": "./../../plugins/gltf-transform/dist/index.mjs"
+          "@threepipe/plugin-gltf-transform": "./../../plugins/gltf-transform/dist/index.mjs",
           "@threepipe/plugin-gaussian-splatting": "./../../plugins/gaussian-splatting/dist/index.mjs"
         }
     }

examples/tweakpane-editor/script.ts

@@ -36,6 +36,7 @@ import {
     PickingPlugin,
     PLYLoadPlugin,
     PointerLockControlsPlugin,
+    PopmotionPlugin,
     ProgressivePlugin,
     RenderTargetPreviewPlugin,
     Rhino3dmLoadPlugin,
@@ -46,6 +47,7 @@ import {
     ThreeFirstPersonControlsPlugin,
     ThreeViewer,
     TonemapPlugin,
+    TransformAnimationPlugin,
     TransformControlsPlugin,
     UnsignedByteType,
     USDZLoadPlugin,
@@ -56,7 +58,7 @@ import {
 import {TweakpaneUiPlugin} from '@threepipe/plugin-tweakpane'
 import {HierarchyUiPlugin, TweakpaneEditorPlugin} from '@threepipe/plugin-tweakpane-editor'
 import {BlendLoadPlugin} from '@threepipe/plugin-blend-importer'
-import {extraImportPlugins} from '@threepipe/plugin-extra-importers'
+import {extraImportPlugins} from '@threepipe/plugins-extra-importers'
 import {GeometryGeneratorPlugin} from '@threepipe/plugin-geometry-generator'
 import {GaussianSplattingPlugin} from '@threepipe/plugin-gaussian-splatting'
 import {MaterialConfiguratorPlugin, SwitchNodePlugin} from '@threepipe/plugin-configurator'
@@ -86,9 +88,11 @@ async function init() {
         LoadingScreenPlugin,
         AssetExporterPlugin,
         GLTFDracoExportPlugin,
+        PopmotionPlugin,
         new ProgressivePlugin(),
         new SSAAPlugin(),
         GLTFAnimationPlugin,
+        TransformAnimationPlugin,
         PickingPlugin,
         new TransformControlsPlugin(false),
         EditorViewWidgetPlugin,