🚀 Browser-Native 3D BIM Classifier: Instant Isolation by IFC Entity & Building Storey Analyzing ...

🚀 Browser-Native 3D BIM Classifier: Instant Isolation by IFC Entity & Building Storey Analyzing ...🚀 Browser-Native 3D BIM Classifier: Instant Isolation by IFC Entity & Building Storey Analyzing ...

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

Talha Ahmed

pro

• Aug 12

🚀 Browser-Native 3D BIM Classifier: Instant Isolation by IFC Entity & Building Storey

Analyzing multi-story structural models requires instant filtering by structural categories and floor levels without desktop software.

Here is a look at a custom 3D BIM Classifier Interface I engineered using Three.js & WebGL:

⚡ 𝗦𝗽𝗮𝘁𝗶𝗮𝗹 𝗘𝗻𝗴𝗶𝗻𝗲𝗲𝗿𝗶𝗻𝗴 𝗛𝗶𝗴𝗵𝗹𝗶𝗴𝗵𝘁𝘀:

🏗️ Filter by IFC Entity: One-click visibility toggles to isolate structural pillars (COLUMN), floor decks (SLAB), beams (BEAM), or plates (PLATE).

🏢 Filter by Building Storey: Group and inspect geometry level-by-level (Sub Level, 01 - Floor, 02 - Floor, etc.) for floor-specific structural analysis.

👁️ Dynamic Visibility Tree: Instant mesh suppression and visibility restoration with zero frame drops.

⚡ 60 FPS WebGL Rendering: Optimized buffer geometries and metadata tree parsing for heavy architectural models.

Bringing granular spatial classification and floor-by-floor inspection directly into web browsers for modern AEC applications.

📩 𝗟𝗼𝗼𝗸𝗶𝗻𝗴 𝘁𝗼 𝗶𝗻𝘁𝗲𝗴𝗿𝗮𝘁𝗲 𝗶𝗻𝘁𝗲𝗿𝗮𝗰𝘁𝗶𝘃𝗲 𝟯𝗗, 𝗾𝘂𝗲𝗿𝘆 𝗲𝗻𝗴𝗶𝗻𝗲𝘀, 𝗼𝗿 𝗰𝘂𝘀𝘁𝗼𝗺 𝗜𝗙𝗖 𝘃𝗶𝗲𝘄𝗲𝗿𝘀 𝗶𝗻𝘁𝗼 𝘆𝗼𝘂𝗿 𝘄𝗲𝗯 𝗽𝗿𝗼𝗱𝘂𝗰𝘁?

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!

React three.js WebGL

Tim Affram

pro

• Aug 13

Nice!

Talha Ahmed

pro

• Aug 13

thankyou

Haryomidey Jimoh

• Aug 13

This is great!

well done

Talha Ahmed

pro

• Aug 13

Thanks for the words

Anthony Gahdmar

• Aug 11

I created this launch video for Tony Bianco using both CGI and AI. This is how I did it. The background was generated with ChatGPT image gen 2, denoised with Gemini. Then, because AI video can reduce quality quite a bit and we wanted to have the people in the store moving, I animated the video with Seedance but mask cropped it so that the only visible part of the video is the store and the people inside moving. For the banner animation, this was done completely with CGI, as well as the taxi. The lighting was done well enough that everything in the scene feels real, but nothing was shot in real life!