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
🚀 Browser-Native 3D Spatial Analytics for Large-Scale Infrastructure
Heavy civil engineering assets like tunnels, bridges, and portals no longer require desktop CAD software for precise quantity extraction.
When working on complex spatial models, engineers and quantity surveyors need instant, web-native tools to measure dimensions and verify site geometry.
Here is a look at a custom 3D IFC Measurement & Inspection System I engineered using Three.js & WebGL:
⚡ 𝗦𝗽𝗮𝘁𝗶𝗮𝗹 𝗘𝗻𝗴𝗶𝗻𝗲𝗲𝗿𝗶𝗻𝗴 𝗛𝗶𝗴𝗵𝗹𝗶𝗴𝗵𝘁𝘀:
📐 Precision Edge & Dimension Extraction: Real-time measurement of tunnel opening bounds, clear heights, and structural widths directly on 3D meshes.
🟩 Surface Area Calculations: Instant polygon face selection to calculate precise surface areas ($m^2$) for material estimates.
📏 Point-to-Point Spatial Measuring: Interactive 3D distance tracking between arbitrary mesh vertices in 3D space.
⚡ High-Performance Canvas Rendering: Smooth 60 FPS viewport manipulation over massive linear geometry with zero latency.
Bringing granular spatial analytics and quantity extraction directly to the browser eliminating heavy software friction for modern AEC platforms.
📩 𝗟𝗼𝗼𝗸𝗶𝗻𝗴 𝘁𝗼 𝗶𝗻𝘁𝗲𝗴𝗿𝗮𝘁𝗲 𝗶𝗻𝘁𝗲𝗿𝗮𝒄𝘁𝗶𝘃𝗲 𝟯𝗗, seaport 𝗺𝗲𝗮𝘀𝘂𝗿𝗲𝗺𝗲𝗻𝘁 𝘁𝗼𝗼𝗹𝘀, 𝗼𝗿 𝗰𝘂𝘀𝘁𝗼𝗺 𝗜𝗙𝗖 𝘃𝗶𝗲𝘄𝗲𝗿𝘀 𝗶𝗻𝘁𝗼 𝘆𝗼𝘂𝗿 𝘄𝗲𝗯 𝗽𝗿𝗼𝗱𝘂𝗰𝘁?
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
Spent the weekend cleaning out my camera roll. Somewhere in there I noticed something I'd swiped past a thousand times, that subtle parallax shift when you move between photos.
So I rebuilt it for the web.
- Spring physics, no animation library
- Rubber band effect at the edges
- Full keyboard navigation
- Screen reader support
Didn't want to just leave it as a demo. If you can't use a mouse, it still works. If you can't see it, it tells you what photo you're on.
Love that you didn't stop at making it look good. Accessibility is what makes it complete.
Canvas API: Full-screen procedural 2D renderer for the tower stacking playfield, including the crane, live cable, platform, square blocks, and controlled camera follow.🧱🏗️
Touch Events: Captures full-screen taps to release the hanging block and restart after game over.
Physics2D: Provides the controlled gravity and collision-ready physics simulation underpinning the active tower block lifecycle.
Sprite Store: Restored STANDARD building texture store with the eight re-uploaded facade images. Queue entries retain their exact selected texture from NEXT preview through spawning.
List of Friends: Supplies friend Bitmoji identities so queued building residents can be assigned from the player and available friends.
Sprite Store: Restored the eight newly re-uploaded NARROW building textures. Each queued NARROW entry retains its exact texture from the NEXT preview through spawning, using the existing narrow gameplay width and the shared block height.
Sprite Store: Restored the re-uploaded industrial hook texture for the live cable-to-building connection; it keeps the current size and movement behavior.
Sprite Store: Five gameplay backgrounds in the fixed City, Sky, Night, Deep Night, and Space sequence. They now move smoothly downward in the opposite direction of the tower at a slower parallax rate, with Space looping.
Bitmoji Sticker Store: Provides varied medium-body positive Bitmoji reactions only for successful placements. The same assigned player or friend is retained while happy-smile, heart-eyes, and excited-relieved reactions are selected without consecutive repeats.
Leaderboard: Global high-score leaderboard for Tower Stack. The final score is submitted and the rankings are shown only after the run has ended.
Haptics: Provides one subtle short vibration on each falling block's first physical contact with the tower or starting platform.
Canvas API: Transparent high-layer renderer for the single vertical ten-cell level meter. It reads the editable level bar layout and draws discrete yellow progress cells with a solid black border.
Hey Hassan! I noticed that your project is very similar to the mine that I submitted earlier. This challenge is meant to reward creativity and original ideas, so I honestly don’t think spending your time recreating someone else’s concept will help you achieve your goals. It...
Prerender Buddy has been completely overhauled
The whole project has changed significantly since I first shared it here.
What started as a prerendering service for JavaScript websites has grown into a complete crawler visibility toolkit. The platform now includes managed prerendering, crawler diagnostics, raw vs rendered HTML comparisons, bulk website checking, a Chrome extension, macOS app, developer API, CLI and MCP tools.
I have also rebuilt large parts of the dashboard, rendering infrastructure and website setup process. The next step is releasing the self-hosted rendering engine and integrations for developer tools.
The goal remains simple: help website owners see what search engines and AI crawlers actually receive, and fix it when they receive almost nothing.
Curious what crawlers actually see on your website? You can check it for free at https://prerenderbuddy.com
Impressive evolution! How are users finding the new bulk website checking feature?