Yosan M.
Three.js Expert | Complex CAD-Like Web-Based 3D Editors
I specialize in developing complex, CAD-like 3D web applications using Three.js and React Three Fiber, with a strong focus on the energy sector, particularly solar energy and roof modeling applications. My expertise goes beyond conventional 3D visualization. I build interactive tools that allow users to create, edit, manipulate, and analyze 3D geometry directly in their browsers. My work frequently involves computational geometry, procedural mesh generation, parametric modeling, geospatial data integration, and custom CAD-style interactions. Selected Projects & Experience 1. Solar Roof Modeling & Panel Placement Developed sophisticated web-based applications for solar system design, including: - Generating 3D buildings and roofs from 2D perimeters drawn on satellite maps. - Procedural roof generation with support for dormers, chimneys, and other obstructions. - Automatic and manual solar panel placement on complex roof surfaces. - Integration with mapping and geospatial technologies, including satellite imagery and custom drone imagery overlays. - Solar exposure and shading analysis to support panel placement decisions. 2. Solar Shadow Simulation & Energy Analysis Developed interactive 3D tools for analyzing sunlight and shading, including a WebGPU-based shadow accumulation simulator. - Simulating the sun's position and shadows over different times of day and seasons. - Visualizing accumulated solar exposure through heatmaps. - Analyzing shading effects from nearby buildings, trees, and other obstructions. - Developing custom 3D environments and visualization techniques for energy-related analysis. 3. Parametric 3D Configurators & CAD-Like Editors Built advanced interactive design applications for sheds, furniture, patios, and structural frameworks. - Real-time procedural mesh generation based on user-defined dimensions and design parameters. - Parametric design of structural components and steel frameworks. - Interactive geometry manipulation and custom editing controls. - Automatic generation of dimensioned blueprints with PDF export. Technical Expertise Three.js, React Three Fiber (R3F), TypeScript, JavaScript, React, WebGPU, GLSL, computational geometry, procedural mesh generation, parametric modeling, BVH, raycasting, geospatial visualization, Leaflet, and custom 3D interaction systems. My primary strength is developing the complex functionality behind interactive 3D applications, not just making them visually appealing. I am also highly adaptable and comfortable learning new technologies or algorithms to meet specific engineering and project requirements. If you're building a sophisticated CAD-like web editor, a solar design platform, an energy visualization tool, or a highly interactive parametric 3D application, I can help turn your requirements into a working solution.