Το web βγαίνει από την οθόνη.

Δεν είναι άλλη μία οθόνη. Είναι νέο operating surface.

Για δεκαετίες, το web ζούσε μέσα σε ορθογώνια. Scroll, tabs, modals, cards, feeds. Ακόμα και όταν τα interfaces έγιναν πιο όμορφα, η βασική μεταφορά δεν άλλαξε: κοιτάς ένα επίπεδο παράθυρο και πατάς πράγματα.

Το spatial computing σπάει ακριβώς αυτή την παραδοχή. Πληροφορία, interfaces και αντικείμενα δεν κάθονται πια μέσα σε μια οθόνη. Μπορούν να εμφανιστούν πάνω σε ένα γραφείο, να κρυφτούν πίσω από έναν τοίχο, να ακολουθούν το χέρι σου ή να μοιράζονται έναν χώρο με άλλους ανθρώπους.

Και το WebXR είναι ο browser-native δρόμος προς αυτόν τον κόσμο. Είναι ένα σύνολο web APIs που επιτρέπουν σε μια σελίδα να ζητήσει immersive VR ή AR session και να πάρει input από head tracking, controllers, hand tracking και στοιχεία του φυσικού χώρου. Χωρίς να αναγκάζεις τον χρήστη να περάσει από app store. Χωρίς installation ritual. Ένα URL, αλλά με χώρο.

WebXR, AR, VR και spatial computing: όχι, δεν είναι όλα το ίδιο.

Η συζήτηση γίνεται συχνά σούπα. Όλοι πετάνε λέξεις όπως XR, mixed reality και metaverse λες και είναι το ίδιο πράγμα. Δεν είναι. Αν χτίζεις ή γράφεις γι' αυτά, πρέπει να κρατάς τις έννοιες καθαρές.

VR: κλείνεις έξω τον πραγματικό χώρο

Στο virtual reality φοράς headset και το visual περιβάλλον σου αντικαθίσταται από ψηφιακό. Είναι δυνατό για παιχνίδια, simulations, training, virtual tours και ορισμένα collaboration scenarios. Το πρόβλημα είναι ότι κόβει την επαφή με το δωμάτιο και θέλει άνεση με την απομόνωση.

AR: βάζεις ψηφιακά πράγματα πάνω στον κόσμο

Στο augmented reality, η πραγματικότητα μένει εκεί και το software προσθέτει overlays, anchors, labels ή 3D objects. Το κινητό σου που δείχνει έπιπλο στο σαλόνι είναι AR. Τα γυαλιά που σου βάζουν οδηγίες πάνω σε μηχάνημα είναι επίσης AR, απλά πολύ πιο χρήσιμα.

Spatial computing: η ομπρέλα

Εδώ το interface αποκτά επίγνωση του χώρου και οργανώνεται χωρικά. Περιλαμβάνει VR και AR, αλλά δεν σταματά εκεί. Εμπλέκει hand input, eye gaze, depth, room mapping, spatial audio, multi-user shared anchors και interfaces που έχουν νόημα επειδή βρίσκονται κάπου συγκεκριμένα.

WebXR: ο browser bridge

Το WebXR είναι το standard API layer που δίνει σε web εφαρμογές πρόσβαση σε XR hardware. Μια WebXR σελίδα μπορεί να ξεκινήσει immersive-vr session ή immersive-ar session, εφόσον το device και ο browser το υποστηρίζουν. Μετά αναλαμβάνεις rendering, frame loop, input και ό,τι άλλο χρειάζεται η εμπειρία.

Η πλατφόρμα δεν είναι πια βλαβερό πείραμα.

Αυτό δεν σημαίνει ότι όλα λύθηκαν. Σημαίνει ότι τα κομμάτια που χρειάζονται για να χτίσεις κάτι πραγματικό σταμάτησαν να είναι αποκλειστικά για labs και demo reels.

Η μεγάλη μετατόπιση είναι η σύγκλιση. Το WebGPU ανεβάζει σημαντικά το rendering ceiling των browsers. Τα standards γύρω από WebXR συνεχίζουν να ωριμάζουν. Το WebXR Layers API προχωράει ως W3C Working Draft, με σκοπό καλύτερη composition και ποιότητα rendering σε XR sessions. Frameworks όπως το A-Frame και οι μηχανές Three.js/Babylon.js εξακολουθούν να μειώνουν τη δουλειά boilerplate.

Η διαλειτουργικότητα επίσης αρχίζει να αντιμετωπίζεται σαν κανονικό πρόβλημα προϊόντος και όχι σαν υποσημείωση. Η προσπάθεια Interop 2026 βάζει focus σε cross-browser consistency για immersive web. Αυτό είναι πολύ λιγότερο sexy από ένα νέο headset, αλλά είναι ακριβώς ο λόγος που οι σοβαρές ομάδες ξανακοιτάνε το WebXR.

Το συμπέρασμα: δεν πρέπει να υπόσχεσαι ότι “το spatial web έφτασε”. Δεν έφτασε. Αλλά το να το απορρίπτεις με δεδομένα του 2022 είναι τεμπέλικο analysis.

Πώς δουλεύει ένα WebXR session

