Open Source for Architects offers demos and tutorials about free and open-source software (FOSS), open standards and open data for architecture and related fields: 3D modeling and rendering, parametric design, CAD and BIM, cartography, digital survey, 3D web development and more. Free and open-source software is software that is available under a license that grants the right to use, modify, and distribute the software, modified or not, to everyone free of charge. The channel covers tools such as Blender, Freecad, QGIS, Three.js, Meshroom. About the editor : my name is Raphaël Vouilloz. I am a Swiss architect working as a scientific assistant in teaching and research at CNPA Lab of EPFL in the fields of geometry, stereotomy, CAD/CAM and BIM, with a particular interest in Open Source and interoperability. Contact for this channel : opensourceforarchitects@gmail.com
Thanks for sharing this, it was fun to follow along and get this thing working! The procedure for projecting the geometry was really smart. Thanks again, great tutorial :)
Hey, You have to import in it at the start of the document, either with : import {...PerspectiveCamera...} from 'three'; or import * as THREE form 'three'; with this, call it then THREE.PerspectiveCamera
When I import the Shapefile into Blender, my Vectors are all flat. Also - when I impirt the files into QGIS the buildings are all red. Any solutions? Thanks :)
Do you work with the same Swisstopo data? If not, many shapefiles from other countries or other sources are unfortunately only basic 2D contours. The color in QGIS is random at import, you can change it in the layer style properties
How do you add that ESRI Satellite to the options? I only have the "Mapzen Global Terrain" and "OpenStreetMap" on the XYZ Tiles. I know nothing about architeture or even what this program does... im just trying to get maps into images so i can play in Table top rpg xD I realy need to get the roads and houses... so i can have maps to play wallking dead ttrpg xD
Good question! You can find links there : github.com/roblabs/xyz-raster-sources I show how to add them in a short called : XYZ Tiles : Export a satellite image from any site from QGIS (rigth click on XYZ Tiles > New connection)
thank u so much for creating this channel. I've been waiting for this kind of channel where it's about open source software. I hope in the future there will be Open Source for Urban Planning too.
@@opensourceforarchitects Thanks for replying, I tried from scratch again and it worked. I later followed the same steps for another example (fps example) and it worked, but when I try to replace the model in the fps example with some other models they won't load. The two models that loaded properly were less than 10mb in size. How can I fix this issue? Thanks in advance : )
@@naveed_snryou're welcome! Size shouldn't be a problem. Maybe it's the file format? .gltf and .glb work with the same code, but it has to match your file
@@opensourceforarchitects Yes, I made sure file paths and names are correct and the files were indeed of .glb format. Idk what was wrong so instead of using the code from the template, I wrote everything from scratch and it worked. Thanks to you I was able to understand whatever I was writing, which otherwise wouldn't have been the case : )
@opensourceforarchitects I am building 360 capture, have gotten far but a few bugs/hurdles. You have a DM or contact link for a more in-depth discussion? And besides creating a viewer, do you have a method to capture from a camera, before ability to preview in three.js?
Sure you can send an email at opensourceforarchitects@gmail.com. You can build a hdri in Meshroom or even direclty on the phone with Google Street View app. Then you can build a three.js scene just with the hdri whitout loading any object
can you please create an video in which we use panorama and change the color of wall or texture of wall with custom image upload or change from available existing options from the dropdown with on click method ? or please share if any reference example available for this
Thanks for the suggestions. Yes, it is possible with three.js to let a user change the material of an object. It is also possible to change hdri (panoramas) but it has some limitations : it is suggested to bake the lighting and shadows produced by an hdri (eg in Blender) to avoid having it calculated by three on the user's machine