🌐 Strona WWW
🏠 Nieruchomości
Living Preview — Oglądaj mieszkanie w swoim salonie (WebAR bez aplikacji)
💬 Czym jest ten projekt
Twój klient może "wejść" do mieszkania siedząc na kanapie o 23:00 — bez wychodzenia z domu, bez aplikacji, bez spotkania. Widzi je w swoim własnym salonie w pełnej skali. To nie jest galeria zdjęć. To jest doświadczenie.
📊 Parametry projektu
Efekt WOW
🔥🔥🔥🔥🔥
Game-changing 🚀
Czas realizacji
⏱
Projekt (2-3 miesiące)
🛠️ Technologie
WebXR Device API
Three.js
GLTF/GLB 3D models
AmbientLightSensor API
CSS Houdini
🏷️ Obszary zastosowań
#ar
#3d
#nieruchomosci
#immersive
🖼️ Podgląd rozwiązania
⚙️ Pracownia — za kulisami
Jak działa podgląd AR budynku bez żadnych pluginów?
JavaScript (vanilla)
CSS3 3D Transform
SVG
HTML5 Touch Events
Jak to działa
- 🏗️ Model 3D budynku zbudowany w SVG + CSS perspective — zero Three.js
- 🖱️ Drag i touch do obracania modelu — własny event handler
- 📡 Modal AR z animacją skanowania — CSS @keyframes
- 🔲 Siatka perspektywiczna jako podłoga — CSS transform + skewX
- 🏷️ Etykiety pomieszczeń nakładane na model — absolute positioning
💡 Kluczowy trik
CSS perspective + rotateY() + translateZ() daje złudzenie 3D bez żadnej biblioteki. Drag = różnica clientX między touchstart a touchmove.
Ten projekt Cię zainteresował?
Skontaktuj się — omówimy szczegóły, dostosujemy do Twojego biznesu
i przygotujemy wycenę szytą na miarę.