{"id":18951932,"url":"https://github.com/awangdev/3d-modeling","last_synced_at":"2025-04-16T00:32:12.829Z","repository":{"id":94465640,"uuid":"39957363","full_name":"awangdev/3d-modeling","owner":"awangdev","description":"This project is using ThreeJS to build 3D Building Floor Plan models from Floor Blue Print images.","archived":false,"fork":false,"pushed_at":"2016-02-01T21:18:07.000Z","size":1057,"stargazers_count":52,"open_issues_count":1,"forks_count":17,"subscribers_count":7,"default_branch":"master","last_synced_at":"2023-03-01T13:46:33.157Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/awangdev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-07-30T15:19:52.000Z","updated_at":"2023-04-24T11:11:03.921Z","dependencies_parsed_at":"2023-04-24T11:17:26.720Z","dependency_job_id":null,"html_url":"https://github.com/awangdev/3d-modeling","commit_stats":null,"previous_names":[],"tags_count":null,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awangdev%2F3d-modeling","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awangdev%2F3d-modeling/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awangdev%2F3d-modeling/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awangdev%2F3d-modeling/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/awangdev","download_url":"https://codeload.github.com/awangdev/3d-modeling/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223691437,"owners_count":17186817,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-08T13:30:00.644Z","updated_at":"2024-11-08T13:30:01.252Z","avatar_url":"https://github.com/awangdev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 3d-modeling\nThis project is using ThreeJS to build 3D Building Floor Plan models from Floor Blue Print images. It's a one page application powered by AngularJS and Angular Material Design.\n\n***Start***\n\nSimply download the entire project and launch index.html, and the rest will be very self-explanatory.\n\n\n***How it works***\n\nBasically the user needs to have a Black/Wite png image ready, upload, and render the 3D model. Note, you'd have to have the floor plan ready, and this software will handle the rest.\n\nA couple tricks we are doing here:       \n   **Convert png into binary code**   \n   **Optimize the binary 2D array with BFS**   \n   **Optimize the 3D models with ThreeJS's Geometry merge function**   \n   **Render 3D model**   \n   **Allow control of the 3D model**   \n\nNote: that we are not making precise 3D models, but just a simulation via pixels of cube models. The better your input png image is, the better the results will be. The definition of good png image is: clear and thick black walls.\n\n\n***Example***\n\nThis is a random floor plan found online, and with the 3D Modeling tool, we can build a 3D prototype model.\n\n\nFloor Plan:\n\n\n![](https://github.com/shawnfan/3d-modeling/blob/master/Early%20Prototype/1st%20selector/resource/round-floor-plan.png)\n\nOutcome:\n\n\n![](https://github.com/shawnfan/3d-modeling/blob/master/Early%20Prototype/1st%20selector/resource/round.png)\n\n\n\n\nBasically any map (so far I have decide only recognize black color as height) can be prototyped. Another example, I took the campus map of my college and made a model:\n\nMap:\n\n\n![](https://github.com/shawnfan/3d-modeling/blob/master/Early%20Prototype/1st%20selector/resource/map-floor-plan.png)\n\nOutcome:\n\n\n![](https://github.com/shawnfan/3d-modeling/blob/master/Early%20Prototype/1st%20selector/resource/map.png)\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fawangdev%2F3d-modeling","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fawangdev%2F3d-modeling","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fawangdev%2F3d-modeling/lists"}