Three Importer

1. 01Download the ZIP folder from the repository.
2. 02In your WordPress dashboard, go to Plugins > Add New > Upload Plugin.
3. 03Select the ZIP folder and click Install Now.
4. 04Activate the plugin.

Why cant I see my Geometry?

Check your Camera Position, Geometry Position, or Geometry Rotation. Ensure the camera position isn’t inside the mesh position.

Why are multiple instances of THREE being imported?

This happens when using multiple TI implementations. Stick to using just blocks or either shortcodes on a single page (avoid mixmatching both TI blocks and TI shortcodes on a single page). This warning shouldn’t break anything, as it’s just a warning, but will slow that page’s loading speed.

How can I use the custom scene inject function?

Place the shortcode [ti3d_sceneinject module1 module2 ...] , then add the TI id to a div and your script in a Custom HTML block.

[ti3d_sceneinject orbitcontrols axeshelper]

Example Script:

<div class="three-importer-container" id="ti"></div> <script> document.addEventListener('three-modules-ready', () => { const scene = new THREE.Scene(); const container = document.getElementById('ti'); const width = container.clientWidth; const height = container.clientHeight; const camera = new THREE.PerspectiveCamera(75, width / height, 0.1, 1000); camera.position.z = 5; const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true }); renderer.setSize(width, height); container.appendChild(renderer.domElement); const geometry = new THREE.BoxGeometry(2, 2, 2); const material = new THREE.MeshNormalMaterial(); const cube = new THREE.Mesh(geometry, material); scene.add(cube); if (THREE.AxesHelper) { const axesHelper = new THREE.AxesHelper(3); scene.add(axesHelper); } let controls; if (THREE.OrbitControls) { controls = new THREE.OrbitControls(camera, renderer.domElement); } function animate() { requestAnimationFrame(animate); cube.rotation.x += 0.01; cube.rotation.y += 0.01; if (controls) controls.update(); renderer.render(scene, camera); } animate(); }); </script>