What is voxeltreemorph?

VoxelTreeMorph is a browser-based 3D tree viewer that lives entirely in a single HTML file. It uses Three.js, a JavaScript library for 3D graphics, to render a tree built from small cube-shaped blocks called voxels. The tree can smoothly transition between 13 different visual styles, ranging from familiar shapes like Maple and Oak to more exotic forms like Banyan, Baobab, Jacaranda, and Weeping Willow. Because everything is contained in one HTML file and Three.js is loaded from a public content delivery network, there is no installation step and no build process. You open the file in a browser, or serve it with a basic local web server for the most reliable experience, and the 3D scene loads immediately. An internet connection is required unless you replace the CDN imports with local copies. The controls are split between a panel of sliders and the mouse. Sliders let you adjust particle density, falling leaf count, how long the tree holds each shape before changing, the speed of transitions, and the strength of a cursor interaction that pushes voxels outward when you hover over them. You can also drag to rotate the camera and scroll to zoom. Clicking a variation button triggers an immediate morph. The project exposes a small debug interface through the browser console at window.__voxelTreeMorph, which lets you query the current state, step to the next variation, jump to a specific one by index, or check color statistics. Adding a new tree variation means writing a geometry function in the HTML file and registering it in the variations list. The README walks through the customization process and notes that picker button values must stay aligned with the function indexes.