The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
๐ Building Next-Gen Web-Based BIM Inspection Platforms
Inspecting complex 3D BIM models shouldn't require heavy desktop CAD software.
When working with multi-layered IFC files, engineers and BIM managers need to isolate specific structural components quickly and adjust viewport visuals for precise inspection.
Here is a look at a custom IFC Model Filter & Viewport Engine I engineered using Three.js & WebGL:
โก ๐ฒ๐๐ ๐ฌ๐๐๐๐๐๐๐๐๐๐ ๐ฏ๐๐๐๐๐๐๐๐๐:
๐ Custom Parameter-Based Filtering: Query and isolate structural components by specific property sets (W01-B02_Navn_Name). Applying filters automatically dims surrounding geometry for high-contrast element inspection.
โก Zero-Latency Canvas Shading: Powered by high-performance Three.js & WebGL rendering pipelines without performance drops.
๐ก Real-Time Lighting Adjustments: Live sliders for Ambient and Directional lighting to ensure optimal mesh visibility under any inspection scenario.
๐จ Dynamic Viewport Environment: On-the-fly background color toggles and camera gizmo controls for clean screenshotting and auditing.
Bringing granular data filtering and real-time canvas configuration directly to the browser no heavy desktop software needed.
๐ฉ ๐ณ๐๐๐๐๐๐ ๐๐ ๐๐๐๐๐๐๐๐๐ ๐๐๐๐๐๐๐๐๐๐๐ 3๐ซ, ๐พ๐๐๐ฎ๐ณ ๐๐๐๐๐, ๐๐ ๐๐๐๐๐๐ ๐ฉ๐ฐ๐ด ๐๐๐๐๐๐๐ ๐๐๐๐ ๐๐๐๐ ๐๐๐ ๐๐๐๐
๐๐๐?
Let's collaborate and turn your spatial vision into a high-performance web experience.
๐ง Direct Email: talha.ahmed@dev-xcel.com
๐ฌ Or drop me a direct message right here on Contra!
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic ๐
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
โข 2d
Built an interactive education web app using React, Node.js, and Three.js. Includes interactive zoom/rotation controls, live teacher annotation tools on canvas, and a comprehensive Jest unit test suite maintaining high reliability.
โข 2d
I made this mini-course a while ago, but thought it's still relevent to those who are 3D artists and want to get into web dev!! Especially now I see more and more 3D experiences! Also for those who want to learn Blender and 3D web dev. It's about creating a 3D room portfolio with Blender and then doing some simple interactions with code!
Tutorial: https://www.youtube.com/watch?v=AB6sulUMRGE
Code: https://github.com/andrewwoan/sooahs-room-folio/
Site: https://www.sooahs-room-folio.com/
