Drawing
Layers:
Preview panel
Info panel
Info
Experimental app for drawing in a 2d canvas and showing the result in a 3d canvas. Snapping on grid, polylines and horizontal and vertical dimensions is available. App is in early development as so editing is not possible for now, and 3d canvas is not live updated with the 2d canvas. Stay tunned.
Select mode (draw, pan/zoom, edit, delete, systems, shading):
Select item (floor, zone, space, wall, window, structure):
Select system (heating, cooling, solar collector, humidity, air unit):
Select shading factor (horizontal, vertical, side obstacle and special obstacles):
Use the tools on the left for clearing, saving, opening drawings:
Use the 2d canvas to draw (We are using two.js, MIT license):
Use the 3d canvas to preview (We are using three.js, MIT license):
Use the info panel to view data:
For the solar path we use suncalc.js library, bsd-2-Clause license.
For the 3d presentation we use a 3d viewcube library and viewcube controls, MIT license (you can see a demo here).
Some additions to the code was made with AI.