menu
announcement

Spectrum is now read-only. Learn more about the decision in our official announcement.

Frontend Cafe

A community for discussing frontend engineering news, best practices, and new technologies.

Channels
Team

Achieving a rotatable 3D building, where an apartment is clickable

April 3, 2019 at 4:44pm

Achieving a rotatable 3D building, where an apartment is clickable

April 3, 2019 at 4:44pm
Hello, I'm currently working webapp for a large apartment/commercial/office development and want to propose the following. I'm in the discovery phase and will present my idea once I have an functional prototype.
  • The mockup of the building (based on the renders) should be rotatable (3D)
  • Each apartment should be clickable
  • Once an apartment is clicked I should be able to pass on data to a quoting engine that I've already developed (all it does it load basic data for that unit, m2, floor, list price, rooms, etc.
I've been looking for solutions relentlessly: Vectary: Sure any model is rotatable and can be embedded/exported to the web, but this is displayed in a canvas element, so I can't target SVH paths/polys and assign class/id to them to attach the event handler. I could in theory delve into the JS that draws the canvas but Vectary's output code is extremely bloated.
Any tips or advice on how to tackle this?

April 5, 2019 at 1:11am
I think treejs can solve that for you, you need to figure out which format you can export from the tool you will use (can probably be Vectary) if not find a tool that exports in a format that three.js can read.

April 5, 2019 at 3:40pm
Thanks! Yeah I finally found the solution yesterday, I can import 3D models to ThreeJS by using the BuildModel library, then rotate it using orbit.js extension to ThreeJS and finally make it interactive (by click or mouseover) by using the Raycasting.js extension.

November 24, 2020 at 5:27pm
I don't really understand. You can send me the layout of the apartment? It's just that I've been looking a good apartment for a long time. I need a lot of space in it. but at the same time, the apartment should can heated quickly in winter. My sister bought large apartment on https://www.kipsbaycourt.com/. And I really liked the way it looks. It has a large ventilation system. The apartment is heated for 10 minutes. Also, most importantly, it has underfloor heating! It is very important to me that the apartment is warm. Write to me in PM. I want to know more about your offer.
Edited

December 2, 2020 at 2:04pm

December 4, 2020 at 12:34am
With such 3d models should be filled real estate website for their potential future customers to have better understanding and view of their property. Time flies and my kids left my house two years ago, they are already grownups, for me, it is a little hard to acknowledge that. My parents are getting older and they need special care. I’m already 90% sure to move them at https://pillarsseniorliving.com/prospectpark/. They have values and community will bring them new friends and lifestyle. Most important that I can trust this place after visiting it and having conversation with staff members.
Edited

March 16, 2021 at 10:35pm
Hello (jatr), have you tried #SketchFab -