modulePaths = {
return [
"controls/OrbitControls",
"postprocessing/GlitchPass",
"shaders/DigitalGlitch",
"postprocessing/RenderPass",
"postprocessing/EffectComposer",
"postprocessing/ShaderPass",
"postprocessing/SSAARenderPass",
"postprocessing/UnrealBloomPass",
"shaders/LuminosityHighPassShader",
"shaders/CopyShader",
"shaders/SobelOperatorShader",
];
}
threeVersion = "123"
import { THREE } with { threeVersion, modulePaths } from "@severo/three"
{
// THREE = {
// const THREE = window.THREE = await require('three');
// await require('three/examples/js/controls/OrbitControls.js').catch(() => {});
// await require("three/examples/js/postprocessing/EffectComposer.js").catch(() => {});
// await require("three/examples/js/postprocessing/UnrealBloomPass.js").catch(() => {});
// await require("three/examples/js/postprocessing/GlitchPass.js").catch(() => {});
// await require("three/examples/js/shaders/DigitalGlitch.js").catch(() => {});
// await require("three/examples/js/postprocessing/ShaderPass.js").catch(() => {});
// await require("three/examples/js/postprocessing/RenderPass.js").catch(() => {});
// await require("three/examples/js/controls/OrbitControls.js").catch(() => {});
// await require("three/examples/js/postprocessing/EffectComposer.js").catch(() => {});
// await require("three/examples/js/postprocessing/ShaderPass.js").catch(() => {});
// await require("three/examples/js/postprocessing/SSAARenderPass.js").catch(() => {});
// await require("three/examples/js/postprocessing/UnrealBloomPass.js").catch(() => {});
// await require("three/examples/js/shaders/LuminosityHighPassShader.js").catch(() => {});
// await require("three/examples/js/shaders/CopyShader.js").catch(() => {});
// await require("three/examples/js/shaders/SobelOperatorShader.js").catch(() => {});
// const textTexture = await require("https://unpkg.com/@seregpie/three.text-texture")
// const textSprite = await require("https://unpkg.com/@seregpie/three.text-sprite")
// return { ...THREE, TextSprite: textSprite, TextTexture: textTexture};
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