Η βασική ροή είναι απλή σε θεωρία και απαιτητική στην εκτέλεση. Πρώτα ελέγχεις αν το device υποστηρίζει ένα session mode. Μετά ζητάς permission μέσα από user gesture. Όταν πάρεις session, δημιουργείς reference space και τρέχεις render loop με frames που είναι συγχρονισμένα με την immersive συσκευή.

const button = document.querySelector('#enter-xr');

button.addEventListener('click', async () => {
  if (!navigator.xr) return showFallback();

  const supported = await navigator.xr.isSessionSupported('immersive-ar');
  if (!supported) return showFallback();

  const session = await navigator.xr.requestSession('immersive-ar', {
    requiredFeatures: ['local-floor'],
    optionalFeatures: ['hit-test', 'anchors']
  });

  const space = await session.requestReferenceSpace('local-floor');
  session.requestAnimationFrame(renderFrame);

  function renderFrame(time, frame) {
    const pose = frame.getViewerPose(space);
    if (pose) renderSceneForEachView(pose.views);
    session.requestAnimationFrame(renderFrame);
  }
});

Ναι, ο κώδικας φαίνεται μικρός. Όχι, η εμπειρία δεν είναι απλή. Το rendering, η αλληλεπίδραση, η άνεση και τα device quirks είναι το πραγματικό project.

Όχι παντού. Αλλά εκεί που κολλάει, χτυπάει.

Product visualization και commerce

Αν πουλάς αντικείμενα όπου κλίμακα, υλικό και σχέση με τον χώρο επηρεάζουν την αγορά, το AR είναι σχεδόν αυτονόητο. Έπιπλα, παπούτσια, αυτοκίνητα, συσκευές, διακόσμηση. Η αξία δεν είναι ότι “είναι cool”. Είναι ότι μειώνει το χάσμα ανάμεσα στη φωτογραφία και στην απόφαση.

Industrial guidance και training

Οδηγίες ακριβώς πάνω στο μηχάνημα, checklists που ακολουθούν workflow, simulations που επιτρέπουν λάθη χωρίς κόστος. Εδώ το spatial computing είναι πιο λογικό από οποιοδήποτε gaming use case και συχνά πιο εύκολο να δικαιολογηθεί οικονομικά.

Architecture, real estate, urban planning

Όταν η συζήτηση είναι για χώρο, το 2D plan είναι πάντα compromise. Spatial previews, walk-throughs, 1:1 mockups και shared review μπορούν να αλλάξουν την ποιότητα των αποφάσεων. Όχι επειδή είναι φουτουριστικά, επειδή μειώνουν παρερμηνείες.

Data exploration, με φρένο

Ορισμένα 3D datasets, medical imaging, network topology ή scientific simulations κερδίζουν σε spatial context. Αλλά αν απλώς απλώνεις ένα bar chart στον αέρα, δεν έχεις innovation. Έχεις πιο αργό chart.

Culture και storytelling

Μουσεία, concerts, educational experiences, interactive documentaries και location-based stories έχουν χώρο για πραγματικά δυνατές WebXR εμπειρίες. Εδώ ο browser έχει τεράστιο πλεονέκτημα distribution: link, scan, enter. Τόσο.

Με τι χτίζεις χωρίς να αυτοκαταστραφείς

Για low-friction experiments, το A-Frame παραμένει ο γρήγορος δρόμος: declarative scene markup, components και καλή πρόσβαση σε WebXR concepts χωρίς να γράψεις renderer από την αρχή. Το πρόσφατο A-Frame 1.8.0 δείχνει επίσης ότι το framework εξακολουθεί να κινείται προς τη σύγχρονη Three.js εποχή και τις νεότερες XR δυνατότητες.

Για περισσότερο control, το Three.js είναι η γνωστή επιλογή. Έχει τεράστιο ecosystem, loaders, shaders και παραδείγματα. Το Babylon.js είναι πολύ δυνατή επιλογή αν θέλεις πιο ολοκληρωμένο engine feeling και εργαλεία γύρω από XR. Για cutting-edge rendering, η επένδυση σε WebGPU θα σου δώσει χώρο, αλλά έρχεται με μεγαλύτερη τεχνική ευθύνη.

Για assets, το glTF και ειδικά το binary .glb παραμένουν ο λογικός δρόμος. Συμπίεση, σωστά textures, sensible polygon budgets και progressive loading δεν είναι polish. Είναι το μεταξύ “ωραίο demo” και “γιατί το headset ζεσταίνεται σαν τοστιέρα;”.

Και ναι, AI μπορεί να βοηθήσει: concepting, texture variations, scripted interactions, asset metadata, test generation. Αλλά AI-generated 3D χωρίς art direction συνήθως βγάζει ψηφιακό χαλίκι. Μη το περάσεις για pipeline.

Ένα πρακτικό σχέδιο για το πρώτο σου WebXR project

Μην ξεκινήσεις με “θα φτιάξω τον νέο virtual κόσμο”. Είναι ο πιο γρήγορος τρόπος να φτιάξεις τίποτα. Βρες ένα μικρό use case με ξεκάθαρη αξία και ένα interaction που ο χώρος κάνει καλύτερο.