diff --git a/doc/RF6_XR_Fragments.png b/doc/RF6_XR_Fragments.png deleted file mode 100644 index a0ba0ea..0000000 Binary files a/doc/RF6_XR_Fragments.png and /dev/null differ diff --git a/doc/RFC_XR_Fragments.html b/doc/RFC_XR_Fragments.html deleted file mode 100644 index 575f45b..0000000 --- a/doc/RFC_XR_Fragments.html +++ /dev/null @@ -1,1640 +0,0 @@ - - - - XR Fragments - - - - - - - - - - -
-

XR Fragments

-
- -
-stream:    IETF
-area:      Internet
-status:    informational
-author:    Leon van Kammen
-date:      2023-04-12T00:00:00Z
-workgroup: Internet Engineering Task Force
-value:     draft-XRFRAGMENTS-leonvankammen-00
-
- - - -

Abstract

- -
-

Version: 0.5

-
- -

An open specification for hyperlinking & deeplinking 3D fileformats. -This draft is a specification for interactive URI-controllable 3D files, enabling hypermediatic navigation, to enable a spatial web for hypermedia browsers with- or without a network-connection.
-XR Fragments allows us to better use implicit metadata inside 3D scene(files), by mapping it to proven technologies like URI Fragments.

- -
-

Almost every idea in this document is demonstrated at https://xrfragment.org

-
-
-

Quick reference

- -
    -
  1. Abstract
  2. -
  3. Index
  4. -
  5. Introduction
  6. -
  7. How does it work
  8. -
  9. What does it solve
  10. -
  11. HFL (Hypermediatic Feedback Loop) for XR Browsers
  12. -
  13. Conventions and Definitions - -
      -
    1. XR Fragment URL Grammar
    2. -
  14. -
  15. Spatial Referencing 3D
  16. -
  17. Level0: Files - -
      -
    1. via href metadata
    2. -
    3. via chained extension
    4. -
    5. via subdocuments/xattr
    6. -
    7. JSON sidecar-file
    8. -
  18. -
  19. Level1: URI - -
      -
    1. List of URI Fragments
    2. -
    3. List of explicit metadata
    4. -
  20. -
  21. Level2: href links - -
      -
    1. Interaction behaviour
    2. -
    3. XR Viewer implementation
    4. -
  22. -
  23. Level3: Media Fragments - -
      -
    1. Animation(s) timeline
    2. -
    3. Specify playback loopmode
    4. -
    5. Controlling embedded content
    6. -
  24. -
  25. Level4: prefix operators - -
      -
    1. Object teleports
    2. -
    3. Object multipliers
    4. -
    5. De/selectors (+ and -)
    6. -
    7. Sharing object or file (#|)
    8. -
    9. xrf:// URI scheme
    10. -
  26. -
  27. Level5: URI Templates (RFC6570)
  28. -
  29. Top-level URL processing - -
      -
    1. UX
    2. -
  30. -
  31. Example: Navigating content href portals - -
      -
    1. Walking surfaces
    2. -
  32. -
  33. Example: Virtual world rings
  34. -
  35. Additional scene metadata
  36. -
  37. Accessibility interface - -
      -
    1. Two-button navigation
    2. -
    3. Overlap with fileformat-specific extensions
    4. -
  38. -
  39. Vendor Prefixes
  40. -
  41. Security Considerations
  42. -
  43. FAQ
  44. -
  45. Authors
  46. -
  47. IANA Considerations
  48. -
  49. Acknowledgments
  50. -
  51. Appendix: Definitions
  52. -
- -

Introduction

- -

- -

How can we add more control to existing text and 3D scenes, without introducing new dataformats?
-Historically, there’s many attempts to create the ultimate 3D fileformat.
-The lowest common denominator is: designers describing/tagging/naming things using plain text.
-XR Fragments exploits the fact that all 3D models already contain such metadata:

- -

XR Fragments allows deeplinking of 3D objects by mapping objectnames to URI fragments

- -

How does it work

- -

- -

XR Fragments utilizes URLs:

- -
    -
  1. for 3D viewers/browser to manipulate the camera or objects (via URI fragments)
  2. -
  3. implicitly: by mapping 3D objectnames (of a 3D scene/file) to URI fragments (3D deeplinking)
  4. -
  5. explicitly: by scanning href metadata inside 3D scene-files to enable interactions
  6. -
  7. externally: progressively enhance a 3D (file) into an experience via sidecarfiles
  8. -
- -

What does it solve

- -

It solves:

- -
    -
  1. addressibility and hypermediatic navigation of 3D scenes/objects: URI Fragments using src/href spatial metadata
  2. -
  3. Interlinking text & spatial objects by collapsing space into a Word Graph (XRWG) to show visible links
  4. -
  5. unlocking spatial potential of the (originally 2D) hashtag (which jumps to a chapter) for navigating XR documents
  6. -
  7. refraining from introducing scripting-engines for mundane tasks (and preventing its inevitable security-headaches)
  8. -
  9. the gap between text an 3d objects: object-names directly map to hashtags (=fragments), which allows 3D to text transcription.
  10. -
- -
-

NOTE: The chapters in this document are ordered from highlevel to lowlevel (technical) as much as possible

-
- -

XR Fragments views XR experiences through the lens of 3D deeplinked URI’s, rather than thru code(frameworks) or protocol-specific browsers (webbrowser e.g.). -To aid adoption, the standard comprises of various (optional) support-levels, which incorporate existing standards like W3C Media Fragments and URI Templates (RFC6570) to promote spatial addressibility, sharing, navigation, filtering and databinding objects for (XR) Browsers.

- -
-

XR Fragments is in a sense, a heuristical 3D format or meta-format, which leverages heuristic rules derived from any 3D scene or well-established 3D file formats, to extract meaningful features from scene hierarchies.
-These heuristics, enable features that are both meaningful and consistent across different scene representations, allowing higher interop between fileformats, 3D editors, viewers and game-engines.

-
- -

HFL (Hypermediatic Feedback Loop) for XR Browsers

- -

for XR Browsers)

- -

href metadata traditionally implies click AND navigate, however XR Fragments adds stateless click (xrf://....) via the xrf:// scheme, which does not change the top-level URL-adress (of the browser). -This allows for many extra interactions via URLs, which otherwise needs a scripting language. -These are called hashbus-only events/

- -
-

Being able to use the same URI Fragment DSL for navigation (href: #foo) as well as interactions (href: xrf://#foo) greatly simplifies implementation, increases HFL, and reduces need for scripting languages.

-
- -

This opens up the following benefits for traditional & future webbrowsers:

- - - -

XR Fragments itself are hypermediatic and HTML-agnostic, though pseudo-XR Fragment browsers can be implemented on top of HTML/Javascript.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
principle3D URLHTML 2D URL
the XRWGwordgraph (collapses 3D scene to tags)Ctrl-F (find)
the hashbushashtags alter camera/scene/object-projectionshashtags alter document positions
src metadatarenders content and offers sourceportationrenders content
href metadatateleports to other XR documentjumps to other HTML document
href metadatatriggers predefined viewMedia fragments
href metadatatriggers camera/scene/object/projectionsn/a
href metadatadraws visible connection(s) for XRWG ‘tag’n/a
href metadatafilters certain (in)visible objectsn/a
href metadatahref=“xrf://#-foo&bar”href=“javascript:hideFooAndShowBar()`
(this does not update topLevel URI)(this is non-standard, non-hypermediatic)
- -
-

An important aspect of HFL is that URI Fragments can be triggered without updating the top-level URI (default href-behaviour) thru their own ‘bus’ (xrf://#.....). This decoupling between navigation and interaction prevents non-standard things like (href:javascript:dosomething()).

-
- -

Conventions and Definitions

- -

- -

See appendix below in case certain terms are not clear.

- -

XR Fragment URL Grammar

- -

- -

For typical HTTP-like browsers/applications:

- -
reserved    = gen-delims / sub-delims
-gen-delims  = "#" / "&"
-sub-delims  = "," / "="
-
- -
-

Example: ://foo.com/my3d.gltf#room1&prio=-5&t=0,100

-
- - - - - - - - - - - - - - - - - - - - -
DemoExplanation
room1vector/coordinate argument e.g.
room1&cam1combinators
- -
-

this is already implemented in all browsers

-
- -

Pseudo (non-native) browser-implementations (supporting XR Fragments using HTML+JS e.g.) can use the ? search-operator to address outbound content.
-In other words, the URL updates to: https://me.com?https://me.com/other.glb when navigating to https://me.com/other.glb from inside a https://me.com WebXR experience e.g.
-That way, if the link gets shared, the XR Fragments implementation at https://me.com can load the latter (and still indicates which XR Fragments entrypoint-experience/client was used).

- -

Spatial Referencing 3D

- -

- -

3D files contain an hierarchy of objects.
-XR Fragments assumes the following objectname-to-URI-Fragment mapping, in order to deeplink 3D objects:

- -

-  my.io/scene.fbx
-  +─────────────────────────────+
-  │ sky                         │  src: http://my.io/scene.fbx#sky          (includes building,mainobject,floor)
-  │ +─────────────────────────+ │ 
-  │ │ building                │ │  src: http://my.io/scene.fbx#building     (includes mainobject,floor)
-  │ │ +─────────────────────+ │ │
-  │ │ │ mainobject          │ │ │  src: http://my.io/scene.fbx#mainobject   (includes floor)
-  │ │ │ +─────────────────+ │ │ │
-  │ │ │ │ floor           │ │ │ │  src: http://my.io/scene.fbx#floor        (just floor object)
-  │ │ │ │                 │ │ │ │
-  │ │ │ +─────────────────+ │ │ │
-  │ │ +─────────────────────+ │ │
-  │ +─────────────────────────+ │
-  +─────────────────────────────+
-
-
- -
-

Every 3D fileformat supports named 3D object, and this name allows URLs (fragments) to reference them (and their children objects).

-
- -

Clever nested design of 3D scenes allow great ways for re-using content, and/or previewing scenes.
-For example, to render a portal with a preview-version of the scene, create an 3D object with:

- - - -
-

It also allows sourceportation, which basically means the enduser can teleport to the original XR Document of an src embedded object, and see a visible connection to the particular embedded object. Basically an embedded link becoming an outbound link by activating it.

-
- -

Level0: Files

- -

-

- -

Compatible 3D fileformats: glTF, usdz, obj, collada, THREE.json, X3D e.g. -

- -

A 3D scene-file can be considered XR Fragment-compatible when it contains metadata: -1. implicit: there’s at least one object with a name (*) -2. explicit: (optional) object(s) have (level2) href extras.

- -
-

* = last wins in case of non-unique names

-
- -

There are optional auto-loaded side-car files to enable hasslefree XR Movies.
-they can accomodate developers or applications who (for whatever reason) must not modify the 3D scene-file (a .glb e.g.).

- -

via href metadata

- -
scene.glb  <--- 'href' extra [heuristic] detected inside!
-scene.png  (preview thumbnail)
-scene.ogg  (soundtrack to plays when global 3D animation starts)
-scene.vtt  (subtitles for accessibility or screenreaders)
-scene.json (sidecar JSON-file with explicit metadata)
-
- -

heuristics:

- - - -

via chained extension

- -
scene.xrf.glb  <--- '.xrf.' sidecar file heuristic detected!
-scene.xrf.png  (preview thumbnail)
-scene.xrf.ogg  (soundtrack to plays when global 3D animation starts)
-scene.xrf.vtt  (subtitles for accessibility or screenreaders)
-scene.xrf.json (sidecar JSON-file with explicit metadata)
-
- -
-

A fallback-mechanism to turn 3D files into XR Movies without editing them.

-
- -

heuristics:

- - - -

via subdocuments/xattr

- -

More secure protocols (Nextgraph e.g.) don’t allow for simply polling files. -In such case, subdocuments or extended attributes should be polled:

- -
-

NOTE: in the examples below we use the href-heuristic, but also the .xrf. chained-extension applies here.

-
- -
myspreadsheet.ods
-└── explainer.glb      <--- 'href' extra [heuristic] detected inside!
-    ├── explainer.ogg  (soundtrack to play when global 3D animation starts)
-    ├── explainer.png  (preview thumnbnail)
-    ├── explainer.json (sidecar JSON-file with explicit metadata)
-    └── explainer.vtt  (subtitles for accessibility or screenreaders)
-
- -

If only extended attributes (xattr) are available, the respective referenced file can be embedded:

- -
$ setfattr -n explainer.ogg -v "soundtrack.ogg" explainer.glb
-$ setfattr -n explainer.png -v "thumbnail.png" explainer.glb
-$ setfattr -n explainer.vtt -v "subtitles.vtt" explainer.glb
-
- -
-

NOTE: Linux’s setfattr/getfattr is xattr on mac, and Set-Content/Get-content on Windows. See pxattr for lowlevel access.

-
- -

JSON sidecar-file

- -

For developers, sidecar-file can allow for defining explicit XR Fragments links (>level1), outside of the 3D file.
-This can be done via (objectname/metadata) key/value-pairs in a JSON sidecar-file:

- - - -
{
-  "aria-description": "description of scene",
-  "button": {
-    "href": "#roomB",
-    "aria-description": "description of room"
-  }
-}
-
- -
-

This will make object button clickable, and teleport the user to object roomB.

-
- -

So after loading experience.glb the existence of experience.json is detected, to apply the explicit metadata.
-The sidecar will define (or override already existing) extras, which can be handy for multi-user platforms (offer 3D scene customization/personalization to users).

- -
-

In THREE.js-code this would boil down to:

-
- -
 scene.userData['aria-description'] = "description of scene"
- scene.getObjectByName("button").userData.href = "#roomB"
-
- // now the XR Fragments parser can process the XR Fragments userData 'extras' in the scene 
-
- -

Level1: URI

- -

- -
-

XR Fragments allows deeplinking of 3D objects by mapping objectnames to URI fragments

-
- -

XR Fragments tries to seek to connect the world of text (semantical web / RDF), and the world of pixels.
-Instead of forcing authors to combine 3D/2D objects programmatically (publishing thru a game-editor e.g.), XR Fragments integrates all which allows a universal viewing experience.

- -
  +───────────────────────────────────────────────────────────────────────────────────────────────+
-  │                                                                                               │
-  │                          U R N                                                                │
-  │ U R L                      |                                                                  │
-  │  |       |-----------------+--------|                                                         │
-  │  +--------------------------------------------------|                                         │
-  │  |                                                                                            │
-  │  + https://foo.com/some/foo/scene.glb#someview             <-- http URI (=URL and has URN)    │
-  │  |                                                                                            │
-  │  + ipfs://cfe0987ec9r9098ecr/cats.fbx#someview             <-- an IPFS URI (=URL and has URN) │
-  │                                                                                               │
-  │  ec09f7e9cf8e7f09c8e7f98e79c09ef89e000efece8f7ecfe9fe      <-- an interpeer URI               │
-  │                                                                                               │
-  │                                                                                               │
-  │  |------------------------+-------------------------|                                         │
-  │                           |                                                                   │
-  │                         U R I                                                                 │
-  │                                                                                               │
-  +───────────────────────────────────────────────────────────────────────────────────────────────+
-
-
- -

Fact: our typical browser URL’s are just a possible implementation of URI’s (for untapped humancentric potential of URI’s see interpeer.io or NextGraph )

- -
-

XR Fragments does not look at XR (or the web) thru the lens of HTML or URLs.
But approaches things from a higherlevel local-first 3D hypermedia browser-perspective.

-
- -

Below you can see how this translates back into good-old URLs:

- -
 +───────────────────────────────────────────────────────────────────────────────────────────────+
- │                                                                                               │
- │   the soul of any URL:       ://macro        /meso           ?micro      #nano                │
- │                                                                                               │
- │                2D URL:       ://library.com  /document       ?search     #chapter             │
- │                                                                                       xrf://  │
- │                4D URL:       ://park.com     /4Dscene.fbx ─> ?other.glb ─> #object ─> hashbus │
- │                                                │                           #filter     │      │
- │                                                │                           #tag        │      │
- │                                                │     (hypermediatic)       #material   │      │
- │                                                │     (  feedback   )       #animation  │      │
- │                                                │     (    loop     )       #texture    │      │
- │                                                │                           #variable   │      │
- │                                                │                                       │      │
- │                                               XRWG <─────────────────────<─────────────+      │
- │                                                │                                       │      │
- │                                                └─ objects  ──────────────>─────────────+      │
- │                                                                                               │
- │                                                                                               │
- +───────────────────────────────────────────────────────────────────────────────────────────────+
-
-
- -
-

?-linked and #-linked navigation are JUST one possible way to implement XR Fragments: the essential goal is to allow a Hypermediatic FeedbackLoop (HFL) between external and internal 4D navigation.

-
- -

List of URI Fragments

- - - - - - - - - - - - - - - - - - - - - - - - - - -
fragmenttypeexampleinfo
#......vector3#room1 #room2 #cam2positions/parents camera(rig) (or XR floor) to xyz-coord/object/camera and upvector
Media Fragmentsmedia fragment#t=0,2&loopplay (and loop) 3D animation from 0 seconds till 2 seconds
- -

List of *explicit metadata

- -

These are the possible ‘extras’ for 3D nodes and sidecar-files

- - - - - - - - - - - - - - - - - - - - - -
keytypeexample (JSON)functionexisting compatibility
hrefstring"href": "b.gltf"XR teleportcustom property in 3D fileformats
- -

Level2: href links

- -

- -

Explicit href metadata (‘extras’) in a 3D object (of a 3D file), hint the viewer that the user “can interact” with that object :

- -

| fragment | type | example value | -|href| string (uri or predefined view) | #pyramid
#lastvisit
xrf://#-someobject
://somefile.gltf#foo
|

- -

Interaction behaviour

- -

When clicking an “href”-value, the user(camera) is teleport to the referenced object.

- -

The imported/teleported destination can be another object in the same scene-file, or a different file.

- -

XR Viewer implementation

- -

| spec | action | feature | -|-|-|-| -| level0+1 | hover 3D file href | show the preview PNG thumbnail (if any). | -| level0+1 | launch 3D file href | replace the current scene with a new 3D file (href: other.glb e.g.) | -| level2 | click internal 3D file href (#roomB e.g.) | teleport the camera to the origin of object(name roomB). See [[teleport camera]].| -| level2 | click external 3D file href (foo.glb e.g.) | replace the current scene with a new 3D file (href: other.glb e.g.) | -| level2 | hover external 3D file href | show the preview PNG thumbnail (if any sidecar, see level0) | -| level2 | click href | hashbus: execute without changing the toplevel URL location (href: xrf://#someObjectName e.g.) | -| level3 | click href | set the global 3D animation timeline to its Media Fragment value (#t=2,3 e.g.) |

- -
-

NOTE: hashbus links (xrf://#foo&bar) don’t change the toplevel URL, which makes it ideal for interactions (in contrast to typical #roomC navigation, which benefit back/forward browser-buttons), see hashbus for more info.

-
- -

Level3: Media Fragments

- -

- -
-

these allow for XR Movies with a controllable timeline using href URI’s with Media Fragments

-
- -

Just like with 2D media-files, W3C mediafragments (#t=1,2) can be used to control a timeline via the #t primitive. -XR Fragments Level3 makes the 3D timeline, as well as URL-referenced files controllable via Media Fragments like:

- - - -

Animation(s) timeline

- -

controls the animation(s) of the scene (or src resource which contains a timeline)

- -

| fragment | type | functionality | -| #t=start,stop | [vector2] | start,stop (in seconds |

- -

| Example Value | Explanation | -| #t=1 | play (3D) animations from 1 seconds till end (and stop) | -| #t=1,100 | play (3D) animations from 1 till 100 seconds (and stop) |

- -

Specify playback loopmode

- -

This compensates a missing element from Media Fragments to enable/disable temporal looping. .

- -

| fragment | type | functionality | -| #loop | string | enables animation/video/audio loop | -| #-loop | string | disables animation/video/audio loop |

- -

Controlling embedded content

- -

use [[URI Templates]] to control embedded media, for example a simple video-player:

- -
 foo.usdz                                            
-    │                                                 
-    ├── ◻ loopbutton_enable
-    │      └ href: #loop           <-- enable global loop 
-    │                                                 
-    ├── ◻ loopbutton_enable
-    │      └ href: #-loop          <-- disable global loop 
-    │                                                 
-    ├── ◻ playbutton 
-    │      └ href: #t=10&loop      <-- play global 3D timeline (all anims) (looped)
-    │                                                 
-    └── ◻ playbutton_external                        
-           └ href: https://my.org/animation.glb#!&t=3,10   <-- import & play external anim
-
-
- -

Level4: prefix operators

- -

- -

Prefixing objectnames with the following simple operators allow for extremely powerful XR interactions:

- - - -
-

Examples: #+menu to show a object, #-menu to hide a menu, #!menu to teleport a menu, #*block to clone a grabbable block, #|object to share an object

-
- -

Object teleports (!)

- -

Prefixing an object with an exclamation-symbol, will teleport a (local or remote) referenced object from/to its original/usercamera location.

- -

[img[objecteleport.png]]

- -

Usecases: -* show/hide objects/buttons (menu e.g.) in front of user -* embed remote (object within) 3D file via remote URL -* instance an interactive object near the user regardless of location -* instance HUD or semi-transparent-textured-sphere (LUT) around the user

- -

- #!menu -
-

- -

Clicking the href-value above will:

- -
    -
  1. reposition the referenced object (menu) to the usercamera’s-coordinates.
  2. -
  3. zoom in case of (non-empty) mesh-object: rescale to 1 m³, and position 1m in front of the camera
  4. -
  5. toggle behaviour: revert values if 12 were already applied
  6. -
  7. #+ is always implied (objects are always made visible)
  8. -
- -

This tiny but powerful symbol allows incredible interactive possibilities, by carefully positioning re-usable objects outside of a scene (below the usercamera’s floor e.g.).

- - - -
-

This will teleport the user to whiteroom and moves object explainer and exitmenu in front of the user.

-
- - - -

Clicking the href-value above will:

- -
    -
  1. import foo.glb from my.org’s webserver
  2. -
  3. show it in front of the user (because #! indicates object teleport)
  4. -
- - - -

Clicking the href-value above will:

- -
    -
  1. replace the current scene with foo.glb
  2. -
  3. teleport the user to #roomB inside foo.glb
  4. -
  5. instance the referenced object (bar inside foo.glb) in front of the user.
  6. -
  7. it will update the top-Level URL (because xrf: was not used)
  8. -
  9. hide the instanced object when clicked again (toggle visibility)
  10. -
- -
-

NOTE: level2 teleportation links, as well as instancing mitigates the ‘broken embedded image’-issue of HTML: always attaching the href-values to a 3D (preview) object (that way broken links will not break the design).

-
- -

Example: clicking a 3D button with title ‘menu’ and href-value xrf:menu.glb?instance#t=4,5 would instance a 3D menu (menu.glb) in front of the user, and loop its animation between from 4-5 seconds (t=4,5)

- -
-

NOTE: combining instance-operators allows dynamic construction of 3D scenes (#london&!welcomeMenu&!fadeBox e.g.)

-
- -

Object multipliers (*)

- -

The star-prefix will clone a (local or remote) referenced object to the usercamera’s location, and make it grabbable.
-Usecases: -* object-picker (build stuff with objects)

- -
-

NOTE: this is basically the #! operator which infinitely clones the referenced object (instead of repositioning the object).

-
- -

De/selectors (+ and -)

- -
-

How to show/hide/group material- or object- or animations by name?

-
- -

Clicking href-values below will show/hide the targeted material- or animation or object-name (incl. children):

- - - -

Matching logic:

- - - -
-

NOTE: to hide a skybox when importing/loading a 3D file (force AR) is possible by linking to `https://my.org/foo.glb#-skybox or https://my.org/foo.glb#-skyboxmaterial

-
- -

Sharing object or file (#|)

- -

The pipe-symbol (|) sends a (targeted) object to the OS. -Clicking the href-value below will:

- -
    -
  1. share the (targeted object in the) file to a another application
  2. -
- -
-

This URL can be fed straight into Web Share API or xdg-open

-
- - - -
-

NOTE: sharing is limited to (internal objects) via xrf: scheme-only

-
- -

xrf:// URI scheme

- -

Prefixing the xrf: to href-values will prevent level2 href-values from changing the top-Level URL.

- -
-

Usecase: for non-shareable URLs like href: xrf:#t=4,5, to display a stateful msg e.g.).

-
- -

Reason: XR Fragments is inspired by HTML’s href-attribute, which does various things:

- -
    -
  1. it updates the browser-location
  2. -
  3. it makes something clickable
  4. -
  5. it jumps to another document / elsewhere in the same document
  6. -
  7. and more
  8. -
- -

The xrf: scheme will just do 2 & 3 (so the URL-values will not leak into the top-level URL).

- -
-

compliance with RFC 3986: unimplemented/unknown URI schemes (xrf:... e.g.) will not update the top-level URL

-
- -

Level5: URI Templates (RFC6570)

- -

)

- -

XR Fragments adopts Level1 URI Fragment expansion to provide safe interactivity.
-This is non-normative, and the draft spec is available on request.

- -

Top-level URL processing

- -

- -
-

Example URL: ://foo/world.gltf#room1&t=10&cam

-
- -

The URL-processing-flow for hypermedia browsers goes like this:

- -
    -
  1. IF scene operators and/or animation operator (t) are present in the URL then (re)position the camera (to room1) and/or animation-range (10) accordingly.
  2. -
  3. IF no camera-position has been set in step 1 or 2 assume 0,0,0 as camera coordinate (XR: add user-height) (example)
  4. -
  5. IF a camera-object exists with name cam assume that user(camera) position
  6. -
- -

UX

- -

End-users should always have read/write access to:

- -
    -
  1. the current (toplevel) URL (an URLbar etc)
  2. -
  3. URL-history (a back/forward button e.g.)
  4. -
  5. Clicking/Touching an href navigates (and updates the URL) to another scene/file (and coordinate e.g. in case the URL contains XR Fragments).
  6. -
- -

Example: Navigating content href portals

- -

- -

navigation, portals & mutations

- - - - - - - - - - - - - - - - - -
fragmenttypeexample value
hrefstring (uri or predefined view)#room1
#room1
://somefile.gltf#room1
- -
    -
  1. clicking an outbound “external”- or “file URI” fully replaces the current scene and assumes room2 by default (unless specified)

  2. - -
  3. relocation/reorientation should happen locally for local URI’s (#....)

  4. - -
  5. navigation should not happen “immediately” when user is more than 5 meter away from the portal/object containing the href (to prevent accidental navigation e.g.)

  6. - -
  7. URL navigation should always be reflected in the client URL-bar (in case of javascript: see [here for an example navigator), and only update the URL-bar after the scene (default fragment #) has been loaded.

  8. - -
  9. In immersive XR mode, the navigator back/forward-buttons should be always visible (using a wearable e.g., see [here for an example wearable)

  10. - -
  11. make sure that the “back-button” of the “browser-history” always refers to the previous position (see [here)

  12. - -
  13. ignore previous rule in special cases, like clicking an href using camera-portal collision (the back-button could cause a teleport-loop if the previous position is too close)

  14. - -
  15. href-events should bubble upward the node-tree (from children to ancestors, so that ancestors can also conain an href), however only 1 href can be executed at the same time.

  16. - -
  17. the end-user navigator back/forward buttons should repeat a back/forward action until a #... primitive is found (the stateless xrf:// href-values should not be pushed to the url-history)

  18. -
- -

» example implementation
-» example 3D asset
-» discussion

- -

Walking surfaces

- -
-

By default position 0,0,0 of the 3D scene represents the walkable plane, however this is overridden when the following applies:

-
- -

XR Fragment-compatible viewers can infer this data based scanning the scene for:

- -
    -
  1. materialless (nameless & textureless) mesh-objects (without href and >0 faces)
  2. -
- -
-

optionally the viewer can offer thumbstick, mouse or joystick teleport-tools for non-roomscale VR/AR setups.

-
- -

Example: Virtual world rings

- -

- -

Consider 3D scenes linking to eachother using these href values, attached to 3D button-objects:

- - - -

This would teleport users to the math-projects of those universities.
-Now consider adding a ‘webring index’-button to each file, with this href-value:

- - - -

This would allow displaying the (remote 3D file) webring menu with various href-buttons inside, all centrally curated by the workgroup.

- -

Additional scene metadata

- -

- -

XR Fragments does not aim to redefine the metadata-space or accessibility-space by introducing its own cataloging-metadata fields. -Instead, it encourages browsers to scan nodes for the following custom properties:

- - - -

ARIA’s aria-description-metadata is normative, to aid accessibility and scene transcripts

- -
-

NOTE: please always start aria-description with a verb to aid transcripts.

-
- -

The following metadata are non-normative but encouraged, since they are popular and cheap to parse:

- - - -
-

Example: object ‘tryceratops’ with aria-description: is a huge dinosaurus standing on a #mountain generates transcript #tryceratops is a huge dinosaurus standing on a #mountain, where the hashtags are clickable XR Fragments (activating the visible-links in the XR browser).

-
- -

Individual nodes can be enriched with such metadata, but most importantly the scene node:

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
metadata keyexample value
aria-description, og:description, dc:descriptionAn immersive experience about Triceratops (*)
SPDXCC0-1.0
dc:creatorJohn Doe
dc:title, og:title‘Triceratops` (*)
og:site_namehttps://xrfragment.org
dc.publisherNLNET
dc.date2024-01-01
dc.identifierXRFRAGMENT-001
journal (bibTeX){Future Of Text Vol 3},
- -
-

* = these are interchangable (only one needs to be defined)

-
- -

There’s no silver bullet when it comes to metadata, so XR Fragment-implementations should support where the metadata is/goes.

- -
-

These attributes can be scanned and presented during an href or src eye/mouse-over.

-
- -

Accessibility interface

- -

- -

The addressibility of XR Fragments allows for unique 3D-to-text transcripts, as well as an textual interface to navigate 3D content.
-Spec:

- -
    -
  1. The enduser must be able to enable an accessibility-mode (which persists across application/webpage restarts)
  2. -
  3. Accessibility-mode must contain a text-input for the user to enter text
  4. -
  5. Accessibility-mode must contain a flexible textlog for the user to read (via screenreader, screen, or TTS e.g.)
  6. -
  7. the textlog contains aria-descriptions, and its narration (Screenreader e.g.) can be skipped (via 2-button navigation)
  8. -
  9. The back command should navigate back to the previous URL (alias for browser-backbutton)
  10. -
  11. The forward command should navigate back to the next URL (alias for browser-nextbutton)
  12. -
  13. A destination is a 3D node containing an href with a #... XR fragment (which matches a 3d object name)
  14. -
  15. The go command should list all possible destinations
  16. -
  17. The go left command should move the camera around 0.3 meters to the left
  18. -
  19. The go right command should move the camera around 0.3 meters to the right
  20. -
  21. The go forward command should move the camera 0.3 meters forward (direction of current rotation).
  22. -
  23. The rotate left command should rotate the camera 0.3 to the left
  24. -
  25. The rotate left command should rotate the camera 0.3 to the right
  26. -
  27. The (dynamic) go abc command should navigate to #scene2 in case there’s a 3D node with name abc and href value #scene2
  28. -
  29. The look command should give an (contextual) 3D-to-text transcript, by scanning the aria-description values of the current #... (3D object) value (including its children)
  30. -
  31. The do command should list all possible href values which don’t contain an #... XR Fragment
  32. -
  33. The (dynamic) do abc command should navigate/execute https://.../... in case a 3D node exist with name abc and href value https://.../...
  34. -
- -

Two-button navigation

- -

For specific user-profiles, gyroscope/mouse/keyboard/audio/visuals will not be available.
-Therefore a 2-button navigation-interface is the bare minimum interface:

- -
    -
  1. objects with href metadata can be cycled via a key (tab on a keyboard)
  2. -
  3. objects with href metadata can be activated via a key (enter on a keyboard)
  4. -
  5. the TTS reads the href-value (and/or aria-description if available)
  6. -
- -

Overlap with fileformat-specific extensions

- -

Some 3D scene-fileformats have support for extensions. -What if the functionality of those overlap? -For example, GLTF has the OMI_LINK extension which might overlap with XR Fragment’s href:

- -
-

Priority Order and Precedence, otherwise fallback applies

-
- -

1.Extensions Take Precedence: Since glTF-specific extensions are designed with the format’s -specific needs and optimizations in mind, they should take precedence over extras metadata -in cases where both contain overlapping functionality. -This approach aligns with the idea that extensions are more likely to be interpreted uniformly by glTF-compatible software.

- -
    -
  1. Fallback Fall-through Mechanism: -If a glTF implementation does not support a particular extension, the (XRF) extras field can serve as a fallback. This way, metadata provided in extras can still be useful for applications that don’t handle certain extensions.
  2. -
- -
-

Example 1 In case of the OMI_LINK glTF extension (href: https://nlnet.nl) and an XR Fragment (href: #otherroom or href: otherplanet.glb), it is clear that https://nlnet.nl should open in a browsertab, whereas the XR Fragment links should teleport the user. If the OMI_LINK contains an XR Fragment (#room1 e.g.) a teleport should be performed only (and other [overlapping] metadata should be ignored).

- -

Example 2 If an Extensions uses XR Fragments in URI’s (href: #otherroom or href: xrf://-walls in OMI_LINK e.g.), then perform them according to XR Fragment spec (teleport user). But only once: ignore further overlapping metadata for that usecase.

-
- -

Vendor Prefixes

- -

- -

Vendor-specific metadata in a 3D scenefiles, are similar to vendor-specific CSS-prefixes (-moz-opacity: 0.2 e.g.). -This allows popular 3D engines/frameworks, to initialize specific features when loading a scene/object, in a progressive enhanced way.

- -

Vendor Prefixes allows embedding 3D engines/framework-specific features a 3D file via metadata:

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
whatXR metadataLowest common denominator
CSSvendor-agnostic2D canvas + object referencing/styling
XR Fragmentsvendor-agnostic3D camera + object(file) load/embed/click/referencing
Vendor prefixsvendor-specificSpecialized Entity-Component implementation
- -
-

Why? Because not all XR interactions can/should be solved/standardized by embedding XR Fragments into any 3D file. -The lowest common denominator between 3D engines is the ‘entity’-part of their entity-component-system (ECS). The ‘component’-part can be progressively enhanced via vendor prefixes.

-
- -

For example, the following metadata can be added to a .glb file, to make an object grabbable in AFRAME:

- -
+────────────────────────────────────────────────────────────────────────────────────────────────────────+ 
-│ http://y.io/z.glb                             | AFRAME app                                             │ 
-│-----------------------------------------------+--------------------------------------------------------│ 
-│                                               |                                                        │
-│                                               | after loading the glb, john can be placed into the     │ 
-│     +-[3D mesh]-+                             | castle via hands, because the author added metadata to │  
-│     |    / \    |                             | john via either:                                       │  
-│     |   /   \   |                             |                                                        │ 
-│     |  /     \  |                             | 1. Blender (custom property-box, no plugins needed)    │ 
-│     |  |_____|  |                             |                                                        │  
-│     +-----│-----+                             | 2. javascript-code:                                    │  
-│           │                                   |                                                        │  
-│           ├─ name: castle                     |     for( var com in this.el.components ){              │  
-│           └─ tag: house baroque               |       this.el.object3D.userData[`-AFRAME-${com}`] = '' │  
-│                                               |     }                                                  │  
-│ [3D mesh-+                                    |     // save to z.glb in AFRAME inspector               │ 
-│ |        ├─ name: john                        |                                                        │  
-│ |    O   ├─ age: 23                           |                                                        │  
-│ |   /|\  ├─ -aframe-grabbable:      ''        | > inits 'grabbable' component on object john           │ 
-│ |   / \  ├─ -aframe-material.color: '#F0A'    | > inits 'material' component on object john            │  
-│ |        ├─ -aframe-text.value:  '{name}{age}'| > inits 'text' component (*) with value 'john'         │  
-│ |        ├─ -three-material.fog: false        | > changes material settings in THREE.js app            │ 
-│ |        ├─ -godot-Label3D.text: '{name}{age}'| > inits 'Label3D' component (*) in Godot               │  
-│ +--------+                                    |                                                        │
-│                                               |                                                        │
-├─ -GODOT-version:  '4.3'                       | > exporters/authors can report targeted version        │
-├─ -AFRAME-version: '1.6.0'                     |                    and (optionally) hint component-repo│
-├─ -AFRAME-info:    'https://git.benetou.fr/comps'                                                       │       
-│                                               |                                                        │
-+────────────────────────────────────────────────────────────────────────────────────────────────────────+ 
-
- - - -

String-templatevalues are evaluated as per URI Templates (RFC6570) Level 1.

- -
-

This ‘separating of mechanism from policy’ (unix rule) does somewhat break portability of an XR experience, but still prevents (E-waste of) handcoded virtual worlds. It allows for (XR experience) metadata to survive in future 3D engines and scene-fileformats.

-
- -

Security Considerations

- -

- -

The only dynamic parts are W3C Media Fragments and URI Templates (RFC6570).
-The use of URI Templates is limited to pre-defined variables and Level0 fragments-expansion only, which makes it quite safe.
-n fact, it is much safer than relying on a scripting language (javascript) which can change URN too.

- -

FAQ

- -

- -

Q: Why is everything HTTP GET-based, what about POST/PUT/DELETE HATEOS
-A: Because it’s out of scope: XR Fragment specifies a read-only way to surf XR documents. These things belong in the application layer (for example, an XR Hypermedia browser can decide to support POST/PUT/DELETE requests for embedded HTML thru src values)

- -
- -

Q: Why isn’t there support for scripting, URI Template Fragments are so limited compared to WASM & javascript -A: This is out of scope as it unhyperifies hypermedia, and this is up to XR hypermedia browser-extensions.
Historically scripting/Javascript seems to been able to turn webpages from hypermedia documents into its opposite (hyperscripted nonhypermedia documents).
In order to prevent this backward-movement (hypermedia tends to liberate people from finnicky scripting) XR Fragment uses W3C Media Fragments and URI Templates (RFC6570), to prevent unhyperifying itself by hardcoupling to a particular markup or scripting language.
-XR Fragments supports filtering objects in a scene only, because in the history of the javascript-powered web, showing/hiding document-entities seems to be one of the most popular basic usecases.
-Doing advanced scripting & networkrequests under the hood are obviously interesting endavours, but this is something which should not be hardcoupled with XR Fragments or hypermedia.
This perhaps belongs more to browser extensions.
-Non-HTML Hypermedia browsers should make browser extensions the right place, to ‘extend’ experiences, in contrast to code/javascript inside hypermedia documents (this turned out as a hypermedia antipattern).

- -

authors

- -

- - - -

IANA Considerations

- -

- -

This document has no IANA actions.

- -

Acknowledgments

- -

- - - -

Appendix: Definitions

- -

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
definitionexplanation
humana sentient being who thinks fuzzy, absorbs, and shares thought (by plain text, not markuplanguage)
scenea (local/remote) 3D scene or 3D file (index.gltf e.g.)
3D objectan object inside a scene characterized by vertex-, face- and customproperty data.
URIsome resource at something somewhere via someprotocol (http://me.com/foo.glb#foo or e76f8efec8efce98e6f see interpeer.io)
URLsomething somewhere via someprotocol (http://me.com/foo.glb)
URNsomething at some domain (me.com/foo.glb)
metadatacustom properties of text, 3D Scene or Object(nodes), relevant to machines and a human minority (academics/developers)
XR fragmentURI Fragment with spatial hints (which match the name of a 3D object-, camera-, animation-object)
the XRWGwordgraph (collapses 3D scene to tags)
the hashbushashtags map to camera/scene-projections
spacetime hashtagspositions camera, triggers scene-preset/time
teleportationrepositioning the enduser to a different position (or 3D scene/file)
sourceportationteleporting the enduser to the original XR Document of an src embedded object.
placeholder objecta 3D object which with src-metadata (which will be replaced by the src-data.)
src(HTML-piggybacked) metadata of a 3D object which instances content
href(HTML-piggybacked) metadata of a 3D object which links to content
filterURI Fragment(s) which show/hide object(s) in a scene based on name/tag/property (#cube&-price=>3)
visual-metavisual-meta data appended to text/books/papers which is indirectly visible/editable in XR.
requestless metadatametadata which never spawns new requests (unlike RDF/HTML, which can cause framerate-dropping, hence not used a lot in games)
FPSframes per second in spatial experiences (games,VR,AR e.g.), should be as high as possible
introspectiveinward sensemaking (“I feel this belongs to that”)
extrospectiveoutward sensemaking (“I’m fairly sure John is a person who lives in oklahoma”)
ascii representation of an 3D object/mesh
(un)obtrusiveobtrusive: wrapping human text/thought in XML/HTML/JSON obfuscates human text into a salad of machine-symbols and words
flat 3D objecta 3D object of which all verticies share a plane
BibTeXsimple tagging/citing/referencing standard for plaintext
BibTaga BibTeX tag
(hashtag)bibsan easy to speak/type/scan tagging SDL (see here which expands to BibTex/JSON/XML
-

Index

-
-
-
A
-
-
    -
  • -Accessibility interface [go]
  • -
  • -Acknowledgments [go]
  • -
  • -Additional scene metadata [go]
  • -
  • -Appendix: Definitions [go]
  • -
-
-
-
-
C
-
-
    -
  • -Conventions and Definitions [go]
  • -
-
-
-
-
E
-
-
    -
  • -Example: Navigating content href portals [go]
  • -
  • -Example: Virtual world rings [go]
  • -
-
-
-
-
F
-
- -
-
-
-
H
-
-
    -
  • -HFL (Hypermediatic Feedback Loop [go]
  • -
-
-
-
-
I
-
-
    -
  • -IANA Considerations [go]
  • -
  • -Introduction [go]
  • -
-
-
-
-
L
-
-
    -
  • -Level0: Files [go] [go]
  • -
  • -Level1: URI [go]
  • -
  • -Level2: href links [go]
  • -
  • -Level3: Media Fragments [go]
  • -
  • -Level4: prefix operators [go]
  • -
  • -Level5: URI Templates (RFC6570 [go]
  • -
-
-
-
-
S
-
-
    -
  • -Security Considerations [go]
  • -
  • -Spatial Referencing 3D [go]
  • -
-
-
-
-
T
-
-
    -
  • -Top-level URL processing [go]
  • -
-
-
-
-
V
-
-
    -
  • -Vendor Prefixes [go]
  • -
-
-
-
-
W
-
-
    -
  • -What is XR Fragments [go]
  • -
-
-
-
-
X
-
-
    -
  • -XR Fragment URL Grammar [go]
  • -
-
-
-
-
a
-
- -
-
- -
-
- - - - diff --git a/doc/RFC_XR_Fragments.md b/doc/RFC_XR_Fragments.md deleted file mode 100644 index 4b3375e..0000000 --- a/doc/RFC_XR_Fragments.md +++ /dev/null @@ -1,1007 +0,0 @@ -%%% -Title = "XR Fragments" -area = "Internet" -workgroup = "Jens & Leon Internet Engineering Task Force" - -[seriesInfo] -name = "XR-Fragments" -value = "draft-XRFRAGMENTS-leonvankammen-00" -stream = "IETF" -status = "informational" - -date = 2023-04-12T00:00:00Z - -[[author]] -initials="L.R." -surname="van Kammen" -fullname="L.R. van Kammen" - -%%% - - - - - -.# Abstract - -> Version: 0.5 - -An open specification for hyperlinking & deeplinking 3D fileformats. -This draft is a specification for interactive URI-controllable 3D files, enabling [hypermediatic](https://github.com/coderofsalvation/hypermediatic) navigation, to enable a spatial web for hypermedia browsers with- or without a network-connection.
-XR Fragments allows us to better use implicit metadata inside 3D scene(files), by mapping it to proven technologies like [URI Fragments](https://en.wikipedia.org/wiki/URI_fragment).
- -> Almost every idea in this document is demonstrated at [https://xrfragment.org](https://xrfragment.org) - -{mainmatter} - -# Quick reference - -1. [Abstract](#abstract) -1. [Index](#index) -1. [Introduction](#introduction) -1. [How does it work](#how-does-it-work) -1. [What does it solve](#what-does-it-solve) -1. [HFL (Hypermediatic Feedback Loop) for XR Browsers](#hfl-hypermediatic-feedback-loop-for-xr-browsers) -1. [Conventions and Definitions](#conventions-and-definitions) - 1. [XR Fragment URL Grammar](#xr-fragment-url-grammar) -1. [Spatial Referencing 3D](#spatial-referencing-3d) -1. [Level0: Files](#level0-files) - 1. [via href metadata](#via-href-metadata) - 1. [via chained extension](#via-chained-extension) - 1. [via subdocuments/xattr](#via-subdocuments-xattr) - 1. [JSON sidecar-file](#json-sidecar-file) -1. [Level1: URI](#level1-uri) - 1. [List of URI Fragments](#list-of-uri-fragments) - 1. [List of explicit metadata](#list-of-explicit-metadata) -1. [Level2: href links](#level2-href-links) - 1. [Interaction behaviour](#interaction-behaviour) - 1. [XR Viewer implementation](#xr-viewer-implementation) -1. [Level3: Media Fragments](#level3-media-fragments) - 1. [Animation(s) timeline](#animation-s-timeline) - 1. [Specify playback loopmode](#specify-playback-loopmode) - 1. [Controlling embedded content](#controlling-embedded-content) -1. [Level4: prefix operators](#level4-prefix-operators) - 1. [Object teleports](#object-teleports) - 1. [Object multipliers](#object-multipliers) - 1. [De/selectors (+ and -)](#de-selectors-and) - 1. [Sharing object or file (#|)](#sharing-object-or-file) - 1. [xrf:// URI scheme](#xrf-uri-scheme) -1. [Level5: URI Templates (RFC6570)](#level5-uri-templates-rfc6570) -1. [Top-level URL processing](#top-level-url-processing) - 1. [UX](#ux) -1. [Example: Navigating content href portals](#example-navigating-content-href-portals) - 1. [Walking surfaces](#walking-surfaces) -1. [Example: Virtual world rings](#example-virtual-world-rings) -1. [Additional scene metadata](#additional-scene-metadata) -1. [Accessibility interface](#accessibility-interface) - 1. [Two-button navigation](#two-button-navigation) - 1. [Overlap with fileformat-specific extensions](#overlap-with-fileformat-specific-extensions) -1. [Vendor Prefixes](#vendor-prefixes) -1. [Security Considerations](#security-considerations) -1. [FAQ](#faq) -1. [Authors](#authors) -1. [IANA Considerations](#iana-considerations) -1. [Acknowledgments](#acknowledgments) -1. [Appendix: Definitions](#appendix-definitions) - -# Introduction -(!Introduction) - -How can we add more control to existing text and 3D scenes, without introducing new dataformats?
-Historically, there's many attempts to create the ultimate 3D fileformat.
-The lowest common denominator is: designers describing/tagging/naming things using **plain text**.
-XR Fragments exploits the fact that all 3D models already contain such metadata: - -**XR Fragments allows deeplinking of 3D objects by mapping objectnames to URI fragments** - -# How does it work -(!What is XR Fragments ) - -XR Fragments utilizes URLs: - -1. for 3D viewers/browser to manipulate the camera or objects (via URI fragments) -2. implicitly: by mapping 3D objectnames (of a 3D scene/file) to URI fragments (3D deeplinking) -3. explicitly: by scanning `href` metadata **inside** 3D scene-files to enable interactions -4. externally: progressively enhance a 3D (file) into an experience via [sidecarfiles](https://en.wikipedia.org/wiki/Sidecar_file) - -# What does it solve - -It solves: - -1. addressibility and [hypermediatic](https://github.com/coderofsalvation/hypermediatic) navigation of 3D scenes/objects: [URI Fragments](https://en.wikipedia.org/wiki/URI_fragment) using src/href spatial metadata -1. Interlinking text & spatial objects by collapsing space into a Word Graph (XRWG) to show [visible links](#visible-links) -1. unlocking spatial potential of the (originally 2D) hashtag (which jumps to a chapter) for navigating XR documents -1. refraining from introducing scripting-engines for mundane tasks (and preventing its inevitable security-headaches) -1. the gap between text an 3d objects: object-names directly map to hashtags (=fragments), which allows 3D to text transcription. - -> NOTE: The chapters in this document are ordered from highlevel to lowlevel (technical) as much as possible - -XR Fragments views XR experiences through the lens of 3D deeplinked URI's, rather than thru code(frameworks) or protocol-specific browsers (webbrowser e.g.). -To aid adoption, the standard comprises of various (optional) support-levels, which incorporate existing standards like [W3C Media Fragments](https://www.w3.org/TR/media-frags/) and [URI Templates (RFC6570)](https://www.rfc-editor.org/rfc/rfc6570) to promote spatial addressibility, sharing, navigation, filtering and databinding objects for (XR) Browsers.
- -> XR Fragments is in a sense, a heuristical 3D format or meta-format, which leverages heuristic rules derived from any 3D scene or well-established 3D file formats, to extract meaningful features from scene hierarchies.
-These heuristics, enable features that are both meaningful and consistent across different scene representations, allowing higher interop between fileformats, 3D editors, viewers and game-engines. - -# HFL (Hypermediatic Feedback Loop) for XR Browsers -(!HFL (Hypermediatic Feedback Loop) for XR Browsers) - -`href` metadata traditionally implies **click** AND **navigate**, however XR Fragments adds stateless **click** (`xrf://....`) via the `xrf://` scheme, which does not change the top-level URL-adress (of the browser). -This allows for many extra interactions via URLs, which otherwise needs a scripting language. -These are called **hashbus**-only events/ - -> Being able to use the same URI Fragment DSL for navigation (`href: #foo`) as well as interactions (`href: xrf://#foo`) greatly simplifies implementation, increases HFL, and reduces need for scripting languages. - -This opens up the following benefits for traditional & future webbrowsers: - -* [hypermediatic](https://github.com/coderofsalvation/hypermediatic) loading/clicking 3D assets (gltf/fbx e.g.) natively (with or without using HTML). -* potentially allowing 3D assets/nodes to publish XR Fragments to themselves/eachother using the `xrf://` hashbus (`xrf://#person=walk` to trigger `walk`-animation for object `person`) -* potentially collapsing the 3D scene to an wordgraph (for essential navigation purposes) controllable thru a hash(tag)bus -* completely bypassing the security-trap of loading external scripts (by loading 3D model-files, not HTML-javascriptable resources) - - -XR Fragments itself are [hypermediatic](https://github.com/coderofsalvation/hypermediatic) and HTML-agnostic, though pseudo-XR Fragment browsers **can** be implemented on top of HTML/Javascript. - -| principle | 3D URL | HTML 2D URL | -|-----------------------------|-------------------------------------------------|---------------------------------------| -| the XRWG | wordgraph (collapses 3D scene to tags) | Ctrl-F (find) | -| the hashbus | hashtags alter camera/scene/object-projections | hashtags alter document positions | -| src metadata | renders content and offers sourceportation | renders content | -| href metadata | teleports to other XR document | jumps to other HTML document | -| href metadata | triggers predefined view | Media fragments | -| href metadata | triggers camera/scene/object/projections | n/a | -| href metadata | draws visible connection(s) for XRWG 'tag' | n/a | -| href metadata | filters certain (in)visible objects | n/a | -| href metadata | href="xrf://#-foo&bar" | href="javascript:hideFooAndShowBar()` | -| | (this does not update topLevel URI) | (this is non-standard, non-hypermediatic) | - -> An important aspect of HFL is that URI Fragments can be triggered without updating the top-level URI (default href-behaviour) thru their own 'bus' (`xrf://#.....`). This decoupling between navigation and interaction prevents non-standard things like (`href`:`javascript:dosomething()`). - -# Conventions and Definitions -(!Conventions and Definitions) - -See appendix below in case certain terms are not clear. - -## XR Fragment URL Grammar -(! XR Fragment URL Grammar ) - -For typical HTTP-like browsers/applications: - -``` -reserved = gen-delims / sub-delims -gen-delims = "#" / "&" -sub-delims = "," / "=" -``` - -> Example: `://foo.com/my3d.gltf#room1&prio=-5&t=0,100` - -| Demo | Explanation | -|-------------------------------|---------------------------------| -| `room1` | vector/coordinate argument e.g. | -| `room1&cam1` | combinators | - -> this is already implemented in all browsers - -Pseudo (non-native) browser-implementations (supporting XR Fragments using HTML+JS e.g.) can use the `?` search-operator to address outbound content.
-In other words, the URL updates to: `https://me.com?https://me.com/other.glb` when navigating to `https://me.com/other.glb` from inside a `https://me.com` WebXR experience e.g.
-That way, if the link gets shared, the XR Fragments implementation at `https://me.com` can load the latter (and still indicates which XR Fragments entrypoint-experience/client was used). - -# Spatial Referencing 3D -(!Spatial Referencing 3D ) - -3D files contain an hierarchy of objects.
-XR Fragments assumes the following objectname-to-URI-Fragment mapping, in order to deeplink 3D objects: - -``` - - my.io/scene.fbx - +─────────────────────────────+ - │ sky │ src: http://my.io/scene.fbx#sky (includes building,mainobject,floor) - │ +─────────────────────────+ │ - │ │ building │ │ src: http://my.io/scene.fbx#building (includes mainobject,floor) - │ │ +─────────────────────+ │ │ - │ │ │ mainobject │ │ │ src: http://my.io/scene.fbx#mainobject (includes floor) - │ │ │ +─────────────────+ │ │ │ - │ │ │ │ floor │ │ │ │ src: http://my.io/scene.fbx#floor (just floor object) - │ │ │ │ │ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ +─────────────────────+ │ │ - │ +─────────────────────────+ │ - +─────────────────────────────+ - -``` - -> Every 3D fileformat supports named 3D object, and this name allows URLs (fragments) to reference them (and their children objects). - -Clever nested design of 3D scenes allow great ways for re-using content, and/or previewing scenes.
-For example, to render a portal with a preview-version of the scene, create an 3D object with: - -* href: `https://scene.fbx` - -> It also allows **sourceportation**, which basically means the enduser can teleport to the original XR Document of an `src` embedded object, and see a visible connection to the particular embedded object. Basically an embedded link becoming an outbound link by activating it. - -# Level0: Files -(!Level0: Files ) -(!Level0: Files) - -Compatible 3D fileformats: [glTF](https://www.khronos.org/gltf/), [usdz](https://openusd.org/release/spec_usdz.html), [obj](https://en.wikipedia.org/wiki/Wavefront_.obj_file), [collada](https://www.khronos.org/collada), [THREE.json](https://github.com/mrdoob/three.js/wiki/JSON-Object-Scene-format-4), [X3D](https://en.wikipedia.org/wiki/X3D) e.g. -
- -A 3D scene-file can be considered XR Fragment-compatible when it contains metadata: -1. implicit: there's at least one object with a name (*) -2. explicit: (optional) object(s) have (level2) href extras. - -> \* = last wins in case of non-unique names - -There are **optional** auto-loaded [side-car files]() to enable hasslefree [XR Movies](#XR%20Movies).
-they can accomodate developers or applications who (for whatever reason) must not modify the 3D scene-file (a `.glb` e.g.). - -## via href metadata - -``` -scene.glb <--- 'href' extra [heuristic] detected inside! -scene.png (preview thumbnail) -scene.ogg (soundtrack to plays when global 3D animation starts) -scene.vtt (subtitles for accessibility or screenreaders) -scene.json (sidecar JSON-file with explicit metadata) -``` - -**heuristics**: - -* if at least one `href` custom property/extra is found in a 3D scene -* The viewer should poll for the above mentioned sidecar-file extensions (and present accordingly) - -## via chained extension - -``` -scene.xrf.glb <--- '.xrf.' sidecar file heuristic detected! -scene.xrf.png (preview thumbnail) -scene.xrf.ogg (soundtrack to plays when global 3D animation starts) -scene.xrf.vtt (subtitles for accessibility or screenreaders) -scene.xrf.json (sidecar JSON-file with explicit metadata) -``` - -> A fallback-mechanism to turn 3D files into [XR Movies](#XR%20Movies) without editing them. - -**heuristics**: - -* the chained-extension heuristic `.xrf.` should be present in the filename (`scene.xrf.glb` e.g.) - -## via subdocuments/xattr - -More secure protocols (Nextgraph e.g.) don't allow for simply polling files. -In such case, subdocuments or extended attributes should be polled: - -> NOTE: in the examples below we use the href-heuristic, but also the `.xrf.` chained-extension applies here. - -``` -myspreadsheet.ods -└── explainer.glb <--- 'href' extra [heuristic] detected inside! - ├── explainer.ogg (soundtrack to play when global 3D animation starts) - ├── explainer.png (preview thumnbnail) - ├── explainer.json (sidecar JSON-file with explicit metadata) - └── explainer.vtt (subtitles for accessibility or screenreaders) -``` - -If only extended attributes (xattr) are available, the respective referenced file can be embedded: - -``` -$ setfattr -n explainer.ogg -v "soundtrack.ogg" explainer.glb -$ setfattr -n explainer.png -v "thumbnail.png" explainer.glb -$ setfattr -n explainer.vtt -v "subtitles.vtt" explainer.glb -``` - -> NOTE: Linux's `setfattr/getfattr` is `xattr` on mac, and `Set-Content/Get-content` on Windows. See [pxattr](https://www.lesbonscomptes.com/pxattr/index.html) for lowlevel access. - -## JSON sidecar-file - -For developers, sidecar-file can allow for defining **explicit** XR Fragments links (>level1), outside of the 3D file.
-This can be done via (objectname/metadata) key/value-pairs in a JSON [sidecar-file](https://en.wikipedia.org/wiki/Sidecar_file): - -* experience.glb -* experience.json `<----` - - -```json -{ - "aria-description": "description of scene", - "button": { - "href": "#roomB", - "aria-description": "description of room" - } -} -``` - -> This will make object `button` clickable, and teleport the user to object `roomB`. - -So after loading `experience.glb` the existence of `experience.json` is detected, to apply the explicit metadata.
-The sidecar will define (or **override** already existing) extras, which can be handy for multi-user platforms (offer 3D scene customization/personalization to users). - -> In THREE.js-code this would boil down to: - -```javascript - scene.userData['aria-description'] = "description of scene" - scene.getObjectByName("button").userData.href = "#roomB" - - // now the XR Fragments parser can process the XR Fragments userData 'extras' in the scene -``` - -# Level1: URI -(!Level1: URI) - -> **XR Fragments allows deeplinking of 3D objects by mapping objectnames to URI fragments** - -XR Fragments tries to seek to connect the world of text (semantical web / RDF), and the world of pixels.
-Instead of forcing authors to combine 3D/2D objects programmatically (publishing thru a game-editor e.g.), XR Fragments **integrates all** which allows a universal viewing experience.
- -``` - +───────────────────────────────────────────────────────────────────────────────────────────────+ - │ │ - │ U R N │ - │ U R L | │ - │ | |-----------------+--------| │ - │ +--------------------------------------------------| │ - │ | │ - │ + https://foo.com/some/foo/scene.glb#someview <-- http URI (=URL and has URN) │ - │ | │ - │ + ipfs://cfe0987ec9r9098ecr/cats.fbx#someview <-- an IPFS URI (=URL and has URN) │ - │ │ - │ ec09f7e9cf8e7f09c8e7f98e79c09ef89e000efece8f7ecfe9fe <-- an interpeer URI │ - │ │ - │ │ - │ |------------------------+-------------------------| │ - │ | │ - │ U R I │ - │ │ - +───────────────────────────────────────────────────────────────────────────────────────────────+ - -``` - -Fact: our typical browser URL's are just **a possible implementation** of URI's (for untapped humancentric potential of URI's [see interpeer.io](https://interpeer.io) or [NextGraph](https://nextgraph.org) ) - -> XR Fragments does not look at XR (or the web) thru the lens of HTML or URLs.
But approaches things from a higherlevel local-first 3D hypermedia browser-perspective. - -Below you can see how this translates back into good-old URLs: - -``` - +───────────────────────────────────────────────────────────────────────────────────────────────+ - │ │ - │ the soul of any URL: ://macro /meso ?micro #nano │ - │ │ - │ 2D URL: ://library.com /document ?search #chapter │ - │ xrf:// │ - │ 4D URL: ://park.com /4Dscene.fbx ─> ?other.glb ─> #object ─> hashbus │ - │ │ #filter │ │ - │ │ #tag │ │ - │ │ (hypermediatic) #material │ │ - │ │ ( feedback ) #animation │ │ - │ │ ( loop ) #texture │ │ - │ │ #variable │ │ - │ │ │ │ - │ XRWG <─────────────────────<─────────────+ │ - │ │ │ │ - │ └─ objects ──────────────>─────────────+ │ - │ │ - │ │ - +───────────────────────────────────────────────────────────────────────────────────────────────+ - -``` - -> ?-linked and #-linked navigation are JUST one possible way to implement XR Fragments: the essential goal is to allow a Hypermediatic FeedbackLoop (HFL) between external and internal 4D navigation. - -## List of URI Fragments - -| fragment | type | example | info | -|-------------------|------------|--------------------|----------------------------------------------------------------------| -| `#......` | vector3 | `#room1` `#room2` `#cam2` | positions/parents camera(rig) (or XR floor) to xyz-coord/object/camera and upvector | -| [Media Fragments](https://www.w3.org/TR/media-frags/) | [media fragment](#media%20fragments%20and%20datatypes) | `#t=0,2&loop` | play (and loop) 3D animation from 0 seconds till 2 seconds| - - -## List of **explicit* metadata - -These are the possible 'extras' for 3D nodes and sidecar-files - -| key | type | example (JSON) | function | existing compatibility | -|--------------|----------|------------------------|---------------------|----------------------------------------| -| `href` | string | `"href": "b.gltf"` | XR teleport | custom property in 3D fileformats | - - -# Level2: href links -(!Level2: href links) - -Explicit href metadata ('extras') in a 3D object (of a 3D file), hint the viewer that the user ''can interact'' with that object : - -| fragment | type | example value | -|`href`| string (uri or predefined view) | `#pyramid`
`#lastvisit`
`xrf://#-someobject`
`://somefile.gltf#foo`
| - -## Interaction behaviour - -When clicking an ''href''-value, the user(camera) is teleport to the referenced object. - -The imported/teleported destination can be another object in the same scene-file, or a different file. - -## XR Viewer implementation - -| **spec** | **action** | **feature** | -|-|-|-| -| level0+1 | hover 3D file [href](#via-href-metadata) | show the preview PNG thumbnail (if any). | -| level0+1 | launch 3D file [href](#via-href-metadata) | replace the current scene with a new 3D file (`href: other.glb` e.g.) | -| level2 | click internal 3D file [href](#via-href-metadata) (`#roomB` e.g.) | teleport the camera to the origin of object(name `roomB`). See [[teleport camera]].| -| level2 | click external 3D file [href](#via-href-metadata) (`foo.glb` e.g.) | replace the current scene with a new 3D file (`href: other.glb` e.g.) | -| level2 | hover external 3D file [href](#via-href-metadata) | show the preview PNG thumbnail (if any sidecar, see level0) | -| level2 | click [href](#via-href-metadata) | hashbus: execute without changing the toplevel URL location (`href: xrf://#someObjectName` e.g.) | -| level3 | click [href](#via-href-metadata) | set the global 3D animation timeline to its Media Fragment value (`#t=2,3` e.g.) | - -> NOTE: hashbus links (`xrf://#foo&bar`) don't change the toplevel URL, which makes it ideal for interactions (in contrast to typical `#roomC` navigation, which benefit back/forward browser-buttons), see hashbus for more info. - -# Level3: Media Fragments -(!Level3: Media Fragments ) - -> these allow for XR Movies with a controllable timeline using `href` URI's with Media Fragments - -Just like with 2D media-files, W3C mediafragments (`#t=1,2`) can be used to control a timeline via the [#t](##t) primitive. -XR Fragments Level3 makes the 3D timeline, as well as URL-referenced files **controllable** via Media Fragments like: - -* level2 hrefs (`href: #t=4` e.g. to control 3D timeline) -* level4: `xrf:` URI scheme: - * `href: xrf:foo.wav#t=0` to play a wav - * `href: xrf:news.glb?clone#t=0` to instance and play another experience - -## Animation(s) timeline - -controls the animation(s) of the scene (or `src` resource which contains a timeline) - -| fragment | type | functionality | -| #t=start,stop | [[vector2]] (default:`#t=0`) | start,stop (in seconds | - - -| Example Value | Explanation | -| `#t=1` | play (3D) animations from 1 seconds till end (and stop) | -| `#t=1,100` | play (3D) animations from 1 till 100 seconds (and stop) | - -## Specify playback loopmode - -This compensates a missing element from Media Fragments to enable/disable temporal looping. . - -| fragment | type | functionality | -| #loop | string | enables animation/video/audio loop | -| #-loop | string | disables animation/video/audio loop | - - -## Controlling embedded content - -use [[URI Templates]] to control embedded media, for example a simple video-player: - -``` - foo.usdz - │ - ├── ◻ loopbutton_enable - │ └ href: #loop <-- enable global loop - │ - ├── ◻ loopbutton_enable - │ └ href: #-loop <-- disable global loop - │ - ├── ◻ playbutton - │ └ href: #t=10&loop <-- play global 3D timeline (all anims) (looped) - │ - └── ◻ playbutton_external - └ href: https://my.org/animation.glb#!&t=3,10 <-- import & play external anim - -``` - -# Level4: prefix operators -(!Level4: prefix operators) - -Prefixing objectnames with the following simple operators allow for **extremely powerful** XR interactions: - -* #! -* #* -* #+ or #- -* #| -* xrf: URI scheme - -> **Examples:** `#+menu` to show a object, `#-menu` to hide a menu, `#!menu` to teleport a menu, `#*block` to clone a grabbable block, `#|object` to share an object - - -## Object teleports (!) - -Prefixing an object with an exclamation-symbol, will teleport a (local or remote) referenced object from/to its original/usercamera location.
- -[img[objecteleport.png]] - -Usecases: -* show/hide objects/buttons (menu e.g.) in front of user -* embed remote (object within) 3D file via remote URL -* instance an interactive object near the user regardless of location -* instance HUD or semi-transparent-textured-sphere (LUT) around the user - -
- #!menu -
-
- -Clicking the [href](#via-href-metadata)-value above will: - -1. **reposition the referenced object** (menu) to the usercamera's-coordinates. -2. **zoom** in case of (non-empty) mesh-object: rescale to 1 m³, and position 1m in front of the camera -3. toggle behaviour: revert values if 1/2 were already applied -4. `#+` is always implied (objects are always made visible) - -This tiny but powerful symbol allows incredible interactive possibilities, by carefully positioning re-usable objects outside of a scene (below the usercamera's floor e.g.). - -* href: `#whiteroom&!explainer&!exitmenu` - -> This will teleport the user to `whiteroom` and moves object `explainer` and `exitmenu` in front of the user. - -* href: `https://my.org/foo.glb#! - -Clicking the [href](#via-href-metadata)-value above will: - -1. import `foo.glb` from `my.org`'s webserver -2. show it in front of the user (because `#!` indicates object teleport) - -* href: `https://foo.glb#roomB&!bar` - -Clicking the [href](#via-href-metadata)-value above will: - -1. replace the current scene with `foo.glb` -2. teleport the user to #roomB inside `foo.glb` -3. **instance the referenced object** (bar inside foo.glb) in front of the user. -4. it will update the top-Level URL (because `xrf:` was not used) -5. hide the **instanced object** when clicked again (toggle visibility) - -> **NOTE**: level2 teleportation links, as well as instancing mitigates the 'broken embedded image'-issue of HTML: **always** attaching the href-values to **a 3D (preview) object** (that way broken links will not break the design). - -**Example:** clicking a 3D button with title 'menu' and [href](#href)-value `xrf:menu.glb?instance#t=4,5` would instance a 3D menu (`menu.glb`) in front of the user, and loop its animation between from 4-5 seconds (`t=4,5`) - -> **NOTE**: combining instance-operators allows dynamic construction of 3D scenes (`#london&!welcomeMenu&!fadeBox` e.g.) - -## Object multipliers (*) - -The star-prefix will clone a (local or remote) referenced object to the usercamera's location, and make it grabbable.
-Usecases: -* object-picker (build stuff with objects) - -> **NOTE**: this is basically the [#! operator](#%23%21) which infinitely **clones** the referenced object (instead of repositioning the object). - -## De/selectors (+ and -) - -> How to show/hide/group material- or object- or animations by name? - -Clicking href-values below will show/hide the targeted material- or animation or object-name (incl. children): - -* `#-welcome` -* `#+welcome` -* `#-VR*` -* `https://foo.glb#bar&-welcome` - -Matching logic: - -* - and + prefix for exact matches (welcome e.g.) -* \* postfix for match beginning (VR_skybox VR_skyboxmat e.g.) - -> NOTE: to hide a skybox when importing/loading a 3D file (force AR) is possible by linking to ``https://my.org/foo.glb#-skybox` or `https://my.org/foo.glb#-skyboxmaterial` - - - -## Sharing object or file (#|) - -The pipe-symbol (`|`) sends a (targeted) object to the OS. -Clicking the href-value below will: - -1. share the (targeted object in the) file to a another application - -> This URL can be fed straight into [Web Share API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Share_API) or [xdg-open](https://www.freedesktop.org/wiki/Software/xdg-utils/) - -* href: `xrf://#|bar` - -> **NOTE**: sharing is limited to (internal objects) via `xrf:` scheme-only - -## xrf:// URI scheme - -Prefixing the `xrf:` to [href](#href)-values **will prevent** [level2](#📜%20level2:%20explicit%20links) [href](#href)-values from changing the top-Level URL. - -> **Usecase**: for non-shareable URLs like `href: xrf:#t=4,5`, to display a stateful msg e.g.). - -**Reason:** XR Fragments is inspired by HTML's [href-attribute](https://en.wikipedia.org/wiki/Hyperlink), which does various things: - -1. it updates the browser-location -2. it makes something clickable -3. it jumps to another document / elsewhere in the same document -4. and more - -The `xrf:` scheme will just do 2 & 3 (so the URL-values will not leak into the top-level URL). - -> **compliance with RFC 3986**: unimplemented/unknown URI schemes (`xrf:...` e.g.) will not update the top-level URL - -# Level5: URI Templates (RFC6570) -(!Level5: URI Templates (RFC6570)) - -XR Fragments adopts Level1 URI **Fragment** expansion to provide safe interactivity.
-This is non-normative, and the draft spec is available on request. - - -# Top-level URL processing -(!Top-level URL processing) - -> Example URL: `://foo/world.gltf#room1&t=10&cam` - -The URL-processing-flow for hypermedia browsers goes like this: - -1. IF scene operators and/or animation operator (`t`) are present in the URL then (re)position the camera (to `room1`) and/or animation-range (`10`) accordingly. -2. IF no camera-position has been set in step 1 or 2 assume `0,0,0` as camera coordinate (XR: add user-height) ([example](https://github.com/coderofsalvation/xrfragment/blob/main/src/3rd/js/three/navigator.js#L31]])) -3. IF a camera-object exists with name `cam` assume that user(camera) position - -## UX - -End-users should always have read/write access to: - -1. the current (toplevel) URL (an URLbar etc) -2. URL-history (a back/forward button e.g.) -3. Clicking/Touching an `href` navigates (and updates the URL) to another scene/file (and coordinate e.g. in case the URL contains XR Fragments). - - -# Example: Navigating content href portals -(!Example: Navigating content href portals) - -navigation, portals & mutations - -| fragment | type | example value | -|----------|---------------------------------|---------------------------------------------------------------------------------------------------------------------------| -|`href` | string (uri or predefined view) | `#room1`
`#room1`
`://somefile.gltf#room1`
| - -1. clicking an outbound ''external''- or ''file URI'' fully replaces the current scene and assumes `room2` by default (unless specified) - -2. relocation/reorientation should happen locally for local URI's (`#....`) - -3. navigation should not happen ''immediately'' when user is more than 5 meter away from the portal/object containing the href (to prevent accidental navigation e.g.) - -4. URL navigation should always be reflected in the client URL-bar (in case of javascript: see [[here](https://github.com/coderofsalvation/xrfragment/blob/dev/src/3rd/js/three/navigator.js) for an example navigator), and only update the URL-bar after the scene (default fragment `#`) has been loaded. - -5. In immersive XR mode, the navigator back/forward-buttons should be always visible (using a wearable e.g., see [[here](https://github.com/coderofsalvation/xrfragment/blob/dev/example/aframe/sandbox/index.html#L26-L29) for an example wearable) - -6. make sure that the ''back-button'' of the ''browser-history'' always refers to the previous position (see [[here](https://github.com/coderofsalvation/xrfragment/blob/main/src/3rd/js/three/xrf/href.js#L97)) - -7. ignore previous rule in special cases, like clicking an `href` using camera-portal collision (the back-button could cause a teleport-loop if the previous position is too close) - -8. href-events should bubble upward the node-tree (from children to ancestors, so that ancestors can also conain an href), however only 1 href can be executed at the same time. - -9. the end-user navigator back/forward buttons should repeat a back/forward action until a `#...` primitive is found (the stateless xrf:// href-values should not be pushed to the url-history) - -[» example implementation](https://github.com/coderofsalvation/xrfragment/blob/main/src/3rd/js/three/xrf/href.js)
-[» example 3D asset](https://github.com/coderofsalvation/xrfragment/blob/main/example/assets/href.gltf#L192)
-[» discussion](https://github.com/coderofsalvation/xrfragment/issues/1)
- -## Walking surfaces - -> By default position `0,0,0` of the 3D scene represents the walkable plane, however this is overridden when the following applies: - -XR Fragment-compatible viewers can infer this data based scanning the scene for: - -1. materialless (nameless & textureless) mesh-objects (without `href` and >0 faces) - -> optionally the viewer can offer thumbstick, mouse or joystick teleport-tools for non-roomscale VR/AR setups. - -# Example: Virtual world rings -(!Example: Virtual world rings ) - -Consider 3D scenes linking to eachother using these `href` values, attached to 3D button-objects: - -* `href: schoolA.edu/projects.gltf#math` -* `href: schoolB.edu/projects.gltf#math` -* `href: university.edu/projects.gltf#math` - -This would teleport users to the math-projects of those universities.
-Now consider adding a 'webring index'-button to each file, with this href-value: - - -* href: workgroup.edu/webrings.glb#!webringmenu - -This would allow displaying the (remote 3D file) webring menu with various href-buttons inside, all centrally curated by the workgroup. - -# Additional scene metadata -(!Additional scene metadata ) - -XR Fragments does not aim to redefine the metadata-space or accessibility-space by introducing its own cataloging-metadata fields. -Instead, it encourages browsers to scan nodes for the following custom properties: - -* [SPDX](https://spdx.dev/) license information -* [ARIA](https://www.w3.org/WAI/standards-guidelines/aria/) attributes (`aria-*: .....`) -* [datapackage.json](https://datapackage.org) findability, accessibility, interoperability, and reusability of data - -ARIA's `aria-description`-metadata is normative, to aid accessibility and scene transcripts - -> **NOTE**: please always start `aria-description` with a verb to aid transcripts. - -The following metadata are non-normative but encouraged, since they are popular and cheap to parse: - -* [RDF/JSON-LD](https://json-ld.org) like [this example](https://mvmd.org/standards/gltf/) or via glTF's [KHR_xmp_json_ld extension](https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/Khronos/KHR_xmp_json_ld) -* [Open Graph](https://ogp.me) attributes (`og:*: .....`) -* [Dublin-Core](https://www.dublincore.org/specifications/dublin-core/application-profile-guidelines/) attributes(`dc:*: .....`) -* [BibTex](https://bibtex.eu/fields) when known bibtex-keys exist with values enclosed in `{` and `},` - - -> Example: object 'tryceratops' with `aria-description: is a huge dinosaurus standing on a #mountain` generates transcript `#tryceratops is a huge dinosaurus standing on a #mountain`, where the hashtags are clickable XR Fragments (activating the visible-links in the XR browser). - -Individual nodes can be enriched with such metadata, but most importantly the scene node: - -| metadata key | example value | -|--------------------------------------------------------|-------------------------------------------------| -| `aria-description`, `og:description`, `dc:description` | `An immersive experience about Triceratops` (*) | -| `SPDX` | `CC0-1.0` | -| `dc:creator` | `John Doe` | -| `dc:title`, `og:title` | 'Triceratops` (*) | -| `og:site_name` | `https://xrfragment.org` | -| `dc.publisher` | `NLNET` | -| `dc.date` | `2024-01-01` | -| `dc.identifier` | `XRFRAGMENT-001` | -| `journal` (bibTeX) | `{Future Of Text Vol 3},` | - -> \* = these are interchangable (only one needs to be defined) - -There's no silver bullet when it comes to metadata, so XR Fragment-implementations should support where the metadata is/goes. - -> These attributes can be scanned and presented during an `href` or `src` eye/mouse-over. - -# Accessibility interface -(!Accessibility interface) - -The addressibility of XR Fragments allows for unique 3D-to-text transcripts, as well as an textual interface to navigate 3D content.
-Spec:

- -1. The enduser must be able to enable an accessibility-mode (which persists across application/webpage restarts) -2. Accessibility-mode must contain a text-input for the user to enter text -3. Accessibility-mode must contain a flexible textlog for the user to read (via screenreader, screen, or TTS e.g.) -4. the textlog contains `aria-descriptions`, and its narration (Screenreader e.g.) can be skipped (via 2-button navigation) -5. The `back` command should navigate back to the previous URL (alias for browser-backbutton) -6. The `forward` command should navigate back to the next URL (alias for browser-nextbutton) -7. A destination is a 3D node containing an `href` with a `#...` XR fragment (which matches a 3d object name) -8. The `go` command should list all possible destinations -9. The `go left` command should move the camera around 0.3 meters to the left -10. The `go right` command should move the camera around 0.3 meters to the right -11. The `go forward` command should move the camera 0.3 meters forward (direction of current rotation). -12. The `rotate left` command should rotate the camera 0.3 to the left -13. The `rotate left` command should rotate the camera 0.3 to the right -14. The (dynamic) `go abc` command should navigate to `#scene2` in case there's a 3D node with name `abc` and `href` value `#scene2` -15. The `look` command should give an (contextual) 3D-to-text transcript, by scanning the `aria-description` values of the current `#...` (3D object) value (including its children) -16. The `do` command should list all possible `href` values which don't contain an `#...` XR Fragment -17. The (dynamic) `do abc` command should navigate/execute `https://.../...` in case a 3D node exist with name `abc` and `href` value `https://.../...` - -## Two-button navigation - -For specific user-profiles, gyroscope/mouse/keyboard/audio/visuals will not be available.
-Therefore a 2-button navigation-interface is the bare minimum interface: - -1. objects with href metadata can be cycled via a key (tab on a keyboard) -2. objects with href metadata can be activated via a key (enter on a keyboard) -3. the TTS reads the href-value (and/or aria-description if available) - -## Overlap with fileformat-specific extensions - -Some 3D scene-fileformats have support for extensions. -What if the functionality of those overlap? -For example, GLTF has the `OMI_LINK` extension which might overlap with XR Fragment's `href`: - -> Priority Order and Precedence, otherwise fallback applies - -1.**Extensions Take Precedence**: Since glTF-specific extensions are designed with the format’s -specific needs and optimizations in mind, they should take precedence over extras metadata -in cases where both contain overlapping functionality. -This approach aligns with the idea that extensions are more likely to be interpreted uniformly by glTF-compatible software. - -2. **Fallback Fall-through Mechanism**: -If a glTF implementation does not support a particular extension, the (XRF) extras field can serve as a fallback. This way, metadata provided in extras can still be useful for applications that don't handle certain extensions. - -> **Example 1** In case of the OMI_LINK glTF extension (`href: https://nlnet.nl`) and an XR Fragment (`href: #otherroom` or `href: otherplanet.glb`), it is clear that `https://nlnet.nl` should open in a browsertab, whereas the XR Fragment links should teleport the user. If the OMI_LINK contains an XR Fragment (`#room1` e.g.) a teleport should be performed only (and other [overlapping] metadata should be ignored). - -> **Example 2** If an Extensions uses XR Fragments in URI's (`href: #otherroom` or `href: xrf://-walls` in OMI_LINK e.g.), then perform them according to XR Fragment spec (teleport user). But only once: ignore further overlapping metadata for that usecase. - -# Vendor Prefixes -(!Vendor Prefixes ) - -Vendor-specific metadata in a 3D scenefiles, are similar to vendor-specific [CSS-prefixes](https://en.wikipedia.org/wiki/CSS#Vendor_prefixes) (`-moz-opacity: 0.2` e.g.). -This allows popular 3D engines/frameworks, to initialize specific features when loading a scene/object, in a progressive enhanced way. - -Vendor Prefixes allows embedding 3D engines/framework-specific features a 3D file via metadata: - -| what | XR metadata | Lowest common denominator | -|------------------|---------------------|-------------------------------------------------------| -| CSS | vendor-agnostic | 2D canvas + object referencing/styling | -| XR Fragments | vendor-agnostic | 3D camera + object(file) load/embed/click/referencing | -| Vendor prefixs | vendor-**specific** | Specialized Entity-Component implementation | - -> Why? Because not all XR interactions can/should be solved/standardized by embedding XR Fragments into any 3D file. -The lowest common denominator between 3D engines is the 'entity'-part of their entity-component-system (ECS). The 'component'-part can be progressively enhanced via vendor prefixes. - -For example, the following metadata can be added to a .glb file, to make an object grabbable in AFRAME: - -``` -+────────────────────────────────────────────────────────────────────────────────────────────────────────+ -│ http://y.io/z.glb | AFRAME app │ -│-----------------------------------------------+--------------------------------------------------------│ -│ | │ -│ | after loading the glb, john can be placed into the │ -│ +-[3D mesh]-+ | castle via hands, because the author added metadata to │ -│ | / \ | | john via either: │ -│ | / \ | | │ -│ | / \ | | 1. Blender (custom property-box, no plugins needed) │ -│ | |_____| | | │ -│ +-----│-----+ | 2. javascript-code: │ -│ │ | │ -│ ├─ name: castle | for( var com in this.el.components ){ │ -│ └─ tag: house baroque | this.el.object3D.userData[`-AFRAME-${com}`] = '' │ -│ | } │ -│ [3D mesh-+ | // save to z.glb in AFRAME inspector │ -│ | ├─ name: john | │ -│ | O ├─ age: 23 | │ -│ | /|\ ├─ -aframe-grabbable: '' | > inits 'grabbable' component on object john │ -│ | / \ ├─ -aframe-material.color: '#F0A' | > inits 'material' component on object john │ -│ | ├─ -aframe-text.value: '{name}{age}'| > inits 'text' component (*) with value 'john' │ -│ | ├─ -three-material.fog: false | > changes material settings in THREE.js app │ -│ | ├─ -godot-Label3D.text: '{name}{age}'| > inits 'Label3D' component (*) in Godot │ -│ +--------+ | │ -│ | │ -├─ -GODOT-version: '4.3' | > exporters/authors can report targeted version │ -├─ -AFRAME-version: '1.6.0' | and (optionally) hint component-repo│ -├─ -AFRAME-info: 'https://git.benetou.fr/comps' │ -│ | │ -+────────────────────────────────────────────────────────────────────────────────────────────────────────+ -``` - -* key/value syntax: -``-``.`` `[string/boolean/float/int]`-value - -String-templatevalues are evaluated as per [URI Templates (RFC6570)](https://www.rfc-editor.org/rfc/rfc6570) Level 1. - -> This 'separating of mechanism from policy' (unix rule) does **somewhat** break portability of an XR experience, but still prevents (E-waste of) handcoded virtual worlds. It allows for (XR experience) metadata to survive in future 3D engines and scene-fileformats. - - -# Security Considerations -(!Security Considerations) - -The only dynamic parts are [W3C Media Fragments](https://www.w3.org/TR/media-frags/) and [URI Templates (RFC6570)](https://www.rfc-editor.org/rfc/rfc6570).
-The use of URI Templates is limited to pre-defined variables and Level0 fragments-expansion only, which makes it quite safe.
-n fact, it is much safer than relying on a scripting language (javascript) which can change URN too. - -# FAQ -(!FAQ ) - -**Q:** Why is everything HTTP GET-based, what about POST/PUT/DELETE HATEOS
-**A:** Because it's out of scope: XR Fragment specifies a read-only way to surf XR documents. These things belong in the application layer (for example, an XR Hypermedia browser can decide to support POST/PUT/DELETE requests for embedded HTML thru `src` values) - ---- - -**Q:** Why isn't there support for scripting, URI Template Fragments are so limited compared to WASM & javascript -**A:** This is out of scope as it unhyperifies hypermedia, and this is up to XR hypermedia browser-extensions.
Historically scripting/Javascript seems to been able to turn webpages from hypermedia documents into its opposite (hyperscripted nonhypermedia documents).
In order to prevent this backward-movement (hypermedia tends to liberate people from finnicky scripting) XR Fragment uses [W3C Media Fragments](https://www.w3.org/TR/media-frags/) and [URI Templates (RFC6570)](https://www.rfc-editor.org/rfc/rfc6570), to prevent unhyperifying itself by hardcoupling to a particular markup or scripting language.
-XR Fragments supports filtering objects in a scene only, because in the history of the javascript-powered web, showing/hiding document-entities seems to be one of the most popular basic usecases.
-Doing advanced scripting & networkrequests under the hood are obviously interesting endavours, but this is something which should not be hardcoupled with XR Fragments or hypermedia.
This perhaps belongs more to browser extensions.
-Non-HTML Hypermedia browsers should make browser extensions the right place, to 'extend' experiences, in contrast to code/javascript inside hypermedia documents (this turned out as a hypermedia antipattern). - -# authors -(!authors) - -* Leon van Kammen (@lvk@mastodon.online) -* Jens Finkhäuser (@jens@social.finkhaeuser.de) - -# IANA Considerations -(!IANA Considerations) - -This document has no IANA actions. - -# Acknowledgments -(!Acknowledgments) - -* [NLNET](https://nlnet.nl) -* [Future of Text](https://futureoftext.org) -* [visual-meta.info](https://visual-meta.info) -* Michiel Leenaars -* Gerben van der Broeke -* Mauve -* Jens Finkhäuser -* Marc Belmont -* Tim Gerritsen -* Frode Hegland -* Brandel Zackernuk -* Mark Anderson - -# Appendix: Definitions -(!Appendix: Definitions ) - -|definition | explanation | -|----------------------|--------------------------------------------------------------------------------------------------------------------------------------| -|human | a sentient being who thinks fuzzy, absorbs, and shares thought (by plain text, not markuplanguage) | -|scene | a (local/remote) 3D scene or 3D file (index.gltf e.g.) | -|3D object | an object inside a scene characterized by vertex-, face- and customproperty data. | -|URI | some resource at something somewhere via someprotocol (`http://me.com/foo.glb#foo` or `e76f8efec8efce98e6f` [see interpeer.io](https://interpeer.io))| -|URL | something somewhere via someprotocol (`http://me.com/foo.glb`) | -|URN | something at some domain (`me.com/foo.glb`) | -|metadata | custom properties of text, 3D Scene or Object(nodes), relevant to machines and a human minority (academics/developers) | -|XR fragment | URI Fragment with spatial hints (which match the name of a 3D object-, camera-, animation-object) | -|the XRWG | wordgraph (collapses 3D scene to tags) | -|the hashbus | hashtags map to camera/scene-projections | -|spacetime hashtags | positions camera, triggers scene-preset/time | -|teleportation | repositioning the enduser to a different position (or 3D scene/file) | -|sourceportation | teleporting the enduser to the original XR Document of an `src` embedded object. | -|placeholder object | a 3D object which with src-metadata (which will be replaced by the src-data.) | -|src | (HTML-piggybacked) metadata of a 3D object which instances content | -|href | (HTML-piggybacked) metadata of a 3D object which links to content | -|filter | URI Fragment(s) which show/hide object(s) in a scene based on name/tag/property (`#cube&-price=>3`) | -|visual-meta | [visual-meta](https://visual.meta.info) data appended to text/books/papers which is indirectly visible/editable in XR. | -|requestless metadata | metadata which never spawns new requests (unlike RDF/HTML, which can cause framerate-dropping, hence not used a lot in games) | -|FPS | frames per second in spatial experiences (games,VR,AR e.g.), should be as high as possible | -|introspective | inward sensemaking ("I feel this belongs to that") | -|extrospective | outward sensemaking ("I'm fairly sure John is a person who lives in oklahoma") | -|`◻` | ascii representation of an 3D object/mesh | -|(un)obtrusive | obtrusive: wrapping human text/thought in XML/HTML/JSON obfuscates human text into a salad of machine-symbols and words | -|flat 3D object | a 3D object of which all verticies share a plane | -|BibTeX | simple tagging/citing/referencing standard for plaintext | -|BibTag | a BibTeX tag | -|(hashtag)bibs | an easy to speak/type/scan tagging SDL ([see here](https://github.com/coderofsalvation/hashtagbibs) which expands to BibTex/JSON/XML | - diff --git a/doc/RFC_XR_Fragments.md.bak b/doc/RFC_XR_Fragments.md.bak deleted file mode 100644 index 09e996d..0000000 --- a/doc/RFC_XR_Fragments.md.bak +++ /dev/null @@ -1,614 +0,0 @@ -%%% -Title = "XR Fragments" -area = "Internet" -workgroup = "Internet Engineering Task Force" - -[seriesInfo] -name = "XR-Fragments" -value = "draft-XRFRAGMENTS-leonvankammen-00" -stream = "IETF" -status = "informational" - -date = 2023-04-12T00:00:00Z - -[[author]] -initials="L.R." -surname="van Kammen" -fullname="L.R. van Kammen" - -%%% - - - - - -.# Abstract - -This draft offers a specification for 4D URLs & navigation, to link 3D scenes and text together with- or without a network-connection.
-The specification promotes spatial addressibility, sharing, navigation, query-ing and tagging interactive (text)objects across for (XR) Browsers.
-XR Fragments allows us to enrich existing dataformats, by recursive use of existing proven technologies like [URI Fragments](https://en.wikipedia.org/wiki/URI_fragment) and BibTags notation.
- -> Almost every idea in this document is demonstrated at [https://xrfragment.org](https://xrfragment.org) - -{mainmatter} - -# Introduction - -How can we add more features to existing text & 3D scenes, without introducing new dataformats?
-Historically, there's many attempts to create the ultimate markuplanguage or 3D fileformat.
-However, thru the lens of authoring, their lowest common denominator is still: plain text.
-XR Fragments allows us to enrich/connect existing dataformats, by recursive use of existing technologies:
- -1. addressibility and navigation of 3D scenes/objects: [URI Fragments](https://en.wikipedia.org/wiki/URI_fragment) + src/href spatial metadata -1. hasslefree tagging across text and spatial objects using [BibTags](https://en.wikipedia.org/wiki/BibTeX) as appendix (see [visual-meta](https://visual-meta.info) e.g.) - -> NOTE: The chapters in this document are ordered from highlevel to lowlevel (technical) as much as possible - -# Core principle - -XR Fragments strives to serve (nontechnical/fuzzy) humans first, and machine(implementations) later, by ensuring hasslefree text-vs-thought feedback loops.
-This also means that the repair-ability of machine-matters should be human friendly too (not too complex).
- -> "When a car breaks down, the ones **without** turbosupercharger are easier to fix" - -Let's always focus on average humans: the 'fuzzy symbolical mind' must be served first, before serving the greater ['categorized typesafe RDF hive mind'](https://en.wikipedia.org/wiki/Borg)). - -> Humans first, machines (AI) later. - -# Conventions and Definitions - -|definition | explanation | -|----------------------|-------------------------------------------------------------------------------------------------------------------------------| -|human | a sentient being who thinks fuzzy, absorbs, and shares thought (by plain text, not markuplanguage) | -|scene | a (local/remote) 3D scene or 3D file (index.gltf e.g.) | -|3D object | an object inside a scene characterized by vertex-, face- and customproperty data. | -|metadata | custom properties of text, 3D Scene or Object(nodes), relevant to machines and a human minority (academics/developers) | -|XR fragment | URI Fragment with spatial hints like `#pos=0,0,0&t=1,100` e.g. | -|src | (HTML-piggybacked) metadata of a 3D object which instances content | -|href | (HTML-piggybacked) metadata of a 3D object which links to content | -|query | an URI Fragment-operator which queries object(s) from a scene like `#q=cube` | -|visual-meta | [visual-meta](https://visual.meta.info) data appended to text/books/papers which is indirectly visible/editable in XR. | -|requestless metadata | opposite of networked metadata (RDF/HTML requests can easily fan out into framerate-dropping, hence not used a lot in games). | -|FPS | frames per second in spatial experiences (games,VR,AR e.g.), should be as high as possible | -|introspective | inward sensemaking ("I feel this belongs to that") | -|extrospective | outward sensemaking ("I'm fairly sure John is a person who lives in oklahoma") | -|`◻` | ascii representation of an 3D object/mesh | -|(un)obtrusive | obtrusive: wrapping human text/thought in XML/HTML/JSON obfuscates human text into a salad of machine-symbols and words | -|BibTeX | simple tagging/citing/referencing standard for plaintext | -|BibTag | a BibTeX tag | - -# List of URI Fragments - -| fragment | type | example | info | -|--------------|----------|-------------------|-------------------------------------------------------------------| -| `#pos` | vector3 | `#pos=0.5,0,0` | positions camera to xyz-coord 0.5,0,0 | -| `#rot` | vector3 | `#rot=0,90,0` | rotates camera to xyz-coord 0.5,0,0 | -| `#t` | vector2 | `#t=500,1000` | sets animation-loop range between frame 500 and 1000 | -| `#......` | string | `#.cubes` `#cube` | object(s) of interest (fragment to object name or class mapping) | - -> xyz coordinates are similar to ones found in SVG Media Fragments - -# List of metadata for 3D nodes - -| key | type | example (JSON) | info | -|--------------|----------|--------------------|--------------------------------------------------------| -| `name` | string | `"name": "cube"` | available in all 3D fileformats & scenes | -| `class` | string | `"class": "cubes"` | available through custom property in 3D fileformats | -| `href` | string | `"href": "b.gltf"` | available through custom property in 3D fileformats | -| `src` | string | `"src": "#q=cube"` | available through custom property in 3D fileformats | - -Popular compatible 3D fileformats: `.gltf`, `.obj`, `.fbx`, `.usdz`, `.json` (THREEjs), `COLLADA` and so on. - -> NOTE: XR Fragments are file-agnostic, which means that the metadata exist in programmatic 3D scene(nodes) too. - -# Navigating 3D - -Here's an ascii representation of a 3D scene-graph which contains 3D objects `◻` and their metadata: - -``` - +--------------------------------------------------------+ - | | - | index.gltf | - | │ | - | ├── ◻ buttonA | - | │ └ href: #pos=1,0,1&t=100,200 | - | │ | - | └── ◻ buttonB | - | └ href: other.fbx | <-- file-agnostic (can be .gltf .obj etc) - | | - +--------------------------------------------------------+ - -``` - -An XR Fragment-compatible browser viewing this scene, allows the end-user to interact with the `buttonA` and `buttonB`.
-In case of `buttonA` the end-user will be teleported to another location and time in the **current loaded scene**, but `buttonB` will - **replace the current scene** with a new one, like `other.fbx`. - -# Embedding 3D content - -Here's an ascii representation of a 3D scene-graph with 3D objects `◻` which embeds remote & local 3D objects `◻` (without) using queries: - -``` - +--------------------------------------------------------+ +-------------------------+ - | | | | - | index.gltf | | ocean.com/aquarium.fbx | - | │ | | │ | - | ├── ◻ canvas | | └── ◻ fishbowl | - | │ └ src: painting.png | | ├─ ◻ bass | - | │ | | └─ ◻ tuna | - | ├── ◻ aquariumcube | | | - | │ └ src: ://rescue.com/fish.gltf#q=bass%20tuna | +-------------------------+ - | │ | - | ├── ◻ bedroom | - | │ └ src: #q=canvas | - | │ | - | └── ◻ livingroom | - | └ src: #q=canvas | - | | - +--------------------------------------------------------+ -``` - -An XR Fragment-compatible browser viewing this scene, lazy-loads and projects `painting.png` onto the (plane) object called `canvas` (which is copy-instanced in the bed and livingroom).
-Also, after lazy-loading `ocean.com/aquarium.gltf`, only the queried objects `bass` and `tuna` will be instanced inside `aquariumcube`.
-Resizing will be happen accordingly to its placeholder object `aquariumcube`, see chapter Scaling.
- -# XR Fragment queries - -Include, exclude, hide/shows objects using space-separated strings: - -* `#q=cube` -* `#q=cube -ball_inside_cube` -* `#q=* -sky` -* `#q=-.language .english` -* `#q=cube&rot=0,90,0` -* `#q=price:>2 price:<5` - -It's simple but powerful syntax which allows css-like class/id-selectors with a searchengine prompt-style feeling: - -1. queries are showing/hiding objects **only** when defined as `src` value (prevents sharing of scene-tampered URL's). -1. queries are highlighting objects when defined in the top-Level (browser) URL (bar). -1. search words like `cube` and `foo` in `#q=cube foo` are matched against 3D object names or custom metadata-key(values) -1. search words like `cube` and `foo` in `#q=cube foo` are matched against tags (BibTeX) inside plaintext `src` values like `@cube{redcube, ...` e.g. -1. `#` equals `#q=*` -1. words starting with `.` like `.german` match class-metadata of 3D objects like `"class":"german"` -1. words starting with `.` like `.german` match class-metadata of (BibTeX) tags in XR Text objects like `@german{KarlHeinz, ...` e.g. - -> **For example**: `#q=.foo` is a shorthand for `#q=class:foo`, which will select objects with custom property `class`:`foo`. Just a simple `#q=cube` will simply select an object named `cube`. - -* see [an example video here](https://coderofsalvation.github.io/xrfragment.media/queries.mp4) - -## including/excluding - -| operator | info | -|----------|-------------------------------------------------------------------------------------------------------------------------------| -| `*` | select all objects (only useful in `src` custom property) | -| `-` | removes/hides object(s) | -| `:` | indicates an object-embedded custom property key/value | -| `.` | alias for `"class" :".foo"` equals `class:foo` | -| `>` `<` | compare float or int number | -| `/` | reference to root-scene.
Useful in case of (preventing) showing/hiding objects in nested scenes (instanced by `src`) (*) | - -> \* = `#q=-/cube` hides object `cube` only in the root-scene (not nested `cube` objects)
`#q=-cube` hides both object `cube` in the root-scene AND nested `skybox` objects | - -[» example implementation](https://github.com/coderofsalvation/xrfragment/blob/main/src/3rd/js/three/xrf/q.js) -[» example 3D asset](https://github.com/coderofsalvation/xrfragment/blob/main/example/assets/query.gltf#L192) -[» discussion](https://github.com/coderofsalvation/xrfragment/issues/3) - -## Query Parser - -Here's how to write a query parser: - -1. create an associative array/object to store query-arguments as objects -1. detect object id's & properties `foo:1` and `foo` (reference regex: `/^.*:[><=!]?/` ) -1. detect excluders like `-foo`,`-foo:1`,`-.foo`,`-/foo` (reference regex: `/^-/` ) -1. detect root selectors like `/foo` (reference regex: `/^[-]?\//` ) -1. detect class selectors like `.foo` (reference regex: `/^[-]?class$/` ) -1. detect number values like `foo:1` (reference regex: `/^[0-9\.]+$/` ) -1. expand aliases like `.foo` into `class:foo` -1. for every query token split string on `:` -1. create an empty array `rules` -1. then strip key-operator: convert "-foo" into "foo" -1. add operator and value to rule-array -1. therefore we we set `id` to `true` or `false` (false=excluder `-`) -1. and we set `root` to `true` or `false` (true=`/` root selector is present) -1. we convert key '/foo' into 'foo' -1. finally we add the key/value to the store like `store.foo = {id:false,root:true}` e.g. - -> An example query-parser (which compiles to many languages) can be [found here](https://github.com/coderofsalvation/xrfragment/blob/main/src/xrfragment/Query.hx) - -## XR Fragment URI Grammar - -``` -reserved = gen-delims / sub-delims -gen-delims = "#" / "&" -sub-delims = "," / "=" -``` - -> Example: `://foo.com/my3d.gltf#pos=1,0,0&prio=-5&t=0,100` - -| Demo | Explanation | -|-------------------------------|---------------------------------| -| `pos=1,2,3` | vector/coordinate argument e.g. | -| `pos=1,2,3&rot=0,90,0&q=.foo` | combinators | - - -# Text in XR (tagging,linking to spatial objects) - -We still think and speak in simple text, not in HTML or RDF.
-The most advanced human will probably not shout `

FIRE!

` in case of emergency.
-Given the new dawn of (non-keyboard) XR interfaces, keeping text as is (not obscuring with markup) is preferred.
-Ideally metadata must come **later with** text, but not **obfuscate** the text, or **in another** file.
- -> Humans first, machines (AI) later ([core principle](#core-principle) - -This way: - -1. XR Fragments allows hasslefree XR text tagging, using BibTeX metadata **at the end of content** (like [visual-meta](https://visual.meta.info)). -1. XR Fragments allows hasslefree textual tagging, spatial tagging, and supra tagging, by mapping 3D/text object (class)names using BibTeX 'tags' -1. Bibs/BibTeX-appendices is first-choice **requestless metadata**-layer for XR text, HTML/RDF/JSON is great (but fits better in the application-layer) -1. Default font (unless specified otherwise) is a modern monospace font, for maximized tabular expressiveness (see [the core principle](#core-principle)). -1. anti-pattern: hardcoupling a mandatory **obtrusive markuplanguage** or framework with an XR browsers (HTML/VRML/Javascript) (see [the core principle](#core-principle)) -1. anti-pattern: limiting human introspection, by immediately funneling human thought into typesafe, precise, pre-categorized metadata like RDF (see [the core principle](#core-principle)) - -This allows recursive connections between text itself, as well as 3D objects and vice versa, using **BibTags** : - -``` - +---------------------------------------------+ +------------------+ - | My Notes | | / \ | - | | | / \ | - | The houses here are built in baroque style. | | /house\ | - | | | |_____| | - | | +---------|--------+ - | @house{houses, >----'house'--------| class/name match? - | url = {#.house} >----'houses'-------` class/name match? - | } | - +---------------------------------------------+ -``` - -> The enduser can add connections by speaking/typing/scanning [hashtagbibs](https://github.com/coderofsalvation/hashtagbibs) which the XR Browser can expand to BibTags. - -This allows instant realtime tagging of objects at various scopes: - -| scope | matching algo | -|---------------------------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------| -| textual | text containing 'houses' is now automatically tagged with 'house' (incl. plaintext `src` child nodes) | -| spatial | spatial object(s) with `"class":"house"` (because of `{#.house}`) are now automatically tagged with 'house' (incl. child nodes) | -| supra | text- or spatial-object(s) (non-descendant nodes) elsewhere, named 'house', are automatically tagged with 'house' (current node to root node) | -| omni | text- or spatial-object(s) (non-descendant nodes) elsewhere, containing class/name 'house', are automatically tagged with 'house' (too node to all nodes) | -| infinite | text- or spatial-object(s) (non-descendant nodes) elsewhere, containing class/name 'house' or 'houses', are automatically tagged with 'house' (too node to all nodes) | - -This empowers the enduser spatial expressiveness (see [the core principle](#core-principle)): spatial wires can be rendered, words can be highlighted, spatial objects can be highlighted/moved/scaled, links can be manipulated by the user.
-The simplicity of appending BibTeX 'tags' (humans first, machines later) is also demonstrated by [visual-meta](https://visual-meta.info) in greater detail. - -1. The XR Browser needs to adjust tag-scope based on the endusers needs/focus (infinite tagging only makes sense when environment is scaled down significantly) -1. The XR Browser should always allow the human to view/edit the metadata, by clicking 'toggle metadata' on the 'back' (contextmenu e.g.) of any XR text, anywhere anytime. - -> NOTE: infinite matches both 'house' and 'houses' in text, as well as spatial objects with `"class":"house"` or name "house". This multiplexing of id/category is deliberate because of [the core principle](#core-principle). - -## Default Data URI mimetype - -The `src`-values work as expected (respecting mime-types), however: - -The XR Fragment specification bumps the traditional default browser-mimetype - -`text/plain;charset=US-ASCII` - -to a hashtagbib(tex)-friendly one: - -`text/plain;charset=utf-8;bib=^@` - -This indicates that: - -* utf-8 is supported by default -* [hashtagbibs](https://github.com/coderofsalvation/hashtagbibs) are expanded to [bibtags](https://en.wikipedia.org/wiki/BibTeX) -* lines matching regex `^@` will automatically get filtered out, in order to: -* links between textual/spatial objects can automatically be detected -* bibtag appendices ([visual-meta](https://visual-meta.info) can be interpreted e.g. - -> for more info on this mimetype see [bibs](https://github.com/coderofsalvation/hashtagbibs) - -Advantages: - -* out-of-the-box (de)multiplex human text and metadata in one go (see [the core principle](#core-principle)) -* no network-overhead for metadata (see [the core principle](#core-principle)) -* ensuring high FPS: HTML/RDF historically is too 'requesty'/'parsy' for game studios -* rich send/receive/copy-paste everywhere by default, metadata being retained (see [the core principle](#core-principle)) -* netto result: less webservices, therefore less servers, and overall better FPS in XR - -> This significantly expands expressiveness and portability of human tagged text, by **postponing machine-concerns to the end of the human text** in contrast to literal interweaving of content and markupsymbols (or extra network requests, webservices e.g.). - -For all other purposes, regular mimetypes can be used (but are not required by the spec).
- -## URL and Data URI - -``` - +--------------------------------------------------------------+ +------------------------+ - | | | author.com/article.txt | - | index.gltf | +------------------------+ - | │ | | | - | ├── ◻ article_canvas | | Hello friends. | - | │ └ src: ://author.com/article.txt | | | - | │ | | @friend{friends | - | └── ◻ note_canvas | | ... | - | └ src:`data:welcome human\n@...` | | } | - | | +------------------------+ - | | - +--------------------------------------------------------------+ -``` - -The enduser will only see `welcome human` and `Hello friends` rendered spatially. -The beauty is that text (AND visual-meta) in Data URI promotes rich copy-paste. -In both cases, the text gets rendered immediately (onto a plane geometry, hence the name '_canvas'). -The XR Fragment-compatible browser can let the enduser access visual-meta(data)-fields after interacting with the object (contextmenu e.g.). - -> additional tagging using [bibs](https://github.com/coderofsalvation/hashtagbibs): to tag spatial object `note_canvas` with 'todo', the enduser can type or speak `@note_canvas@todo` - -The mapping between 3D objects and text (src-data) is simple (the : - -Example: - -``` - +------------------------------------------------+ - | | - | index.gltf | - | │ | - | └── ◻ rentalhouse | - | └ class: house <----------------- matches -------+ - | └ ◻ note | | - | └ src:`data: todo: call owner | hashtagbib | - | #owner@house@todo | ----> expands to @house{owner, - | | bibtex: } - | ` | @contact{ - +------------------------------------------------+ } -``` - -Bi-directional mapping between 3D object names and/or classnames and text using bibs,BibTags & XR Fragments, allows for rich interlinking between text and 3D objects: - -1. When the user surfs to https://.../index.gltf#rentalhouse the XR Fragments-parser points the enduser to the rentalhouse object, and can show contextual info about it. -2. When (partial) remote content is embedded thru XR Fragment queries (see XR Fragment queries), indirectly related metadata can be embedded along. - -## Bibs & BibTeX: lowest common denominator for linking data - -> "When a car breaks down, the ones **without** turbosupercharger are easier to fix" - -Unlike XML or JSON, BibTex is typeless, unnested, and uncomplicated, hence a great advantage for introspection.
-It's a missing sensemaking precursor to extrospective RDF.
-BibTeX-appendices are already used in the digital AND physical world (academic books, [visual-meta](https://visual-meta.info)), perhaps due to its terseness & simplicity.
-In that sense, it's one step up from the `.ini` fileformat (which has never leaked into the physical world like BibTex): - -1. frictionless copy/pasting (by humans) of (unobtrusive) content AND metadata -1. an introspective 'sketchpad' for metadata, which can (optionally) mature into RDF later - -| characteristic | UTF8 Plain Text (with BibTeX) | RDF | -|------------------------------------|-------------------------------|---------------------------| -| perspective | introspective | extrospective | -| structure | fuzzy (sensemaking) | precise | -| space/scope | local | world | -| everything is text (string) | yes | no | -| voice/paper-friendly | [bibs](https://github.com/coderofsalvation/hashtagbibs) | no | -| leaves (dictated) text intact | yes | no | -| markup language | just an appendix | ~4 different | -| polyglot format | no | yes | -| easy to copy/paste content+metadata| yes | up to application | -| easy to write/repair for layman | yes | depends | -| easy to (de)serialize | yes (fits on A4 paper) | depends | -| infrastructure | selfcontained (plain text) | (semi)networked | -| freeform tagging/annotation | yes, terse | yes, verbose | -| can be appended to text-content | yes | up to application | -| copy-paste text preserves metadata | yes | up to application | -| emoji | yes | depends on encoding | -| predicates | free | semi pre-determined | -| implementation/network overhead | no | depends | -| used in (physical) books/PDF | yes (visual-meta) | no | -| terse non-verb predicates | yes | no | -| nested structures | no (but: BibTex rulers) | yes | - -> To keep XR Fragments a lightweight spec, BibTeX is used for rudimentary text/spatial tagging (not JSON, RDF or a scripting language because they're harder to write/speak/repair.). - -Applications are also free to attach any JSON(LD / RDF) to spatial objects using custom properties (but is not interpreted by this spec). - -## XR Text example parser - - -1. The XR Fragments spec does not aim to harden the BiBTeX format -2. respect multi-line BibTex values because of [the core principle](#core-principle) -3. Expand hashtag(bibs) and rulers (like `${visual-meta-start}`) according to the [hashtagbibs spec](https://github.com/coderofsalvation/hashtagbibs) -4. BibTeX snippets should always start in the beginning of a line (regex: ^@), hence mimetype `text/plain;charset=utf-8;bib=^@` - -Here's an XR Text (de)multiplexer in javascript, which ticks all the above boxes: - -``` -xrtext = { - - expandBibs: (text) => { - let bibs = { regex: /(#[a-zA-Z0-9_+@\-]+(#)?)/g, tags: {}} - text.replace( bibs.regex , (m,k,v) => { - tok = m.substr(1).split("@") - match = tok.shift() - if( tok.length ) tok.map( (t) => bibs.tags[t] = `@${t}{${match},\n}` ) - else if( match.substr(-1) == '#' ) - bibs.tags[match] = `@{${match.replace(/#/,'')}}` - else bibs.tags[match] = `@${match}{${match},\n}` - }) - return text.replace( bibs.regex, '') + Object.values(bibs.tags).join('\n') - }, - - decode: (str) => { - // bibtex: ↓@ ↓ ↓property ↓end - let pat = [ /@/, /^\S+[,{}]/, /},/, /}/ ] - let tags = [], text='', i=0, prop='' - let lines = xrtext.expandBibs(str).replace(/\r?\n/g,'\n').split(/\n/) - for( let i = 0; i < lines.length && !String(lines[i]).match( /^@/ ); i++ ) - text += lines[i]+'\n' - - bibtex = lines.join('\n').substr( text.length ) - bibtex.split( pat[0] ).map( (t) => { - try{ - let v = {} - if( !(t = t.trim()) ) return - if( tag = t.match( pat[1] ) ) tag = tag[0] - if( tag.match( /^{.*}$/ ) ) return tags.push({ruler:tag}) - t = t.substr( tag.length ) - t.split( pat[2] ) - .map( kv => { - if( !(kv = kv.trim()) || kv == "}" ) return - v[ kv.match(/\s?(\S+)\s?=/)[1] ] = kv.substr( kv.indexOf("{")+1 ) - }) - tags.push( { k:tag, v } ) - }catch(e){ console.error(e) } - }) - return {text, tags} - }, - - encode: (text,tags) => { - let str = text+"\n" - for( let i in tags ){ - let item = tags[i] - if( item.ruler ){ - str += `@${item.ruler}\n` - continue; - } - str += `@${item.k}\n` - for( let j in item.v ) str += ` ${j} = {${item.v[j]}}\n` - str += `}\n` - } - return str - } -} -``` - -The above functions (de)multiplexe text/metadata, expands bibs, (de)serialize bibtex (and all fits more or less on one A4 paper) - -> above can be used as a startingpoint for LLVM's to translate/steelman to a more formal form/language. - -``` -str = ` -hello world -here are some hashtagbibs followed by bibtex: - -#world -#hello@greeting -#another-section# - -@{some-section} -@flap{ - asdf = {23423} -}` - -var {tags,text} = xrtext.decode(str) // demultiplex text & bibtex -tags.find( (t) => t.k == 'flap{' ).v.asdf = 1 // edit tag -tags.push({ k:'bar{', v:{abc:123} }) // add tag -console.log( xrtext.encode(text,tags) ) // multiplex text & bibtex back together -``` -This expands to the following (hidden by default) BibTex appendix: - -``` -hello world -here are some hashtagbibs followed by bibtex: - -@{some-section} -@flap{ - asdf = {1} -} -@world{world, -} -@greeting{hello, -} -@{another-section} -@bar{ - abc = {123} -} -``` - -# HYPER copy/paste - -The previous example, offers something exciting compared to simple copy/paste of 3D objects or text. -XR Text according to the XR Fragment spec, allows HYPER-copy/paste: time, space and text interlinked. -Therefore, the enduser in an XR Fragment-compatible browser can copy/paste/share data in these ways: - -1. time/space: 3D object (current animation-loop) -1. text: TeXt object (including BibTeX/visual-meta if any) -1. interlinked: Collected objects by visual-meta tag - -# Security Considerations - -Since XR Text contains metadata too, the user should be able to set up tagging-rules, so the copy-paste feature can : - -* filter out sensitive data when copy/pasting (XR text with `class:secret` e.g.) - -# IANA Considerations - -This document has no IANA actions. - -# Acknowledgments - -TODO acknowledge. diff --git a/doc/RFC_XR_Fragments.png b/doc/RFC_XR_Fragments.png deleted file mode 100644 index 5e68453..0000000 Binary files a/doc/RFC_XR_Fragments.png and /dev/null differ diff --git a/doc/RFC_XR_Fragments.svg b/doc/RFC_XR_Fragments.svg deleted file mode 100644 index 3574e3d..0000000 --- a/doc/RFC_XR_Fragments.svg +++ /dev/null @@ -1,35994 +0,0 @@ - - - - Qt Svg Document - Generated with Qt - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - XR Fragments - - - stream: IETF - area: Internet - status: informational - author: Leon van Kammen - date: 2023-04-12T00:00:00Z - workgroup: Internet Engineering Task Force - value: draft-XRFRAGMENTS-leonvankammen-00 - - - Abstract - - - This draft is a specification for 4D URLs & navigation, which links together space, time & text together, for hypermedia - browsers with- or without a network-connection. - The specification promotes spatial addressibility, sharing, navigation, query-ing and annotating interactive (text)objects - across for (XR) Browsers. - XR Fragments allows us to enrich existing dataformats, by recursive use of existing proven technologies like - - - URI - Fragments - - - and BibTags notation. - Almost every idea in this document is demonstrated at - - - https://xrfragment.org - - - Introduction - - - How can we add more features to existing text & 3D scenes, without introducing new dataformats? - Historically, there’s many attempts to create the ultimate markuplanguage or 3D fileformat. - Their lowest common denominator is: (co)authoring using plain text. - XR Fragments allows us to enrich/connect existing dataformats, by introducing existing technologies/ideas: - 1 - . - addressibility and navigation of 3D scenes/objects: - - - URI Fragments - - - + src/href spatial metadata - 2 - . - Interlinking text/& 3D by collapsing space into a Word Graph (XRWG) to show - - - visible links - - - (and augmenting text - with - - - bibs - - - / - - - BibTags - - - appendices (see - - - visual-meta - - - e.g.) - 3 - . - unlocking spatial potential of the (originally 2D) hashtag (which jumps to a chapter) for navigating XR documents - NOTE: The chapters in this document are ordered from highlevel to lowlevel (technical) as much as possible - - - Core principle - - - XR Fragments strives to serve (nontechnical/fuzzy) humans first, and machine(implementations) later, by ensuring - hasslefree text-vs-thought feedback loops. - This also means that the repair-ability of machine-matters should be human friendly too (not too complex). - XR Fragments tries to seek to connect the world of text (semantical web / RDF), and the world of pixels. - Instead of combining them (in a game-editor e.g.), XR Fragments is opting for a more integrated path - - - towards - - - them, - by describing how to make browsers - - - 4D URL-ready - - - : - - - principle - XR 4D URL - HTML 2D URL - - - the XRWG - wordgraph (collapses 3D scene to tags) - Ctrl-F (find) - the hashbus - hashtags map to camera/scene-projections - hashtags map to document positions - spacetime hashtags - positions camera, triggers scene-preset/time - jumps/scrolls to chapter - src metadata - renders content and offers sourceportation - renders content - href metadata - teleports to other XR document - jumps to other HTML document - href metadata - repositions camera or animation-range - jumps to camera - href metadata - draws visible connection(s) for XRWG ‘tag’ - href metadata - triggers predefined view - Media fragments - - - XR Fragments does not look at XR (or the web) thru the lens of HTML. - But approaches things from a higherlevel feedbackloop/hypermedia browser-perspective: - +──────────────────────────────────────────────────────────────────────────────────────────────+ - +──────────────────────────────────────────────────────────────────────────────────────────────+ - │ │ - │ │ - │ │ - │ │ - │ the soul of any URL: ://macro /meso ?micro #nano │ - │ the soul of any URL: ://macro /meso ?micro #nano │ - │ the soul of any URL: ://macro /meso ?micro #nano │ - │ the soul of any URL: ://macro /meso ?micro #nano │ - │ │ - │ │ - │ │ - │ │ - │ 2D URL: ://library.com /document ?search #chapter │ - │ 2D URL: ://library.com /document ?search #chapter │ - │ 2D URL: ://library.com /document ?search #chapter │ - │ 2D URL: ://library.com /document ?search #chapter │ - │ │ - │ │ - │ │ - │ │ - │ 4D URL: ://park.com /4Dscene.fbx ──> ?misc ──> #view ───> hashbus │ - │ 4D URL: ://park.com /4Dscene.fbx ──> ?misc ──> #view ───> hashbus │ - │ 4D URL: ://park.com /4Dscene.fbx ──> ?misc ──> #view ───> hashbus │ - │ 4D URL: ://park.com /4Dscene.fbx ──> ?misc ──> #view ───> hashbus │ - │ 4D URL: ://park.com /4Dscene.fbx ──> ?misc ──> #view ───> hashbus │ - │ 4D URL: ://park.com /4Dscene.fbx ──> ?misc ──> #view ───> hashbus │ - │ 4D URL: ://park.com /4Dscene.fbx ──> ?misc ──> #view ───> hashbus │ - │ 4D URL: ://park.com /4Dscene.fbx ──> ?misc ──> #view ───> hashbus │ - │ 4D URL: ://park.com /4Dscene.fbx ──> ?misc ──> #view ───> hashbus │ - │ 4D URL: ://park.com /4Dscene.fbx ──> ?misc ──> #view ───> hashbus │ - │ │ #query │ │ - │ │ #query │ │ - │ │ #query │ │ - │ │ #query │ │ - │ │ #query │ │ - │ │ #query │ │ - │ │ #query │ │ - │ │ #query │ │ - │ │ #tag │ │ - │ │ #tag │ │ - │ │ #tag │ │ - │ │ #tag │ │ - │ │ #tag │ │ - │ │ #tag │ │ - │ │ #tag │ │ - │ │ #tag │ │ - │ │ │ │ - │ │ │ │ - │ │ │ │ - │ │ │ │ - │ │ │ │ - │ │ │ │ - │ │ │ │ - │ │ │ │ - │ XRWG <─────────────────────<────────────+ │ - │ XRWG <─────────────────────<────────────+ │ - │ XRWG <─────────────────────<────────────+ │ - │ XRWG <─────────────────────<────────────+ │ - │ XRWG <─────────────────────<────────────+ │ - │ XRWG <─────────────────────<────────────+ │ - │ XRWG <─────────────────────<────────────+ │ - │ XRWG <─────────────────────<────────────+ │ - │ │ │ │ - │ │ │ │ - │ │ │ │ - │ │ │ │ - │ │ │ │ - │ │ │ │ - │ │ │ │ - │ │ │ │ - │ ├─ objects ───────────────>────────────│ │ - │ ├─ objects ───────────────>────────────│ │ - │ ├─ objects ───────────────>────────────│ │ - │ ├─ objects ───────────────>────────────│ │ - │ ├─ objects ───────────────>────────────│ │ - │ ├─ objects ───────────────>────────────│ │ - │ ├─ objects ───────────────>────────────│ │ - │ ├─ objects ───────────────>────────────│ │ - │ ├─ objects ───────────────>────────────│ │ - │ ├─ objects ───────────────>────────────│ │ - │ └─ text ───────────────>────────────+ │ - │ └─ text ───────────────>────────────+ │ - │ └─ text ───────────────>────────────+ │ - │ └─ text ───────────────>────────────+ │ - │ └─ text ───────────────>────────────+ │ - │ └─ text ───────────────>────────────+ │ - │ └─ text ───────────────>────────────+ │ - │ └─ text ───────────────>────────────+ │ - │ └─ text ───────────────>────────────+ │ - │ └─ text ───────────────>────────────+ │ - │ │ - │ │ - │ │ - │ │ - │ │ - │ │ - │ │ - │ │ - +──────────────────────────────────────────────────────────────────────────────────────────────+ - +──────────────────────────────────────────────────────────────────────────────────────────────+ - Traditional webbrowsers can become 4D document-ready by: - - - - - - loading 3D assets (gltf/fbx e.g.) natively (with or without using HTML). - - - - - - allowing assets to publish hashtags to themselves (the scene) using the hashbus (like hashtags controlling the - scrollbar). - - - - - - collapsing the 3D scene to an wordgraph (for essential navigation purposes) controllable thru a hash(tag)bus - XR Fragments itself are HTML-agnostic, though pseudo-XR Fragment browsers - - - can - - - be implemented on top of - HTML/Javascript. - - - Conventions and Definitions - - - See appendix below in case certain terms are not clear. - - - XR Fragment URI Grammar - - - reserved = gen-delims / sub-delims - gen-delims = "#" / "&" - sub-delims = "," / "=" - Example: - - - - - - ://foo.com/my3d.gltf#pos=1,0,0&prio=-5&t=0,100 - - - Demo - Explanation - - - - - - pos=1,2,3 - vector/coordinate argument e.g. - - - - - - pos=1,2,3&rot=0,90,0&q=.foo - combinators - - - this is already implemented in all browsers - - - List of URI Fragments - - - fragment - type - example - info - - - - - - #pos - vector3 - - - - - - #pos=0.5,0,0 - positions camera (or XR floor) to xyz-coord 0.5,0,0, - - - - - - #rot - vector3 - - - - - - #rot=0,90,0 - rotates camera to xyz-coord 0.5,0,0 - - - - - - #t - vector2 - - - - - - #t=500,1000 - sets animation-loop range between frame 500 and 1000 - - - - - - #...... - string - - - - - - #.cubes - - - - - - - #cube - predefined views, XRWG fragments and ID fragments - - - xyz coordinates are similar to ones found in SVG Media Fragments - - - List of metadata for 3D nodes - - - key - type - example (JSON) - function - existing compatibility - - - - - - name - string - - - - - - "name": "cube" - identify/tag - object supported in all 3D fileformats & scenes - - - - - - tag - string - - - - - - "tag": "cubes geo" - tag object - custom property in 3D fileformats - - - - - - href - string - - - - - - "href": "b.gltf" - XR teleport - custom property in 3D fileformats - - - - - - src - string - - - - - - "src": "#cube" - XR embed / teleport - custom property in 3D fileformats - - - Supported popular compatible 3D fileformats: - - - - - - .gltf - , - - - - - - .obj - , - - - - - - .fbx - , - - - - - - .usdz - , - - - - - - .json - (THREE.js), - - - - - - .dae - and so on. - NOTE: XR Fragments are file-agnostic, which means that the metadata exist in programmatic 3D scene(nodes) - too. - - - Spatial Referencing 3D - - - my.io/scene.fbx - +─────────────────────────────+ - +─────────────────────────────+ - +─────────────────────────────+ - │ sky │ src: http://my.io/scene.fbx#sky (includes building,mainobject,floor) - │ sky │ src: http://my.io/scene.fbx#sky (includes building,mainobject,floor) - │ sky │ src: http://my.io/scene.fbx#sky (includes building,mainobject,floor) - │ sky │ src: http://my.io/scene.fbx#sky (includes building,mainobject,floor) - │ sky │ src: http://my.io/scene.fbx#sky (includes building,mainobject,floor) - │ +─────────────────────────+ │ - │ +─────────────────────────+ │ - │ +─────────────────────────+ │ - │ +─────────────────────────+ │ - │ +─────────────────────────+ │ - │ +─────────────────────────+ │ - │ +─────────────────────────+ │ - │ │ building │ │ src: http://my.io/scene.fbx#building (includes mainobject,floor) - │ │ building │ │ src: http://my.io/scene.fbx#building (includes mainobject,floor) - │ │ building │ │ src: http://my.io/scene.fbx#building (includes mainobject,floor) - │ │ building │ │ src: http://my.io/scene.fbx#building (includes mainobject,floor) - │ │ building │ │ src: http://my.io/scene.fbx#building (includes mainobject,floor) - │ │ building │ │ src: http://my.io/scene.fbx#building (includes mainobject,floor) - │ │ building │ │ src: http://my.io/scene.fbx#building (includes mainobject,floor) - │ │ building │ │ src: http://my.io/scene.fbx#building (includes mainobject,floor) - │ │ building │ │ src: http://my.io/scene.fbx#building (includes mainobject,floor) - │ │ +─────────────────────+ │ │ - │ │ +─────────────────────+ │ │ - │ │ +─────────────────────+ │ │ - │ │ +─────────────────────+ │ │ - │ │ +─────────────────────+ │ │ - │ │ +─────────────────────+ │ │ - │ │ +─────────────────────+ │ │ - │ │ +─────────────────────+ │ │ - │ │ +─────────────────────+ │ │ - │ │ +─────────────────────+ │ │ - │ │ │ mainobject │ │ │ src: http://my.io/scene.fbx#mainobject (includes floor) - │ │ │ mainobject │ │ │ src: http://my.io/scene.fbx#mainobject (includes floor) - │ │ │ mainobject │ │ │ src: http://my.io/scene.fbx#mainobject (includes floor) - │ │ │ mainobject │ │ │ src: http://my.io/scene.fbx#mainobject (includes floor) - │ │ │ mainobject │ │ │ src: http://my.io/scene.fbx#mainobject (includes floor) - │ │ │ mainobject │ │ │ src: http://my.io/scene.fbx#mainobject (includes floor) - │ │ │ mainobject │ │ │ src: http://my.io/scene.fbx#mainobject (includes floor) - │ │ │ mainobject │ │ │ src: http://my.io/scene.fbx#mainobject (includes floor) - │ │ │ mainobject │ │ │ src: http://my.io/scene.fbx#mainobject (includes floor) - │ │ │ mainobject │ │ │ src: http://my.io/scene.fbx#mainobject (includes floor) - │ │ │ mainobject │ │ │ src: http://my.io/scene.fbx#mainobject (includes floor) - │ │ │ mainobject │ │ │ src: http://my.io/scene.fbx#mainobject (includes floor) - │ │ │ mainobject │ │ │ src: http://my.io/scene.fbx#mainobject (includes floor) - │ │ │ +─────────────────+ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ │ │ floor │ │ │ │ src: http://my.io/scene.fbx#floor (just floor object) - │ │ │ │ floor │ │ │ │ src: http://my.io/scene.fbx#floor (just floor object) - │ │ │ │ floor │ │ │ │ src: http://my.io/scene.fbx#floor (just floor object) - │ │ │ │ floor │ │ │ │ src: http://my.io/scene.fbx#floor (just floor object) - │ │ │ │ floor │ │ │ │ src: http://my.io/scene.fbx#floor (just floor object) - │ │ │ │ floor │ │ │ │ src: http://my.io/scene.fbx#floor (just floor object) - │ │ │ │ floor │ │ │ │ src: http://my.io/scene.fbx#floor (just floor object) - │ │ │ │ floor │ │ │ │ src: http://my.io/scene.fbx#floor (just floor object) - │ │ │ │ floor │ │ │ │ src: http://my.io/scene.fbx#floor (just floor object) - │ │ │ │ floor │ │ │ │ src: http://my.io/scene.fbx#floor (just floor object) - │ │ │ │ floor │ │ │ │ src: http://my.io/scene.fbx#floor (just floor object) - │ │ │ │ floor │ │ │ │ src: http://my.io/scene.fbx#floor (just floor object) - │ │ │ │ floor │ │ │ │ src: http://my.io/scene.fbx#floor (just floor object) - │ │ │ │ floor │ │ │ │ src: http://my.io/scene.fbx#floor (just floor object) - │ │ │ │ floor │ │ │ │ src: http://my.io/scene.fbx#floor (just floor object) - │ │ │ │ floor │ │ │ │ src: http://my.io/scene.fbx#floor (just floor object) - │ │ │ │ floor │ │ │ │ src: http://my.io/scene.fbx#floor (just floor object) - │ │ │ │ │ │ │ │ - │ │ │ │ │ │ │ │ - │ │ │ │ │ │ │ │ - │ │ │ │ │ │ │ │ - │ │ │ │ │ │ │ │ - │ │ │ │ │ │ │ │ - │ │ │ │ │ │ │ │ - │ │ │ │ │ │ │ │ - │ │ │ │ │ │ │ │ - │ │ │ │ │ │ │ │ - │ │ │ │ │ │ │ │ - │ │ │ │ │ │ │ │ - │ │ │ │ │ │ │ │ - │ │ │ │ │ │ │ │ - │ │ │ │ │ │ │ │ - │ │ │ │ │ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ +─────────────────────+ │ │ - │ │ +─────────────────────+ │ │ - │ │ +─────────────────────+ │ │ - │ │ +─────────────────────+ │ │ - │ │ +─────────────────────+ │ │ - │ │ +─────────────────────+ │ │ - │ │ +─────────────────────+ │ │ - │ │ +─────────────────────+ │ │ - │ │ +─────────────────────+ │ │ - │ │ +─────────────────────+ │ │ - │ +─────────────────────────+ │ - │ +─────────────────────────+ │ - │ +─────────────────────────+ │ - │ +─────────────────────────+ │ - │ +─────────────────────────+ │ - │ +─────────────────────────+ │ - +─────────────────────────────+ - +─────────────────────────────+ - +─────────────────────────────+ - Clever nested design of 3D scenes allow great ways for re-using content, and/or previewing scenes. - For example, to render a portal with a preview-version of the scene, create an 3D object with: - - - - - - href: - - - - - - https://scene.fbx - - - - - - src: - - - - - - https://otherworld.gltf#mainobject - It also allows - - - sourceportation - - - , which basically means the enduser can teleport to the original XR Document of - an - - - - - - src - embedded object, and see a visible connection to the particular embedded object. - - - Navigating 3D - - - fragment - type - functionality - - - #pos - - - =0,0,0 - vector3 - (re)position camera - - - #t - - - =0,100 - vector2 - (re)position looprange of scene-animation or - - - - - - src - -mediacontent - - - #rot - - - =0,90,0 - vector3 - rotate camera - - - » example implementation - » discussion - - - 1 - . - the Y-coordinate of - - - - - - pos - identifies the floorposition. This means that desktop-projections usually need to add - 1.5m (average person height) on top (which is done automatically by VR/AR headsets). - 2 - . - set the position of the camera accordingly to the vector3 values of - - - - - - #pos - 3 - . - - - - - - rot - sets the rotation of the camera (only for non-VR/AR headsets) - 4 - . - - - - - - t - sets the animation-range of the current scene animation(s) or - - - - - - src - -mediacontent (video/audioframes e.g., - use - - - - - - t=7,7 - to ‘STOP’ at certain frame) - 5 - . - in case an - - - - - - href - does not mention any - - - - - - pos - -coordinate, - - - - - - pos=0,0,0 - will be assumed - Here’s an ascii representation of a 3D scene-graph which contains 3D objects - - - - - - - and their metadata: - +────────────────────────────────────────────────────────+ - +────────────────────────────────────────────────────────+ - +────────────────────────────────────────────────────────+ - │ │ - │ │ - │ │ - │ │ - │ index.gltf │ - │ index.gltf │ - │ index.gltf │ - │ index.gltf │ - │ │ │ - │ │ │ - │ │ │ - │ │ │ - │ │ │ - │ │ │ - │ ├── ◻ buttonA │ - │ ├── ◻ buttonA │ - │ ├── ◻ buttonA │ - │ ├── ◻ buttonA │ - │ ├── ◻ buttonA │ - │ ├── ◻ buttonA │ - │ ├── ◻ buttonA │ - │ ├── ◻ buttonA │ - │ │ └ href: #pos=1,0,1&t=100,200 │ - │ │ └ href: #pos=1,0,1&t=100,200 │ - │ │ └ href: #pos=1,0,1&t=100,200 │ - │ │ └ href: #pos=1,0,1&t=100,200 │ - │ │ └ href: #pos=1,0,1&t=100,200 │ - │ │ └ href: #pos=1,0,1&t=100,200 │ - │ │ └ href: #pos=1,0,1&t=100,200 │ - │ │ └ href: #pos=1,0,1&t=100,200 │ - │ │ │ - │ │ │ - │ │ │ - │ │ │ - │ │ │ - │ │ │ - │ └── ◻ buttonB │ - │ └── ◻ buttonB │ - │ └── ◻ buttonB │ - │ └── ◻ buttonB │ - │ └── ◻ buttonB │ - │ └── ◻ buttonB │ - │ └── ◻ buttonB │ - │ └── ◻ buttonB │ - │ └ href: other.fbx │ <── file─agnostic (can be .gltf .obj etc) - │ └ href: other.fbx │ <── file─agnostic (can be .gltf .obj etc) - │ └ href: other.fbx │ <── file─agnostic (can be .gltf .obj etc) - │ └ href: other.fbx │ <── file─agnostic (can be .gltf .obj etc) - │ └ href: other.fbx │ <── file─agnostic (can be .gltf .obj etc) - │ └ href: other.fbx │ <── file─agnostic (can be .gltf .obj etc) - │ └ href: other.fbx │ <── file─agnostic (can be .gltf .obj etc) - │ └ href: other.fbx │ <── file─agnostic (can be .gltf .obj etc) - │ └ href: other.fbx │ <── file─agnostic (can be .gltf .obj etc) - │ └ href: other.fbx │ <── file─agnostic (can be .gltf .obj etc) - │ └ href: other.fbx │ <── file─agnostic (can be .gltf .obj etc) - │ │ - │ │ - │ │ - │ │ - +────────────────────────────────────────────────────────+ - +────────────────────────────────────────────────────────+ - +────────────────────────────────────────────────────────+ - An XR Fragment-compatible browser viewing this scene, allows the end-user to interact with the - - - - - - buttonA - and - - - - - - buttonB - . - In case of - - - - - - buttonA - the end-user will be teleported to another location and time in the - - - current loaded scene - - - , but - - - - - - buttonB - will - - - replace the current scene - - - with a new one, like - - - - - - other.fbx - , and assume - - - - - - pos=0,0,0 - . - - - Top-level URL processing - - - Example URL: - - - - - - ://foo/world.gltf#cube&pos=0,0,0 - The URL-processing-flow for hypermedia browsers goes like this: - 1 - . - IF a - - - - - - #cube - matches a custom property-key (of an object) in the 3D file/scene ( - - - - - - #cube - : - - - - - - #...... - ) - - - THEN - - - execute - that predefined_view. - 2 - . - IF scene operators ( - - - - - - pos - ) and/or animation operator ( - - - - - - t - ) are present in the URL then (re)position the camera - and/or animation-range accordingly. - 3 - . - IF no camera-position has been set in - - - step 1 or 2 - - - update the top-level URL with - - - - - - #pos=0,0,0 - ( - - - example - - - ) - 4 - . - IF a - - - - - - #cube - matches the name (of an object) in the 3D file/scene then draw a line from the enduser(’s heart) to - that object (to highlight it). - 5 - . - IF a - - - - - - #cube - matches anything else in the XR Word Graph (XRWG) draw wires to them (text or related objects). - - - Embedding XR content (src-instancing) - - - - - - src - is the 3D version of the - - - iframe - - - . - It instances content (in objects) in the current scene/asset. - - - fragment - type - example value - - - - - - src - string (uri, - hashtag/query) - - - - - - #cube - - - - - - #sometag - #q=-ball_inside_cube - - - - - - <br> - #q=-/sky -rain - - - - - - <br> - #q=-.language .english - - - - - - <br> - #q=price:>2 - price:<5` - - - - - - https://linux.org/penguin.png - - - - - - https://linux.world/distrowatch.gltf#t=1,100 - - - - - - linuxapp://conference/nixworkshop/apply.gltf#q=flyer - - - - - - androidapp://page1?tutorial#pos=0,0,1&t1,100 - - - Here’s an ascii representation of a 3D scene-graph with 3D objects - - - - - - - which embeds remote & local 3D objects - - - - - - - with/out using queries: - +────────────────────────────────────────────────────────+ +─────────────────────────+ - +────────────────────────────────────────────────────────+ +─────────────────────────+ - +────────────────────────────────────────────────────────+ +─────────────────────────+ - +────────────────────────────────────────────────────────+ +─────────────────────────+ - │ │ │ │ - │ │ │ │ - │ │ │ │ - │ │ │ │ - │ │ │ │ - │ │ │ │ - │ │ │ │ - │ │ │ │ - │ index.gltf │ │ ocean.com/aquarium.fbx │ - │ index.gltf │ │ ocean.com/aquarium.fbx │ - │ index.gltf │ │ ocean.com/aquarium.fbx │ - │ index.gltf │ │ ocean.com/aquarium.fbx │ - │ index.gltf │ │ ocean.com/aquarium.fbx │ - │ index.gltf │ │ ocean.com/aquarium.fbx │ - │ index.gltf │ │ ocean.com/aquarium.fbx │ - │ index.gltf │ │ ocean.com/aquarium.fbx │ - │ │ │ │ │ │ - │ │ │ │ │ │ - │ │ │ │ │ │ - │ │ │ │ │ │ - │ │ │ │ │ │ - │ │ │ │ │ │ - │ │ │ │ │ │ - │ │ │ │ │ │ - │ │ │ │ │ │ - │ │ │ │ │ │ - │ │ │ │ │ │ - │ │ │ │ │ │ - │ ├── ◻ canvas │ │ └── ◻ fishbowl │ - │ ├── ◻ canvas │ │ └── ◻ fishbowl │ - │ ├── ◻ canvas │ │ └── ◻ fishbowl │ - │ ├── ◻ canvas │ │ └── ◻ fishbowl │ - │ ├── ◻ canvas │ │ └── ◻ fishbowl │ - │ ├── ◻ canvas │ │ └── ◻ fishbowl │ - │ ├── ◻ canvas │ │ └── ◻ fishbowl │ - │ ├── ◻ canvas │ │ └── ◻ fishbowl │ - │ ├── ◻ canvas │ │ └── ◻ fishbowl │ - │ ├── ◻ canvas │ │ └── ◻ fishbowl │ - │ ├── ◻ canvas │ │ └── ◻ fishbowl │ - │ ├── ◻ canvas │ │ └── ◻ fishbowl │ - │ ├── ◻ canvas │ │ └── ◻ fishbowl │ - │ ├── ◻ canvas │ │ └── ◻ fishbowl │ - │ ├── ◻ canvas │ │ └── ◻ fishbowl │ - │ ├── ◻ canvas │ │ └── ◻ fishbowl │ - │ │ └ src: painting.png │ │ ├─ ◻ bass │ - │ │ └ src: painting.png │ │ ├─ ◻ bass │ - │ │ └ src: painting.png │ │ ├─ ◻ bass │ - │ │ └ src: painting.png │ │ ├─ ◻ bass │ - │ │ └ src: painting.png │ │ ├─ ◻ bass │ - │ │ └ src: painting.png │ │ ├─ ◻ bass │ - │ │ └ src: painting.png │ │ ├─ ◻ bass │ - │ │ └ src: painting.png │ │ ├─ ◻ bass │ - │ │ └ src: painting.png │ │ ├─ ◻ bass │ - │ │ └ src: painting.png │ │ ├─ ◻ bass │ - │ │ └ src: painting.png │ │ ├─ ◻ bass │ - │ │ └ src: painting.png │ │ ├─ ◻ bass │ - │ │ └ src: painting.png │ │ ├─ ◻ bass │ - │ │ └ src: painting.png │ │ ├─ ◻ bass │ - │ │ └ src: painting.png │ │ ├─ ◻ bass │ - │ │ └ src: painting.png │ │ ├─ ◻ bass │ - │ │ │ │ └─ ◻ tuna │ - │ │ │ │ └─ ◻ tuna │ - │ │ │ │ └─ ◻ tuna │ - │ │ │ │ └─ ◻ tuna │ - │ │ │ │ └─ ◻ tuna │ - │ │ │ │ └─ ◻ tuna │ - │ │ │ │ └─ ◻ tuna │ - │ │ │ │ └─ ◻ tuna │ - │ │ │ │ └─ ◻ tuna │ - │ │ │ │ └─ ◻ tuna │ - │ │ │ │ └─ ◻ tuna │ - │ │ │ │ └─ ◻ tuna │ - │ │ │ │ └─ ◻ tuna │ - │ │ │ │ └─ ◻ tuna │ - │ ├── ◻ aquariumcube │ │ │ - │ ├── ◻ aquariumcube │ │ │ - │ ├── ◻ aquariumcube │ │ │ - │ ├── ◻ aquariumcube │ │ │ - │ ├── ◻ aquariumcube │ │ │ - │ ├── ◻ aquariumcube │ │ │ - │ ├── ◻ aquariumcube │ │ │ - │ ├── ◻ aquariumcube │ │ │ - │ ├── ◻ aquariumcube │ │ │ - │ ├── ◻ aquariumcube │ │ │ - │ ├── ◻ aquariumcube │ │ │ - │ ├── ◻ aquariumcube │ │ │ - │ ├── ◻ aquariumcube │ │ │ - │ │ └ src: ://rescue.com/fish.gltf#bass%20tuna │ +─────────────────────────+ - │ │ └ src: ://rescue.com/fish.gltf#bass%20tuna │ +─────────────────────────+ - │ │ └ src: ://rescue.com/fish.gltf#bass%20tuna │ +─────────────────────────+ - │ │ └ src: ://rescue.com/fish.gltf#bass%20tuna │ +─────────────────────────+ - │ │ └ src: ://rescue.com/fish.gltf#bass%20tuna │ +─────────────────────────+ - │ │ └ src: ://rescue.com/fish.gltf#bass%20tuna │ +─────────────────────────+ - │ │ └ src: ://rescue.com/fish.gltf#bass%20tuna │ +─────────────────────────+ - │ │ └ src: ://rescue.com/fish.gltf#bass%20tuna │ +─────────────────────────+ - │ │ └ src: ://rescue.com/fish.gltf#bass%20tuna │ +─────────────────────────+ - │ │ └ src: ://rescue.com/fish.gltf#bass%20tuna │ +─────────────────────────+ - │ │ └ src: ://rescue.com/fish.gltf#bass%20tuna │ +─────────────────────────+ - │ │ │ - │ │ │ - │ │ │ - │ │ │ - │ │ │ - │ │ │ - │ │ │ - │ ├── ◻ bedroom │ - │ ├── ◻ bedroom │ - │ ├── ◻ bedroom │ - │ ├── ◻ bedroom │ - │ ├── ◻ bedroom │ - │ ├── ◻ bedroom │ - │ ├── ◻ bedroom │ - │ ├── ◻ bedroom │ - │ ├── ◻ bedroom │ - │ │ └ src: #canvas │ - │ │ └ src: #canvas │ - │ │ └ src: #canvas │ - │ │ └ src: #canvas │ - │ │ └ src: #canvas │ - │ │ └ src: #canvas │ - │ │ └ src: #canvas │ - │ │ └ src: #canvas │ - │ │ │ - │ │ │ - │ │ │ - │ │ │ - │ │ │ - │ │ │ - │ │ │ - │ └── ◻ livingroom │ - │ └── ◻ livingroom │ - │ └── ◻ livingroom │ - │ └── ◻ livingroom │ - │ └── ◻ livingroom │ - │ └── ◻ livingroom │ - │ └── ◻ livingroom │ - │ └── ◻ livingroom │ - │ └── ◻ livingroom │ - │ └ src: #canvas │ - │ └ src: #canvas │ - │ └ src: #canvas │ - │ └ src: #canvas │ - │ └ src: #canvas │ - │ └ src: #canvas │ - │ │ - │ │ - │ │ - │ │ - +────────────────────────────────────────────────────────+ - +────────────────────────────────────────────────────────+ - +────────────────────────────────────────────────────────+ - An XR Fragment-compatible browser viewing this scene, lazy-loads and projects - - - - - - painting.png - onto the (plane) object - called - - - - - - canvas - (which is copy-instanced in the bed and livingroom). - Also, after lazy-loading - - - - - - ocean.com/aquarium.gltf - , only the queried objects - - - - - - bass - and - - - - - - tuna - will be instanced inside - - - - - - aquariumcube - . - Resizing will be happen accordingly to its placeholder object - - - - - - aquariumcube - , see chapter Scaling. - Instead of cherrypicking objects with - - - - - - #bass&tuna - thru - - - - - - src - , queries can be used to import the whole scene - (and filter out certain objects). See next chapter below. - - - Specification - - - : - 1 - . - local/remote content is instanced by the - - - - - - src - (query) value (and attaches it to the placeholder mesh containing - the - - - - - - src - property) - 2 - . - - - local - - - - - - - - - src - values (URL - - - starting - - - with - - - - - - # - , like - - - - - - #cube&foo - ) means - - - only - - - the mentioned objectnames will be - copied to the instanced scene (from the current scene) while preserving their names (to support recursive - selectors). - - - (example code) - - - 3 - . - - - local - - - - - - - - - src - values indicating a query ( - - - - - - #q= - ), means that all included objects (from the current scene) will be - copied to the instanced scene (before applying the query) while preserving their names (to support recursive - selectors). - - - (example code) - - - 4 - . - the instanced scene (from a - - - - - - src - value) should be - - - scaled accordingly - - - to its placeholder object or - - - scaled - relatively - - - based on the scale-property (of a geometry-less placeholder, an ‘empty’-object in blender e.g.). For - more info see Chapter Scaling. - 5 - . - - - external - - - - - - - - - src - values should be served with appropriate mimetype (so the XR Fragment-compatible browser will - now how to render it). The bare minimum supported mimetypes are: - 6 - . - - - - - - src - values should make its placeholder object invisible, and only flush its children when the resolved content - can succesfully be retrieved (see - - - broken links - - - ) - 7 - . - - - external - - - - - - - - - src - values should respect the fallback link mechanism (see - - - broken links - - - 8 - . - when the placeholder object is a 2D plane, but the mimetype is 3D, then render the spatial content on that plane - via a stencil buffer. - 9 - . - src-values are non-recursive: when linking to an external object ( - - - - - - src: foo.fbx#bar - ), then - - - - - - src - -metadata on - object - - - - - - bar - should be ignored. - 10 - . - clicking on external - - - - - - src - -values always allow sourceportation: teleporting to the origin URI to which the object - belongs. - 11 - . - when only one object was cherrypicked ( - - - - - - #cube - e.g.), set its position to - - - - - - 0,0,0 - - - - - - - - - model/gltf+json - - - - - - - - - image/png - - - - - - - - - image/jpg - - - - - - - - - text/plain;charset=utf-8;bib=^@ - - - » example implementation - » example 3D asset - » discussion - - - Navigating content (href portals) - - - navigation, portals & mutations - - - fragment - type - example value - - - - - - href - string (uri or predefined view) - - - - - - #pos=1,1,0 - - - - - - #pos=1,1,0&rot=90,0,0 - - - - - - ://somefile.gltf#pos=1,1,0 - - - 1 - . - clicking an “external”- or “file URI” fully replaces the current scene and assumes - - - - - - pos=0,0,0&rot=0,0,0 - by - default (unless specified) - 2 - . - relocation/reorientation should happen locally for local URI’s ( - - - - - - #pos=.... - ) - 3 - . - navigation should not happen “immediately” when user is more than 2 meter away from the portal/object - containing the href (to prevent accidental navigation e.g.) - 4 - . - URL navigation should always be reflected in the client (in case of javascript: see [ - - - here - - - for an example - navigator). - 5 - . - In XR mode, the navigator back/forward-buttons should be always visible (using a wearable e.g., see [ - - - here - - - for - an example wearable) - 6 - . - in case of navigating to a new [[pos)ition, “first” navigate to the “current position” so that the “back-button” of the - “browser-history” always refers to the previous position (see [ - - - here - - - ) - 7 - . - portal-rendering: a 2:1 ratio texture-material indicates an equirectangular projection - - - » example implementation - » example 3D asset - » discussion - - - UX spec - - - End-users should always have read/write access to: - 1 - . - the current (toplevel) - - - URL - - - (an URLbar etc) - 2 - . - URL-history (a - - - back/forward - - - button e.g.) - 3 - . - Clicking/Touching an - - - - - - href - navigates (and updates the URL) to another scene/file (and coordinate e.g. in case - the URL contains XR Fragments). - - - Scaling instanced content - - - Sometimes embedded properties (like - - - - - - src - ) instance new objects. - But what about their scale? - How does the scale of the object (with the embedded properties) impact the scale of the referenced content? - Rule of thumb: visible placeholder objects act as a ‘3D canvas’ for the referenced scene (a plane acts like a 2D - canvas for images e, a cube as a 3D canvas e.g.). - 1 - . - - - IF - - - an embedded property ( - - - - - - src - e.g.) is set on an non-empty placeholder object (geometry of >2 vertices): - - - - - - calculate the - - - bounding box - - - of the “placeholder” object (maxsize=1.4 e.g.) - - - - - - hide the “placeholder” object (material e.g.) - - - - - - instance the - - - - - - src - scene as a child of the existing object - - - - - - calculate the - - - bounding box - - - of the instanced scene, and scale it accordingly (to 1.4 e.g.) - REASON: non-empty placeholder object can act as a protective bounding-box (for remote content of which might - grow over time e.g.) - 2 - . - ELSE multiply the scale-vector of the instanced scene with the scale-vector (a common property of a 3D node) - of the - - - placeholder - - - object. - TODO: needs intermediate visuals to make things more obvious - - - XR Fragment queries - - - Include, exclude, hide/shows objects using space-separated strings: - - - example - outcome - - - - - - #q=-sky - show everything except object named - - - - - - sky - - - - - - #q=-tag:language tag:english - hide everything with tag - - - - - - language - , but show all tag - - - - - - english - objects - - - - - - #q=price:>2 price:<5 - of all objects with property - - - - - - price - , show only objects with value between 2 and 5 - - - It’s simple but powerful syntax which allows filtering the scene using searchengine prompt-style feeling: - 1 - . - queries are a way to traverse a scene, and filter objects based on their tag- or property-values. - 2 - . - words like - - - - - - german - match tag-metadata of 3D objects like - - - - - - "tag":"german" - 3 - . - words like - - - - - - german - match (XR Text) objects with (Bib(s)TeX) tags like - - - - - - #KarlHeinz@german - or - - - - - - @german{KarlHeinz, ... - e.g. - - - - - - see - - - an (outdated) example video here - - - including/excluding - - - operator - info - - - - - - - - removes/hides object(s) - - - - - - : - indicates an object-embedded custom property key/value - - - - - - > - - - - - - - < - compare float or int number - - - - - - / - reference to root-scene. - Useful in case of (preventing) showing/hiding objects in nested scenes (instanced by - - - - - - src - ) (*) - - - * = - - - - - - #q=-/cube - hides object - - - - - - cube - only in the root-scene (not nested - - - - - - cube - objects) - - - - - - #q=-cube - hides both object - - - - - - cube - in the root-scene - - - AND - - - nested - - - - - - skybox - objects | - - - » example implementation - - - - - - » example 3D asset - - - - - - » discussion - - - Query Parser - - - Here’s how to write a query parser: - 1 - . - create an associative array/object to store query-arguments as objects - 2 - . - detect object id’s & properties - - - - - - foo:1 - and - - - - - - foo - (reference regex: - - - - - - /^.*:[><=!]?/ - - ) - 3 - . - detect excluders like - - - - - - -foo - , - - - - - - -foo:1 - , - - - - - - -.foo - , - - - - - - -/foo - (reference regex: - - - - - - /^-/ - ) - 4 - . - detect root selectors like - - - - - - /foo - (reference regex: - - - - - - /^[-]?\// - ) - 5 - . - detect number values like - - - - - - foo:1 - (reference regex: - - - - - - /^[0-9\.]+$/ - ) - 6 - . - for every query token split string on - - - - - - : - 7 - . - create an empty array - - - - - - rules - 8 - . - then strip key-operator: convert “-foo” into “foo” - 9 - . - add operator and value to rule-array - 10 - . - therefore we we set - - - - - - id - to - - - - - - true - or - - - - - - false - (false=excluder - - - - - - - - ) - 11 - . - and we set - - - - - - root - to - - - - - - true - or - - - - - - false - (true= - - - - - - / - root selector is present) - 12 - . - we convert key ‘/foo’ into ‘foo’ - 13 - . - finally we add the key/value to the store like - - - - - - store.foo = {id:false,root:true} - e.g. - An example query-parser (which compiles to many languages) can be - - - found here - - - Visible links - - - When predefined views, XRWG fragments and ID fragments ( - - - - - - #cube - or - - - - - - #mytag - e.g.) are triggered by the enduser - (via toplevel URL or clicking - - - - - - href - ): - 1 - . - draw a wire from the enduser (preferabbly a bit below the camera, heartposition) to object(s) matching that ID - (objectname) - 2 - . - draw a wire from the enduser (preferabbly a bit below the camera, heartposition) to object(s) matching that - - - - - - tag - value - 3 - . - draw a wire from the enduser (preferabbly a bit below the camera, heartposition) to object(s) containing that in - their - - - - - - src - or - - - - - - href - value - The obvious approach for this, is to consult the XRWG ( - - - example - - - ), which basically has all these things already - collected/organized for you during scene-load. - - - UX - - - 4 - . - do not update the wires when the enduser moves, leave them as is - 5 - . - offer a control near the back/forward button which allows the user to (turn off) control the correlation-intensity of - the XRWG - - - Text in XR (tagging,linking to spatial objects) - - - How does XR Fragments interlink text with objects? - The XR Fragments does this by collapsing space into a - - - Word Graph - - - (the - - - XRWG - - - - - - example - - - ), augmented by - Bib(s)Tex. - Instead of just throwing together all kinds media types into one experience (games), what about their - tagged/semantical relationships? - Perhaps the following question is related: why is HTML adopted less in games outside the browser? Through the lens - of constructive lazy game-developers, ideally metadata must come - - - with - - - text, but not - - - obfuscate - - - the text, or - - - spawning - another request - - - to fetch it. - XR Fragments does this by detecting Bib(s)Tex, without introducing a new language or fileformat - Why Bib(s)Tex? Because its seems to be the lowest common denominator for an human-curated XRWG - (extendable by speech/scanner/writing/typing e.g, see - - - further motivation here - - - ) - Hence: - 1 - . - XR Fragments promotes (de)serializing a scene to the XRWG ( - - - example - - - ) - 2 - . - XR Fragments primes the XRWG, by collecting words from the - - - - - - tag - and name-property of 3D objects. - 3 - . - XR Fragments primes the XRWG, by collecting words from - - - optional - - - metadata - - - at the end of content - - - of text - (see default mimetype & Data URI) - 4 - . - - - Bib’s - - - and BibTex are first tag citizens for priming the XRWG with words (from XR text) - 5 - . - Like Bibs, XR Fragments generalizes the BibTex author/title-semantics ( - - - - - - author{title} - ) into - - - this - - - points to - - - that - - - ( - - - - - - this{that} - ) - 6 - . - The XRWG should be recalculated when textvalues (in - - - - - - src - ) change - 7 - . - HTML/RDF/JSON is still great, but is beyond the XRWG-scope (they fit better in the application-layer) - 8 - . - Applications don’t have to be able to access the XRWG programmatically, as they can easily generate one - themselves by traversing the scene-nodes. - 9 - . - The XR Fragment focuses on fast and easy-to-generate end-user controllable word graphs (instead of complex - implementations that try to defeat word ambiguity) - 10 - . - Tags are the scope for now (supporting - - - https://github.com/WICG/scroll-to-text-fragment - - - will be considered) - Example: - http://y.io/z.fbx | Derived XRWG (expressed as BibTex) - ----------------------------------------------------------------------------+-------------------------------------- - | @house{castle, - +-[src: data:.....]----------------------+ +-[3D mesh]-+ | url = {https://y.io/z.fbx#castle} - | Chapter one | | / \ | | } - | | | / \ | | @baroque{castle, - | John built houses in baroque style. | | / \ | | url = {https://y.io/z.fbx#castle} - | | | |_____| | | } - | #john@baroque | +-----│-----+ | @baroque{john} - | #john@baroque | +-----│-----+ | @baroque{john} - | #john@baroque | +-----│-----+ | @baroque{john} - | | │ | - | | │ | - | | │ | - | | ├─ name: castle | - | | ├─ name: castle | - | | ├─ name: castle | - | | └─ tag: house baroque | - | | └─ tag: house baroque | - | | └─ tag: house baroque | - +----------------------------------------+ | - [3D mesh ] | - | O ├─ name: john | - | O ├─ name: john | - | O ├─ name: john | - | /|\ | | - | / \ | | - +--------+ | - the - - - - - - #john@baroque - -bib associates both text - - - - - - John - and objectname - - - - - - john - , with tag - - - - - - baroque - Another example: - http://y.io/z.fbx | Derived XRWG (expressed as BibTex) - ----------------------------------------------------------------------------+-------------------------------------- - | - +-[src: data:.....]----------------------+ +-[3D mesh]-+ | @house{castle, - | Chapter one | | / \ | | url = {https://y.io/z.fbx#castle} - | | | / \ | | } - | John built houses in baroque style. | | / \ | | @baroque{castle, - | | | |_____| | | url = {https://y.io/z.fbx#castle} - | #john@baroque | +-----│-----+ | } - | #john@baroque | +-----│-----+ | } - | #john@baroque | +-----│-----+ | } - | @baroque{john} | │ | @baroque{john} - | @baroque{john} | │ | @baroque{john} - | @baroque{john} | │ | @baroque{john} - | | ├─ name: castle | - | | ├─ name: castle | - | | ├─ name: castle | - | | └─ tag: house baroque | - | | └─ tag: house baroque | - | | └─ tag: house baroque | - +----------------------------------------+ | @house{baroque} - [3D mesh ] | @todo{baroque} - +-[remotestorage.io / localstorage]------+ | O + name: john | - | #baroque@todo@house | | /|\ | | - | ... | | / \ | | - +----------------------------------------+ +--------+ | - both - - - - - - #john@baroque - -bib and BibTex - - - - - - @baroque{john} - result in the same XRWG, however on top of that 2 - tages ( - - - - - - house - and - - - - - - todo - ) are now associated with text/objectname/tag ‘baroque’. - As seen above, the XRWG can expand - - - bibs - - - (and the whole scene) to BibTeX. - This allows hasslefree authoring and copy-paste of associations - - - for and by humans - - - , but also makes these URLs - possible: - - - URL example - Result - - - - - - https://my.com/foo.gltf#baroque - draws lines between mesh - - - - - - john - , 3D mesh - - - - - - castle - , text - - - - - - John built(..) - - - - - - https://my.com/foo.gltf#john - draws lines between mesh - - - - - - john - , and the text - - - - - - John built (..) - - - - - - https://my.com/foo.gltf#house - draws lines between mesh - - - - - - castle - , and other objects with tag - - - - - - house - or - - - - - - todo - - - hashtagbibs - - - potentially allow the enduser to annotate text/objects by - - - speaking/typing/scanning associations - - - , - which the XR Browser saves to remotestorage (or localStorage per toplevel URL). As well as, referencing - BibTags per URI later on: - - - - - - https://y.io/z.fbx#@baroque@todo - e.g. - The XRWG allows XR Browsers to show/hide relationships in realtime at various levels: - - - - - - wordmatch - - - inside - - - - - - - - - src - text - - - - - - wordmatch - - - inside - - - - - - - - - href - text - - - - - - wordmatch object-names - - - - - - wordmatch object-tagnames - Spatial wires can be rendered between words/objects etc. - Some pointers for good UX (but not necessary to be XR Fragment compatible): - 9 - . - The XR Browser needs to adjust tag-scope based on the endusers needs/focus (infinite tagging only makes - sense when environment is scaled down significantly) - 10 - . - The XR Browser should always allow the human to view/edit the metadata, by clicking ‘toggle metadata’ on the - ‘back’ (contextmenu e.g.) of any XR text, anywhere anytime. - 11 - . - respect multi-line BiBTeX metadata in text because of - - - the core principle - - - 12 - . - Default font (unless specified otherwise) is a modern monospace font, for maximized tabular expressiveness - (see - - - the core principle - - - ). - 13 - . - anti-pattern: hardcoupling an XR Browser with a mandatory - - - markup/scripting-language - - - which departs from - onubtrusive plain text (HTML/VRML/Javascript) (see - - - the core principle - - - ) - 14 - . - anti-pattern: limiting human introspection, by abandoning plain text as first tag citizen. - The simplicity of appending metadata (and leveling the metadata-playfield between humans and machines) is - also demonstrated by - - - visual-meta - - - in greater detail. - Fictional chat: - <John> Hey what about this: https://my.com/station.gltf#pos=0,0,1&rot=90,2,0&t=500,1000 - <Sarah> I'm checking it right now - <Sarah> I don't see everything..where's our text from yesterday? - <John> Ah wait, that's tagged with tag 'draft' (and hidden)..hold on, try this: - <John> https://my.com/station.gltf#.draft&pos=0,0,1&rot=90,2,0&t=500,1000 - <Sarah> how about we link the draft to the upcoming YELLO-event? - <John> ok I'm adding #draft@YELLO - <Sarah> Yesterday I also came up with other usefull assocations between other texts in the scene: - #event#YELLO - #2025@YELLO - <John> thanks, added. - <Sarah> Btw. I stumbled upon this spatial book which references station.gltf in some chapters: - <Sarah> https://thecommunity.org/forum/foo/mytrainstory.txt - <John> interesting, I'm importing mytrainstory.txt into station.gltf - <John> ah yes, chapter three points to trainterminal_2A in the scene, cool - - - Default Data URI mimetype - - - The - - - - - - src - -values work as expected (respecting mime-types), however: - The XR Fragment specification bumps the traditional default browser-mimetype - - - - - - text/plain;charset=US-ASCII - to a hashtagbib(tex)-friendly one: - - - - - - text/plain;charset=utf-8;bib=^@ - This indicates that: - - - - - - utf-8 is supported by default - - - - - - lines beginning with - - - - - - @ - will not be rendered verbatim by default ( - - - read more - - - ) - - - - - - the XRWG should expand bibs to BibTex occurring in text ( - - - - - - #contactjohn@todo@important - e.g.) - By doing so, the XR Browser (applications-layer) can interpret microformats ( - - - visual-meta - - - to connect text further with its - environment ( setup links between textual/spatial objects automatically e.g.). - for more info on this mimetype see - - - bibs - - - Advantages: - - - - - - auto-expanding of - - - hashtagbibs - - - associations - - - - - - out-of-the-box (de)multiplex human text and metadata in one go (see - - - the core principle - - - ) - - - - - - no network-overhead for metadata (see - - - the core principle - - - ) - - - - - - ensuring high FPS: HTML/RDF historically is too ‘requesty’/‘parsy’ for game studios - - - - - - rich send/receive/copy-paste everywhere by default, metadata being retained (see - - - the core principle - - - ) - - - - - - netto result: less webservices, therefore less servers, and overall better FPS in XR - This significantly expands expressiveness and portability of human tagged text, by - - - postponing machine- - concerns to the end of the human text - - - in contrast to literal interweaving of content and markupsymbols (or - extra network requests, webservices e.g.). - For all other purposes, regular mimetypes can be used (but are not required by the spec). - - - URL and Data URI - - - +--------------------------------------------------------------+ +------------------------+ - | | | author.com/article.txt | - | index.gltf | +------------------------+ - | │ | | | - | │ | | | - | │ | | | - | ├── ◻ article_canvas | | Hello friends. | - | ├── ◻ article_canvas | | Hello friends. | - | ├── ◻ article_canvas | | Hello friends. | - | ├── ◻ article_canvas | | Hello friends. | - | ├── ◻ article_canvas | | Hello friends. | - | │ └ src: ://author.com/article.txt | | | - | │ └ src: ://author.com/article.txt | | | - | │ └ src: ://author.com/article.txt | | | - | │ └ src: ://author.com/article.txt | | | - | │ └ src: ://author.com/article.txt | | | - | │ | | @book{greatgatsby | - | │ | | @book{greatgatsby | - | │ | | @book{greatgatsby | - | └── ◻ note_canvas | | ... | - | └── ◻ note_canvas | | ... | - | └── ◻ note_canvas | | ... | - | └── ◻ note_canvas | | ... | - | └── ◻ note_canvas | | ... | - | └ src:`data:welcome human\n@book{sunday...}` | | } | - | └ src:`data:welcome human\n@book{sunday...}` | | } | - | └ src:`data:welcome human\n@book{sunday...}` | | } | - | | +------------------------+ - | | - +--------------------------------------------------------------+ - The enduser will only see - - - - - - welcome human - and - - - - - - Hello friends - rendered verbatim (see mimetype). The beauty is that - text in Data URI automatically promotes rich copy-paste (retaining metadata). In both cases, the text gets rendered - immediately (onto a plane geometry, hence the name ‘_canvas’). The XR Fragment-compatible browser can let the - enduser access visual-meta(data)-fields after interacting with the object (contextmenu e.g.). - additional tagging using - - - bibs - - - : to tag spatial object - - - - - - note_canvas - with ‘todo’, the enduser can type or speak - - - - - - #note_canvas@todo - - - XR Text example parser - - - To prime the XRWG with text from plain text - - - - - - src - -values, here’s an example XR Text (de)multiplexer in javascript - (which supports inline bibs & bibtex): - xrtext = { - expandBibs: (text) => { - let bibs = { regex: /(#[a-zA-Z0-9_+@\-]+(#)?)/g, tags: {}} - text.replace( bibs.regex , (m,k,v) => { - tok = m.substr(1).split("@") - match = tok.shift() - if( tok.length ) tok.map( (t) => bibs.tags[t] = `@${t}{${match},\n}` ) - else if( match.substr(-1) == '#' ) - bibs.tags[match] = `@{${match.replace(/#/,'')}}` - else bibs.tags[match] = `@${match}{${match},\n}` - }) - return text.replace( bibs.regex, '') + Object.values(bibs.tags).join('\n') - }, - - decode: (str) => { - // bibtex: ↓@ ↓<tag|tag{phrase,|{ruler}> ↓property ↓end - let pat = [ /@/, /^\S+[,{}]/, /},/, /}/ ] - let tags = [], text='', i=0, prop='' - let lines = xrtext.expandBibs(str).replace(/\r?\n/g,'\n').split(/\n/) - for( let i = 0; i < lines.length && !String(lines[i]).match( /^@/ ); i++ ) - text += lines[i]+'\n' - bibtex = lines.join('\n').substr( text.length ) - bibtex.split( pat[0] ).map( (t) => { - try{ - let v = {} - if( !(t = t.trim()) ) return - if( tag = t.match( pat[1] ) ) tag = tag[0] - if( tag.match( /^{.*}$/ ) ) return tags.push({ruler:tag}) - if( tag.match( /}$/ ) ) return tags.push({k: tag.replace(/}$/,''), v: {}}) - t = t.substr( tag.length ) - t.split( pat[2] ) - .map( kv => { - if( !(kv = kv.trim()) || kv == "}" ) return - v[ kv.match(/\s?(\S+)\s?=/)[1] ] = kv.substr( kv.indexOf("{")+1 ) - }) - tags.push( { k:tag, v } ) - }catch(e){ console.error(e) } - }) - return {text, tags} - }, - encode: (text,tags) => { - let str = text+"\n" - for( let i in tags ){ - let item = tags[i] - if( item.ruler ){ - str += `@${item.ruler}\n` - continue; - } - str += `@${item.k}\n` - for( let j in item.v ) str += ` ${j} = {${item.v[j]}}\n` - str += `}\n` - } - return str - } - } - The above functions (de)multiplexe text/metadata, expands bibs, (de)serialize bibtex and vice versa - above can be used as a startingpoint for LLVM’s to translate/steelman to a more formal form/language. - str = ` - hello world - here are some hashtagbibs followed by bibtex: - #world - #hello@greeting - #another-section# - @{some-section} - @flap{ - asdf = {23423} - }` - var {tags,text} = xrtext.decode(str) // demultiplex text & bibtex - tags.find( (t) => t.k == 'flap{' ).v.asdf = 1 // edit tag - tags.push({ k:'bar{', v:{abc:123} }) // add tag - console.log( xrtext.encode(text,tags) ) // multiplex text & bibtex back together - This expands to the following (hidden by default) BibTex appendix: - hello world - here are some hashtagbibs followed by bibtex: - @{some-section} - @flap{ - asdf = {1} - } - @world{world, - } - @greeting{hello, - } - @{another-section} - @bar{ - abc = {123} - } - when an XR browser updates the human text, a quick scan for nonmatching tags ( - - - - - - @book{nonmatchingbook - e.g.) should be performed and prompt the enduser for deleting them. - - - Broken links - - - There’s a soft-mechanism to harden links & prevent broken links in various ways: - 1 - . - defining a different transport protocol (https vs ipfs or DAT) in - - - - - - src - or - - - - - - href - values can make a difference - 2 - . - mirroring files on another protocol using errorcodes in - - - - - - src - or - - - - - - href - properties - 3 - . - in case of - - - - - - src - : nesting a copy of the embedded object in the placeholder object ( - - - - - - embeddedObject - ) will not be - replaced when the request fails - For example: - +────────────────────────────────────────────────────────+ - +────────────────────────────────────────────────────────+ - +────────────────────────────────────────────────────────+ - │ │ - │ │ - │ │ - │ │ - │ index.gltf │ - │ index.gltf │ - │ index.gltf │ - │ index.gltf │ - │ │ │ - │ │ │ - │ │ │ - │ │ │ - │ │ │ - │ │ │ - │ │ #: #q=-offlinetext │ - │ │ #: #q=-offlinetext │ - │ │ #: #q=-offlinetext │ - │ │ #: #q=-offlinetext │ - │ │ #: #q=-offlinetext │ - │ │ #: #q=-offlinetext │ - │ │ │ - │ │ │ - │ │ │ - │ │ │ - │ │ │ - │ │ │ - │ ├── ◻ buttonA │ - │ ├── ◻ buttonA │ - │ ├── ◻ buttonA │ - │ ├── ◻ buttonA │ - │ ├── ◻ buttonA │ - │ ├── ◻ buttonA │ - │ ├── ◻ buttonA │ - │ ├── ◻ buttonA │ - │ │ └ href: http://foo.io/campagne.fbx │ - │ │ └ href: http://foo.io/campagne.fbx │ - │ │ └ href: http://foo.io/campagne.fbx │ - │ │ └ href: http://foo.io/campagne.fbx │ - │ │ └ href: http://foo.io/campagne.fbx │ - │ │ └ href: http://foo.io/campagne.fbx │ - │ │ └ href: http://foo.io/campagne.fbx │ - │ │ └ href: http://foo.io/campagne.fbx │ - │ │ └ href!404: ipfs://foo.io/campagne.fbx │ - │ │ └ href!404: ipfs://foo.io/campagne.fbx │ - │ │ └ href!404: ipfs://foo.io/campagne.fbx │ - │ │ └ href!404: ipfs://foo.io/campagne.fbx │ - │ │ └ href!404: ipfs://foo.io/campagne.fbx │ - │ │ └ href!404: ipfs://foo.io/campagne.fbx │ - │ │ └ href!404: ipfs://foo.io/campagne.fbx │ - │ │ └ href!404: ipfs://foo.io/campagne.fbx │ - │ │ └ href!400: #q=clienterrortext │ - │ │ └ href!400: #q=clienterrortext │ - │ │ └ href!400: #q=clienterrortext │ - │ │ └ href!400: #q=clienterrortext │ - │ │ └ href!400: #q=clienterrortext │ - │ │ └ href!400: #q=clienterrortext │ - │ │ └ href!400: #q=clienterrortext │ - │ │ └ href!400: #q=clienterrortext │ - │ │ └ ◻ offlinetext │ - │ │ └ ◻ offlinetext │ - │ │ └ ◻ offlinetext │ - │ │ └ ◻ offlinetext │ - │ │ └ ◻ offlinetext │ - │ │ └ ◻ offlinetext │ - │ │ └ ◻ offlinetext │ - │ │ └ ◻ offlinetext │ - │ │ └ ◻ offlinetext │ - │ │ └ ◻ offlinetext │ - │ │ │ - │ │ │ - │ │ │ - │ │ │ - │ │ │ - │ │ │ - │ └── ◻ embeddedObject <--------- the meshdata inside embeddedObject will (not) - │ └── ◻ embeddedObject <--------- the meshdata inside embeddedObject will (not) - │ └── ◻ embeddedObject <--------- the meshdata inside embeddedObject will (not) - │ └── ◻ embeddedObject <--------- the meshdata inside embeddedObject will (not) - │ └── ◻ embeddedObject <--------- the meshdata inside embeddedObject will (not) - │ └── ◻ embeddedObject <--------- the meshdata inside embeddedObject will (not) - │ └── ◻ embeddedObject <--------- the meshdata inside embeddedObject will (not) - │ └ src: https://foo.io/bar.gltf │ be flushed when the request (does not) succeed. - │ └ src: https://foo.io/bar.gltf │ be flushed when the request (does not) succeed. - │ └ src: https://foo.io/bar.gltf │ be flushed when the request (does not) succeed. - │ └ src: https://foo.io/bar.gltf │ be flushed when the request (does not) succeed. - │ └ src: https://foo.io/bar.gltf │ be flushed when the request (does not) succeed. - │ └ src: https://foo.io/bar.gltf │ be flushed when the request (does not) succeed. - │ └ src: https://foo.io/bar.gltf │ be flushed when the request (does not) succeed. - │ └ src!404: http://foo.io/bar.gltf │ So worstcase the 3D data (of the time of publishing index.gltf) - │ └ src!404: http://foo.io/bar.gltf │ So worstcase the 3D data (of the time of publishing index.gltf) - │ └ src!404: http://foo.io/bar.gltf │ So worstcase the 3D data (of the time of publishing index.gltf) - │ └ src!404: http://foo.io/bar.gltf │ So worstcase the 3D data (of the time of publishing index.gltf) - │ └ src!404: http://foo.io/bar.gltf │ So worstcase the 3D data (of the time of publishing index.gltf) - │ └ src!404: http://foo.io/bar.gltf │ So worstcase the 3D data (of the time of publishing index.gltf) - │ └ src!404: http://foo.io/bar.gltf │ So worstcase the 3D data (of the time of publishing index.gltf) - │ └ src!400: https://archive.org/l2kj43.gltf │ will be displayed. - │ └ src!400: https://archive.org/l2kj43.gltf │ will be displayed. - │ └ src!400: https://archive.org/l2kj43.gltf │ will be displayed. - │ └ src!400: https://archive.org/l2kj43.gltf │ will be displayed. - │ └ src!400: https://archive.org/l2kj43.gltf │ will be displayed. - │ └ src!400: https://archive.org/l2kj43.gltf │ will be displayed. - │ └ src!400: https://archive.org/l2kj43.gltf │ will be displayed. - │ │ - │ │ - │ │ - │ │ - +────────────────────────────────────────────────────────+ - +────────────────────────────────────────────────────────+ - +────────────────────────────────────────────────────────+ - - - Security Considerations - - - Since XR Text contains metadata too, the user should be able to set up tagging-rules, so the copy-paste feature can : - - - - - - filter out sensitive data when copy/pasting (XR text with - - - - - - tag:secret - e.g.) - - - FAQ - - - Q: - - - Why is everything HTTP GET-based, what about POST/PUT/DELETE HATEOS - - - A: - - - Because it’s out of scope: XR Fragment specifies a read-only way to surf XR documents. These things belong in - the application layer (for example, an XR Hypermedia browser can decide to support POST/PUT/DELETE requests - for embedded HTML thru - - - - - - src - values) - - - Q: - - - Why isn’t there support for scripting - - - A: - - - This is out of scope, and up to the XR hypermedia browser. Javascript - seems to been able to turn webpages from hypermedia documents into its opposite (hyperscripted nonhypermedia - documents). In order to prevent this backward-movement (hypermedia tends to liberate people from finnicky scripting) - XR Fragments should never unhyperify itself by hardcoupling to a particular markup or scripting language. - - - XR Macro’s - - - are an example of something which is probably smarter and safer for hypermedia browsers to implement, instead of - going full-in with a turing-complete scripting language (and suffer the security consequences later). - - - IANA Considerations - - - This document has no IANA actions. - - - Acknowledgments - - - - - - NLNET - - - - - - Future of Text - - - - - - visual-meta.info - - - Appendix: Definitions - - - definition - explanation - - - human - a sentient being who thinks fuzzy, absorbs, and shares thought (by plain text, not markuplanguage) - scene - a (local/remote) 3D scene or 3D file (index.gltf e.g.) - 3D object - an object inside a scene characterized by vertex-, face- and customproperty data. - metadata - custom properties of text, 3D Scene or Object(nodes), relevant to machines and a human minority - (academics/developers) - XR fragment - URI Fragment with spatial hints like - - - - - - #pos=0,0,0&t=1,100 - e.g. - the XRWG - wordgraph (collapses 3D scene to tags) - the hashbus - hashtags map to camera/scene-projections - spacetime hashtags - positions camera, triggers scene-preset/time - teleportation - repositioning the enduser to a different position (or 3D scene/file) - sourceportation - teleporting the enduser to the original XR Document of an - - - - - - src - embedded object. - placeholder object - a 3D object which with src-metadata (which will be replaced by the src-data.) - src - (HTML-piggybacked) metadata of a 3D object which instances content - href - (HTML-piggybacked) metadata of a 3D object which links to content - query - an URI Fragment-operator which queries object(s) from a scene like - - - - - - #q=cube - visual-meta - - - visual-meta - - - data appended to text/books/papers which is indirectly visible/editable in XR. - requestless - metadata - metadata which never spawns new requests (unlike RDF/HTML, which can cause framerate-dropping, hence not - used a lot in games) - FPS - frames per second in spatial experiences (games,VR,AR e.g.), should be as high as possible - introspective - inward sensemaking (“I feel this belongs to that”) - extrospective - outward sensemaking (“I’m fairly sure John is a person who lives in oklahoma”) - - - - - - - ascii representation of an 3D object/mesh - (un)obtrusive - obtrusive: wrapping human text/thought in XML/HTML/JSON obfuscates human text into a salad of machine- - symbols and words - BibTeX - simple tagging/citing/referencing standard for plaintext - BibTag - a BibTeX tag - (hashtag)bibs - an easy to speak/type/scan tagging SDL ( - - - see here - - - which expands to BibTex/JSON/XML - - - - - - Qt Svg Document - - - - diff --git a/doc/RFC_XR_Fragments.txt b/doc/RFC_XR_Fragments.txt deleted file mode 100644 index 79d6709..0000000 --- a/doc/RFC_XR_Fragments.txt +++ /dev/null @@ -1,1736 +0,0 @@ - - - - -Jens & Leon Internet Engineering Task Force L.R. van Kammen -Internet-Draft 24 September 2025 -Intended status: Informational - - - - XR Fragments - draft-XRFRAGMENTS-leonvankammen-00 - -Abstract - - Version: 0.5 - - An open specification for hyperlinking & deeplinking 3D fileformats. - This draft is a specification for interactive URI-controllable 3D - files, enabling hypermediatic (https://github.com/coderofsalvation/ - hypermediatic) navigation, to enable a spatial web for hypermedia - browsers with- or without a network-connection. - XR Fragments allows us to better use implicit metadata inside 3D - scene(files), by mapping it to proven technologies like URI Fragments - (https://en.wikipedia.org/wiki/URI_fragment). - - Almost every idea in this document is demonstrated at - https://xrfragment.org (https://xrfragment.org) - -Status of This Memo - - This Internet-Draft is submitted in full conformance with the - provisions of BCP 78 and BCP 79. - - Internet-Drafts are working documents of the Internet Engineering - Task Force (IETF). Note that other groups may also distribute - working documents as Internet-Drafts. The list of current Internet- - Drafts is at https://datatracker.ietf.org/drafts/current/. - - Internet-Drafts are draft documents valid for a maximum of six months - and may be updated, replaced, or obsoleted by other documents at any - time. It is inappropriate to use Internet-Drafts as reference - material or to cite them other than as "work in progress." - - This Internet-Draft will expire on 28 March 2026. - -Copyright Notice - - Copyright (c) 2025 IETF Trust and the persons identified as the - document authors. All rights reserved. - - - - - -van Kammen Expires 28 March 2026 [Page 1] - -Internet-Draft XR Fragments September 2025 - - - This document is subject to BCP 78 and the IETF Trust's Legal - Provisions Relating to IETF Documents (https://trustee.ietf.org/ - license-info) in effect on the date of publication of this document. - Please review these documents carefully, as they describe your rights - and restrictions with respect to this document. Code Components - extracted from this document must include Revised BSD License text as - described in Section 4.e of the Trust Legal Provisions and are - provided without warranty as described in the Revised BSD License. - -Table of Contents - - 1. Quick reference . . . . . . . . . . . . . . . . . . . . . . . 3 - 2. Introduction . . . . . . . . . . . . . . . . . . . . . . . . 4 - 3. How does it work . . . . . . . . . . . . . . . . . . . . . . 4 - 4. What does it solve . . . . . . . . . . . . . . . . . . . . . 4 - 5. HFL (Hypermediatic Feedback Loop) for XR Browsers . . . . . . 5 - 6. Conventions and Definitions . . . . . . . . . . . . . . . . . 8 - 6.1. XR Fragment URL Grammar . . . . . . . . . . . . . . . . . 8 - 7. Spatial Referencing 3D . . . . . . . . . . . . . . . . . . . 8 - 8. Level0: Files . . . . . . . . . . . . . . . . . . . . . . . . 9 - 8.1. via href metadata . . . . . . . . . . . . . . . . . . . . 10 - 8.2. via chained extension . . . . . . . . . . . . . . . . . . 10 - 8.3. via subdocuments/xattr . . . . . . . . . . . . . . . . . 10 - 8.4. JSON sidecar-file . . . . . . . . . . . . . . . . . . . . 11 - 9. Level1: URI . . . . . . . . . . . . . . . . . . . . . . . . . 12 - 9.1. List of URI Fragments . . . . . . . . . . . . . . . . . . 13 - 9.2. List of *_explicit_ metadata . . . . . . . . . . . . . . 14 - 10. Level2: href links . . . . . . . . . . . . . . . . . . . . . 14 - 10.1. Interaction behaviour . . . . . . . . . . . . . . . . . 14 - 10.2. XR Viewer implementation . . . . . . . . . . . . . . . . 14 - 11. Level3: Media Fragments . . . . . . . . . . . . . . . . . . . 15 - 11.1. Animation(s) timeline . . . . . . . . . . . . . . . . . 15 - 11.2. Specify playback loopmode . . . . . . . . . . . . . . . 15 - 11.3. Controlling embedded content . . . . . . . . . . . . . . 16 - 12. Level4: prefix operators . . . . . . . . . . . . . . . . . . 16 - 12.1. Object teleports (!) . . . . . . . . . . . . . . . . . . 16 - 12.2. Object multipliers (*) . . . . . . . . . . . . . . . . . 18 - 12.3. De/selectors (+ and -) . . . . . . . . . . . . . . . . . 18 - 12.4. Sharing object or file (#|) . . . . . . . . . . . . . . 18 - 12.5. xrf:// URI scheme . . . . . . . . . . . . . . . . . . . 19 - 13. Level5: URI Templates (RFC6570) . . . . . . . . . . . . . . . 19 - 14. Top-level URL processing . . . . . . . . . . . . . . . . . . 19 - 14.1. UX . . . . . . . . . . . . . . . . . . . . . . . . . . . 20 - 15. Example: Navigating content href portals . . . . . . . . . . 20 - 15.1. Walking surfaces . . . . . . . . . . . . . . . . . . . . 21 - 16. Example: Virtual world rings . . . . . . . . . . . . . . . . 22 - 17. Additional scene metadata . . . . . . . . . . . . . . . . . . 22 - 18. Accessibility interface . . . . . . . . . . . . . . . . . . . 24 - - - -van Kammen Expires 28 March 2026 [Page 2] - -Internet-Draft XR Fragments September 2025 - - - 18.1. Two-button navigation . . . . . . . . . . . . . . . . . 24 - 18.2. Overlap with fileformat-specific extensions . . . . . . 25 - 19. Vendor Prefixes . . . . . . . . . . . . . . . . . . . . . . . 25 - 20. Security Considerations . . . . . . . . . . . . . . . . . . . 28 - 21. FAQ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28 - 22. authors . . . . . . . . . . . . . . . . . . . . . . . . . . . 28 - 23. IANA Considerations . . . . . . . . . . . . . . . . . . . . . 29 - 24. Acknowledgments . . . . . . . . . . . . . . . . . . . . . . . 29 - 25. Appendix: Definitions . . . . . . . . . . . . . . . . . . . . 29 - -1. Quick reference - - 1. Abstract (#abstract) - 2. Index (#index) - 3. Introduction (#introduction) - 4. How does it work (#how-does-it-work) - 5. What does it solve (#what-does-it-solve) - 6. HFL (Hypermediatic Feedback Loop) for XR Browsers (#hfl- - hypermediatic-feedback-loop-for-xr-browsers) - 7. Conventions and Definitions (#conventions-and-definitions) - 1. XR Fragment URL Grammar (#xr-fragment-url-grammar) - 8. Spatial Referencing 3D (#spatial-referencing-3d) - 9. Level0: Files (#level0-files) - 1. via href metadata (#via-href-metadata) - 2. via chained extension (#via-chained-extension) - 3. via subdocuments/xattr (#via-subdocuments-xattr) - 4. JSON sidecar-file (#json-sidecar-file) - 10. Level1: URI (#level1-uri) - 1. List of URI Fragments (#list-of-uri-fragments) - 2. List of explicit metadata (#list-of-explicit-metadata) - 11. Level2: href links (#level2-href-links) - 1. Interaction behaviour (#interaction-behaviour) - 2. XR Viewer implementation (#xr-viewer-implementation) - 12. Level3: Media Fragments (#level3-media-fragments) - 1. Animation(s) timeline (#animation-s-timeline) - 2. Specify playback loopmode (#specify-playback-loopmode) - 3. Controlling embedded content (#controlling-embedded-content) - 13. Level4: prefix operators (#level4-prefix-operators) - 1. Object teleports (#object-teleports) - 2. Object multipliers (#object-multipliers) - 3. De/selectors (+ and -) (#de-selectors-and) - 4. Sharing object or file (#|) (#sharing-object-or-file) - 5. xrf:// URI scheme (#xrf-uri-scheme) - 14. Level5: URI Templates (RFC6570) (#level5-uri-templates-rfc6570) - 15. Top-level URL processing (#top-level-url-processing) - 1. UX (#ux) - 16. Example: Navigating content href portals (#example-navigating- - content-href-portals) - - - -van Kammen Expires 28 March 2026 [Page 3] - -Internet-Draft XR Fragments September 2025 - - - 1. Walking surfaces (#walking-surfaces) - 17. Example: Virtual world rings (#example-virtual-world-rings) - 18. Additional scene metadata (#additional-scene-metadata) - 19. Accessibility interface (#accessibility-interface) - 1. Two-button navigation (#two-button-navigation) - 2. Overlap with fileformat-specific extensions (#overlap-with- - fileformat-specific-extensions) - 20. Vendor Prefixes (#vendor-prefixes) - 21. Security Considerations (#security-considerations) - 22. FAQ (#faq) - 23. Authors (#authors) - 24. IANA Considerations (#iana-considerations) - 25. Acknowledgments (#acknowledgments) - 26. Appendix: Definitions (#appendix-definitions) - -2. Introduction - - How can we add more control to existing text and 3D scenes, without - introducing new dataformats? - Historically, there's many attempts to create the ultimate 3D - fileformat. - The lowest common denominator is: designers describing/tagging/naming - things using *plain text*. - XR Fragments exploits the fact that all 3D models already contain - such metadata: - - *XR Fragments allows deeplinking of 3D objects by mapping objectnames - to URI fragments* - -3. How does it work - - XR Fragments utilizes URLs: - - 1. for 3D viewers/browser to manipulate the camera or objects (via - URI fragments) - 2. implicitly: by mapping 3D objectnames (of a 3D scene/file) to URI - fragments (3D deeplinking) - 3. explicitly: by scanning href metadata *inside* 3D scene-files to - enable interactions - 4. externally: progressively enhance a 3D (file) into an experience - via sidecarfiles (https://en.wikipedia.org/wiki/Sidecar_file) - -4. What does it solve - - It solves: - - - - - - -van Kammen Expires 28 March 2026 [Page 4] - -Internet-Draft XR Fragments September 2025 - - - 1. addressibility and hypermediatic - (https://github.com/coderofsalvation/hypermediatic) navigation of - 3D scenes/objects: URI Fragments (https://en.wikipedia.org/wiki/ - URI_fragment) using src/href spatial metadata - 2. Interlinking text & spatial objects by collapsing space into a - Word Graph (XRWG) to show visible links (#visible-links) - 3. unlocking spatial potential of the (originally 2D) hashtag (which - jumps to a chapter) for navigating XR documents - 4. refraining from introducing scripting-engines for mundane tasks - (and preventing its inevitable security-headaches) - 5. the gap between text an 3d objects: object-names directly map to - hashtags (=fragments), which allows 3D to text transcription. - - | NOTE: The chapters in this document are ordered from highlevel to - | lowlevel (technical) as much as possible - - XR Fragments views XR experiences through the lens of 3D deeplinked - URI's, rather than thru code(frameworks) or protocol-specific - browsers (webbrowser e.g.). To aid adoption, the standard comprises - of various (optional) support-levels, which incorporate existing - standards like W3C Media Fragments (https://www.w3.org/TR/media- - frags/) and URI Templates (RFC6570) (https://www.rfc-editor.org/rfc/ - rfc6570) to promote spatial addressibility, sharing, navigation, - filtering and databinding objects for (XR) Browsers. - - | XR Fragments is in a sense, a heuristical 3D format or - | meta-format, which leverages heuristic rules derived from any 3D - | scene or well-established 3D file formats, to extract meaningful - | features from scene hierarchies. - | These heuristics, enable features that are both meaningful and - | consistent across different scene representations, allowing - | higher interop between fileformats, 3D editors, viewers and - | game-engines. - -5. HFL (Hypermediatic Feedback Loop) for XR Browsers - - for XR Browsers) - - href metadata traditionally implies *click* AND *navigate*, however - XR Fragments adds stateless *click* (xrf://....) via the xrf:// - scheme, which does not change the top-level URL-adress (of the - browser). This allows for many extra interactions via URLs, which - otherwise needs a scripting language. These are called *hashbus*- - only events/ - - - - - - - -van Kammen Expires 28 March 2026 [Page 5] - -Internet-Draft XR Fragments September 2025 - - - | Being able to use the same URI Fragment DSL for navigation (href: - | #foo) as well as interactions (href: xrf://#foo) greatly - | simplifies implementation, increases HFL, and reduces need for - | scripting languages. - - This opens up the following benefits for traditional & future - webbrowsers: - - * hypermediatic (https://github.com/coderofsalvation/hypermediatic) - loading/clicking 3D assets (gltf/fbx e.g.) natively (with or - without using HTML). - * potentially allowing 3D assets/nodes to publish XR Fragments to - themselves/eachother using the xrf:// hashbus (xrf://#person=walk - to trigger walk-animation for object person) - * potentially collapsing the 3D scene to an wordgraph (for essential - navigation purposes) controllable thru a hash(tag)bus - * completely bypassing the security-trap of loading external scripts - (by loading 3D model-files, not HTML-javascriptable resources) - - XR Fragments itself are hypermediatic - (https://github.com/coderofsalvation/hypermediatic) and HTML- - agnostic, though pseudo-XR Fragment browsers *can* be implemented on - top of HTML/Javascript. - - - - - - - - - - - - - - - - - - - - - - - - - - - - -van Kammen Expires 28 March 2026 [Page 6] - -Internet-Draft XR Fragments September 2025 - - - +=========+======================+=====================================+ - |principle|3D URL |HTML 2D URL | - +=========+======================+=====================================+ - |the XRWG |wordgraph (collapses |Ctrl-F (find) | - | |3D scene to tags) | | - +---------+----------------------+-------------------------------------+ - |the |hashtags alter |hashtags alter document positions | - |hashbus |camera/scene/object- | | - | |projections | | - +---------+----------------------+-------------------------------------+ - |src |renders content and |renders content | - |metadata |offers sourceportation| | - +---------+----------------------+-------------------------------------+ - |href |teleports to other XR |jumps to other HTML document | - |metadata |document | | - +---------+----------------------+-------------------------------------+ - |href |triggers predefined |Media fragments | - |metadata |view | | - +---------+----------------------+-------------------------------------+ - |href |triggers |n/a | - |metadata |camera/scene/object/ | | - | |projections | | - +---------+----------------------+-------------------------------------+ - |href |draws visible |n/a | - |metadata |connection(s) for XRWG| | - | |'tag' | | - +---------+----------------------+-------------------------------------+ - |href |filters certain |n/a | - |metadata |(in)visible objects | | - +---------+----------------------+-------------------------------------+ - |href |href="xrf://#-foo&bar"|href="javascript:hideFooAndShowBar()`| - |metadata | | | - +---------+----------------------+-------------------------------------+ - | |(this does not update |(this is non-standard, non- | - | |topLevel URI) |hypermediatic) | - +---------+----------------------+-------------------------------------+ - - Table 1 - - | An important aspect of HFL is that URI Fragments can be triggered - | without updating the top-level URI (default href-behaviour) thru - | their own 'bus' (xrf://#.....). This decoupling between - | navigation and interaction prevents non-standard things like - | (href:javascript:dosomething()). - - - - - - - -van Kammen Expires 28 March 2026 [Page 7] - -Internet-Draft XR Fragments September 2025 - - -6. Conventions and Definitions - - See appendix below in case certain terms are not clear. - -6.1. XR Fragment URL Grammar - - For typical HTTP-like browsers/applications: - - reserved = gen-delims / sub-delims - gen-delims = "#" / "&" - sub-delims = "," / "=" - - | Example: ://foo.com/my3d.gltf#room1&prio=-5&t=0,100 - - +============+=================================+ - | Demo | Explanation | - +============+=================================+ - | room1 | vector/coordinate argument e.g. | - +------------+---------------------------------+ - | room1&cam1 | combinators | - +------------+---------------------------------+ - - Table 2 - - | this is already implemented in all browsers - - Pseudo (non-native) browser-implementations (supporting XR Fragments - using HTML+JS e.g.) can use the ? search-operator to address outbound - content. - In other words, the URL updates to: https://me.com?https://me.com/ - other.glb when navigating to https://me.com/other.glb from inside a - https://me.com WebXR experience e.g. - That way, if the link gets shared, the XR Fragments implementation at - https://me.com can load the latter (and still indicates which XR - Fragments entrypoint-experience/client was used). - -7. Spatial Referencing 3D - - 3D files contain an hierarchy of objects. - XR Fragments assumes the following objectname-to-URI-Fragment - mapping, in order to deeplink 3D objects: - - - - - - - - - - -van Kammen Expires 28 March 2026 [Page 8] - -Internet-Draft XR Fragments September 2025 - - - my.io/scene.fbx - +─────────────────────────────+ - │ sky │ src: http://my.io/scene.fbx#sky (includes building,mainobject,floor) - │ +─────────────────────────+ │ - │ │ building │ │ src: http://my.io/scene.fbx#building (includes mainobject,floor) - │ │ +─────────────────────+ │ │ - │ │ │ mainobject │ │ │ src: http://my.io/scene.fbx#mainobject (includes floor) - │ │ │ +─────────────────+ │ │ │ - │ │ │ │ floor │ │ │ │ src: http://my.io/scene.fbx#floor (just floor object) - │ │ │ │ │ │ │ │ - │ │ │ +─────────────────+ │ │ │ - │ │ +─────────────────────+ │ │ - │ +─────────────────────────+ │ - +─────────────────────────────+ - - | Every 3D fileformat supports named 3D object, and this name allows - | URLs (fragments) to reference them (and their children objects). - - Clever nested design of 3D scenes allow great ways for re-using - content, and/or previewing scenes. - For example, to render a portal with a preview-version of the scene, - create an 3D object with: - - * href: https://scene.fbx - - | It also allows *sourceportation*, which basically means the - | enduser can teleport to the original XR Document of an src - | embedded object, and see a visible connection to the particular - | embedded object. Basically an embedded link becoming an outbound - | link by activating it. - -8. Level0: Files - - Compatible 3D fileformats: glTF (https://www.khronos.org/gltf/), usdz - (https://openusd.org/release/spec_usdz.html), obj - (https://en.wikipedia.org/wiki/Wavefront_.obj_file), collada - (https://www.khronos.org/collada), THREE.json - (https://github.com/mrdoob/three.js/wiki/JSON-Object-Scene-format-4), - X3D (https://en.wikipedia.org/wiki/X3D) e.g. - - A 3D scene-file can be considered XR Fragment-compatible when - it contains metadata: 1. implicit: there's at least one object with a - name (*) 2. explicit: (optional) object(s) have (level2) href extras. - - | * = last wins in case of non-unique names - - - - - - -van Kammen Expires 28 March 2026 [Page 9] - -Internet-Draft XR Fragments September 2025 - - - There are *optional* auto-loaded side-car files to enable hasslefree - XR Movies (#XR%20Movies). - they can accomodate developers or applications who (for whatever - reason) must not modify the 3D scene-file (a .glb e.g.). - -8.1. via href metadata - - scene.glb <--- 'href' extra [heuristic] detected inside! - scene.png (preview thumbnail) - scene.ogg (soundtrack to plays when global 3D animation starts) - scene.vtt (subtitles for accessibility or screenreaders) - scene.json (sidecar JSON-file with explicit metadata) - - *heuristics*: - - * if at least one href custom property/extra is found in a 3D scene - * The viewer should poll for the above mentioned sidecar-file - extensions (and present accordingly) - -8.2. via chained extension - - scene.xrf.glb <--- '.xrf.' sidecar file heuristic detected! - scene.xrf.png (preview thumbnail) - scene.xrf.ogg (soundtrack to plays when global 3D animation starts) - scene.xrf.vtt (subtitles for accessibility or screenreaders) - scene.xrf.json (sidecar JSON-file with explicit metadata) - - | A fallback-mechanism to turn 3D files into XR Movies - | (#XR%20Movies) without editing them. - - *heuristics*: - - * the chained-extension heuristic .xrf. should be present in the - filename (scene.xrf.glb e.g.) - -8.3. via subdocuments/xattr - - More secure protocols (Nextgraph e.g.) don't allow for simply polling - files. In such case, subdocuments or extended attributes should be - polled: - - | NOTE: in the examples below we use the href-heuristic, but also - | the .xrf. chained-extension applies here. - - - - - - - - -van Kammen Expires 28 March 2026 [Page 10] - -Internet-Draft XR Fragments September 2025 - - -myspreadsheet.ods -└── explainer.glb <--- 'href' extra [heuristic] detected inside! - ├── explainer.ogg (soundtrack to play when global 3D animation starts) - ├── explainer.png (preview thumnbnail) - ├── explainer.json (sidecar JSON-file with explicit metadata) - └── explainer.vtt (subtitles for accessibility or screenreaders) - - If only extended attributes (xattr) are available, the respective - referenced file can be embedded: - - $ setfattr -n explainer.ogg -v "soundtrack.ogg" explainer.glb - $ setfattr -n explainer.png -v "thumbnail.png" explainer.glb - $ setfattr -n explainer.vtt -v "subtitles.vtt" explainer.glb - - | NOTE: Linux's setfattr/getfattr is xattr on mac, and Set-Content/ - | Get-content on Windows. See pxattr - | (https://www.lesbonscomptes.com/pxattr/index.html) for lowlevel - | access. - -8.4. JSON sidecar-file - - For developers, sidecar-file can allow for defining *explicit* XR - Fragments links (>level1), outside of the 3D file. - This can be done via (objectname/metadata) key/value-pairs in a JSON - sidecar-file (https://en.wikipedia.org/wiki/Sidecar_file): - - * experience.glb - * experience.json <---- - - { - "aria-description": "description of scene", - "button": { - "href": "#roomB", - "aria-description": "description of room" - } - } - - | This will make object button clickable, and teleport the user to - | object roomB. - - So after loading experience.glb the existence of experience.json is - detected, to apply the explicit metadata. - The sidecar will define (or *override* already existing) extras, - which can be handy for multi-user platforms (offer 3D scene - customization/personalization to users). - - | In THREE.js-code this would boil down to: - - - - -van Kammen Expires 28 March 2026 [Page 11] - -Internet-Draft XR Fragments September 2025 - - - scene.userData['aria-description'] = "description of scene" - scene.getObjectByName("button").userData.href = "#roomB" - - // now the XR Fragments parser can process the XR Fragments userData 'extras' in the scene - -9. Level1: URI - - | *XR Fragments allows deeplinking of 3D objects by mapping - | objectnames to URI fragments* - - XR Fragments tries to seek to connect the world of text (semantical - web / RDF), and the world of pixels. - Instead of forcing authors to combine 3D/2D objects programmatically - (publishing thru a game-editor e.g.), XR Fragments *integrates all* - which allows a universal viewing experience. - - +───────────────────────────────────────────────────────────────────────────────────────────────+ - │ │ - │ U R N │ - │ U R L | │ - │ | |-----------------+--------| │ - │ +--------------------------------------------------| │ - │ | │ - │ + https://foo.com/some/foo/scene.glb#someview <-- http URI (=URL and has URN) │ - │ | │ - │ + ipfs://cfe0987ec9r9098ecr/cats.fbx#someview <-- an IPFS URI (=URL and has URN) │ - │ │ - │ ec09f7e9cf8e7f09c8e7f98e79c09ef89e000efece8f7ecfe9fe <-- an interpeer URI │ - │ │ - │ │ - │ |------------------------+-------------------------| │ - │ | │ - │ U R I │ - │ │ - +───────────────────────────────────────────────────────────────────────────────────────────────+ - - Fact: our typical browser URL's are just *a possible implementation* - of URI's (for untapped humancentric potential of URI's see - interpeer.io (https://interpeer.io) or NextGraph - (https://nextgraph.org) ) - - | XR Fragments does not look at XR (or the web) thru the lens of - | HTML or URLs. - | But approaches things from a higherlevel local-first 3D hypermedia - | browser-perspective. - - Below you can see how this translates back into good-old URLs: - - - - -van Kammen Expires 28 March 2026 [Page 12] - -Internet-Draft XR Fragments September 2025 - - - +───────────────────────────────────────────────────────────────────────────────────────────────+ - │ │ - │ the soul of any URL: ://macro /meso ?micro #nano │ - │ │ - │ 2D URL: ://library.com /document ?search #chapter │ - │ xrf:// │ - │ 4D URL: ://park.com /4Dscene.fbx ─> ?other.glb ─> #object ─> hashbus │ - │ │ #filter │ │ - │ │ #tag │ │ - │ │ (hypermediatic) #material │ │ - │ │ ( feedback ) #animation │ │ - │ │ ( loop ) #texture │ │ - │ │ #variable │ │ - │ │ │ │ - │ XRWG <─────────────────────<─────────────+ │ - │ │ │ │ - │ └─ objects ──────────────>─────────────+ │ - │ │ - │ │ - +───────────────────────────────────────────────────────────────────────────────────────────────+ - - | ?-linked and #-linked navigation are JUST one possible way to - | implement XR Fragments: the essential goal is to allow a - | Hypermediatic FeedbackLoop (HFL) between external and internal 4D - | navigation. - -9.1. List of URI Fragments - - +=======================+======================================+===========+=============+ - |fragment |type |example |info | - +=======================+======================================+===========+=============+ - |#...... |vector3 |#room1 |positions/ | - | | |#room2 |parents | - | | |#cam2 |camera(rig) | - | | | |(or XR floor)| - | | | |to xyz- | - | | | |coord/object/| - | | | |camera and | - | | | |upvector | - +-----------------------+--------------------------------------+-----------+-------------+ - |Media Fragments |media fragment |#t=0,2&loop|play (and | - |(https://www.w3.org/TR/|(#media%20fragments%20and%20datatypes)| |loop) 3D | - |media-frags/) | | |animation | - | | | |from 0 | - | | | |seconds till | - | | | |2 seconds | - +-----------------------+--------------------------------------+-----------+-------------+ - - - - -van Kammen Expires 28 March 2026 [Page 13] - -Internet-Draft XR Fragments September 2025 - - - Table 3 - -9.2. List of *_explicit_ metadata - - These are the possible 'extras' for 3D nodes and sidecar-files - - +======+========+================+==========+===================+ - | key | type | example (JSON) | function | existing | - | | | | | compatibility | - +======+========+================+==========+===================+ - | href | string | "href": | XR | custom property | - | | | "b.gltf" | teleport | in 3D fileformats | - +------+--------+----------------+----------+-------------------+ - - Table 4 - -10. Level2: href links - - Explicit href metadata ('extras') in a 3D object (of a 3D file), hint - the viewer that the user ''can interact'' with that object : - - | fragment | type | example value | |href| string (uri or predefined - view) | #pyramid - #lastvisit - xrf://#-someobject - ://somefile.gltf#foo - | - -10.1. Interaction behaviour - - When clicking an ''href''-value, the user(camera) is teleport to the - referenced object. - - The imported/teleported destination can be another object in the same - scene-file, or a different file. - -10.2. XR Viewer implementation - - | *spec* | *action* | *feature* | |-|-|-| | level0+1 | hover 3D file - href (#via-href-metadata) | show the preview PNG thumbnail (if any). - | | level0+1 | launch 3D file href (#via-href-metadata) | replace - the current scene with a new 3D file (href: other.glb e.g.) | | - level2 | click internal 3D file href (#via-href-metadata) (#roomB - e.g.) | teleport the camera to the origin of object(name roomB). See - [[teleport camera]].| | level2 | click external 3D file href (#via- - href-metadata) (foo.glb e.g.) | replace the current scene with a new - 3D file (href: other.glb e.g.) | | level2 | hover external 3D file - href (#via-href-metadata) | show the preview PNG thumbnail (if any - - - -van Kammen Expires 28 March 2026 [Page 14] - -Internet-Draft XR Fragments September 2025 - - - sidecar, see level0) | | level2 | click href (#via-href-metadata) | - hashbus: execute without changing the toplevel URL location (href: - xrf://#someObjectName e.g.) | | level3 | click href (#via-href- - metadata) | set the global 3D animation timeline to its Media - Fragment value (#t=2,3 e.g.) | - - | NOTE: hashbus links (xrf://#foo&bar) don't change the toplevel - | URL, which makes it ideal for interactions (in contrast to typical - | #roomC navigation, which benefit back/forward browser-buttons), - | see hashbus for more info. - -11. Level3: Media Fragments - - | these allow for XR Movies with a controllable timeline using href - | URI's with Media Fragments - - Just like with 2D media-files, W3C mediafragments (#t=1,2) can be - used to control a timeline via the #t (##t) primitive. XR Fragments - Level3 makes the 3D timeline, as well as URL-referenced files - *controllable* via Media Fragments like: - - * level2 hrefs (href: #t=4 e.g. to control 3D timeline) - * level4: xrf: URI scheme: - - href: xrf:foo.wav#t=0 to play a wav - - href: xrf:news.glb?clone#t=0 to instance and play another - experience - -11.1. Animation(s) timeline - - controls the animation(s) of the scene (or src resource which - contains a timeline) - - | fragment | type | functionality | | #t=start,stop | - [vector2] (default:`#t=0`) | start,stop (in seconds | - - | Example Value | Explanation | | #t=1 | play (3D) animations from 1 - seconds till end (and stop) | | #t=1,100 | play (3D) animations from - 1 till 100 seconds (and stop) | - -11.2. Specify playback loopmode - - This compensates a missing element from Media Fragments to enable/ - disable temporal looping. . - - | fragment | type | functionality | | #loop | string | enables - animation/video/audio loop | | #-loop | string | disables - animation/video/audio loop | - - - - -van Kammen Expires 28 March 2026 [Page 15] - -Internet-Draft XR Fragments September 2025 - - -11.3. Controlling embedded content - - use [[URI Templates]] to control embedded media, for example a simple - video-player: - - foo.usdz - │ - ├── ◻ loopbutton_enable - │ └ href: #loop <-- enable global loop - │ - ├── ◻ loopbutton_enable - │ └ href: #-loop <-- disable global loop - │ - ├── ◻ playbutton - │ └ href: #t=10&loop <-- play global 3D timeline (all anims) (looped) - │ - └── ◻ playbutton_external - └ href: https://my.org/animation.glb#!&t=3,10 <-- import & play external anim - -12. Level4: prefix operators - - Prefixing objectnames with the following simple operators allow for - *extremely powerful* XR interactions: - - * #! - * #* - * #+ or #- - * #| - * xrf: URI scheme - - | *Examples:* #+menu to show a object, #-menu to hide a menu, #!menu - | to teleport a menu, #*block to clone a grabbable block, #|object - | to share an object - -12.1. Object teleports (!) - - Prefixing an object with an exclamation-symbol, will teleport a - (local or remote) referenced object from/to its original/usercamera - location. - - [img[objecteleport.png]] - - Usecases: * show/hide objects/buttons (menu e.g.) in front of user * - embed remote (object within) 3D file via remote URL * instance an - interactive object near the user regardless of location * instance - HUD or semi-transparent-textured-sphere (LUT) around the user - - - - - -van Kammen Expires 28 March 2026 [Page 16] - -Internet-Draft XR Fragments September 2025 - - -
#!menu
- - Clicking the href (#via-href-metadata)-value above will: - - 1. *reposition the referenced object* (menu) to the - usercamera's-coordinates. - 2. *zoom* in case of (non-empty) mesh-object: rescale to 1 m³, and - position 1m in front of the camera - 3. toggle behaviour: revert values if 1/2 were already applied - 4. #+ is always implied (objects are always made visible) - - This tiny but powerful symbol allows incredible interactive - possibilities, by carefully positioning re-usable objects outside of - a scene (below the usercamera's floor e.g.). - - * href: #whiteroom&!explainer&!exitmenu - - | This will teleport the user to whiteroom and moves object - | explainer and exitmenu in front of the user. - - * href: `https://my.org/foo.glb#! (https://my.org/foo.glb#!) - - Clicking the href (#via-href-metadata)-value above will: - - 1. import foo.glb from my.org's webserver - 2. show it in front of the user (because #! indicates object - teleport) - - * href: https://foo.glb#roomB&!bar - - Clicking the href (#via-href-metadata)-value above will: - - 1. replace the current scene with foo.glb - 2. teleport the user to #roomB inside foo.glb - 3. *instance the referenced object* (bar inside foo.glb) in front of - the user. - 4. it will update the top-Level URL (because xrf: was not used) - 5. hide the *instanced object* when clicked again (toggle - visibility) - - | *NOTE*: level2 teleportation links, as well as instancing - | mitigates the 'broken embedded image'-issue of HTML: *always* - | attaching the href-values to *a 3D (preview) object* (that way - | broken links will not break the design). - - - - - - -van Kammen Expires 28 March 2026 [Page 17] - -Internet-Draft XR Fragments September 2025 - - - *Example:* clicking a 3D button with title 'menu' and href (#href)- - value xrf:menu.glb?instance#t=4,5 would instance a 3D menu (menu.glb) - in front of the user, and loop its animation between from 4-5 seconds - (t=4,5) - - | *NOTE*: combining instance-operators allows dynamic construction - | of 3D scenes (#london&!welcomeMenu&!fadeBox e.g.) - -12.2. Object multipliers (*) - - The star-prefix will clone a (local or remote) referenced object to - the usercamera's location, and make it grabbable. - Usecases: * object-picker (build stuff with objects) - - | *NOTE*: this is basically the #! operator (#%23%21) which - | infinitely *clones* the referenced object (instead of - | repositioning the object). - -12.3. De/selectors (+ and -) - - | How to show/hide/group material- or object- or animations by name? - - Clicking href-values below will show/hide the targeted material- or - animation or object-name (incl. children): - - * #-welcome - * #+welcome - * #-VR* - * https://foo.glb#bar&-welcome - - Matching logic: - - * - and + prefix for exact matches (welcome e.g.) - * * postfix for match beginning (VR_skybox VR_skyboxmat e.g.) - - | NOTE: to hide a skybox when importing/loading a 3D file (force AR) - | is possible by linking to `https://my.org/foo.glb#-skybox or - | https://my.org/foo.glb#-skyboxmaterial - -12.4. Sharing object or file (#|) - - The pipe-symbol (|) sends a (targeted) object to the OS. Clicking - the href-value below will: - - 1. share the (targeted object in the) file to a another application - - - - - - -van Kammen Expires 28 March 2026 [Page 18] - -Internet-Draft XR Fragments September 2025 - - - | This URL can be fed straight into Web Share API - | (https://developer.mozilla.org/en-US/docs/Web/API/Web_Share_API) - | or xdg-open (https://www.freedesktop.org/wiki/Software/xdg-utils/) - - * href: xrf://#|bar - - | *NOTE*: sharing is limited to (internal objects) via xrf: scheme- - | only - -12.5. xrf:// URI scheme - - Prefixing the xrf: to href (#href)-values *will prevent* level2 - (#📜%20level2:%20explicit%20links) href (#href)-values from changing - the top-Level URL. - - | *Usecase*: for non-shareable URLs like href: xrf:#t=4,5, to - | display a stateful msg e.g.). - - *Reason:* XR Fragments is inspired by HTML's href-attribute - (https://en.wikipedia.org/wiki/Hyperlink), which does various things: - - 1. it updates the browser-location - 2. it makes something clickable - 3. it jumps to another document / elsewhere in the same document - 4. and more - - The xrf: scheme will just do 2 & 3 (so the URL-values will not leak - into the top-level URL). - - | *compliance with RFC 3986*: unimplemented/unknown URI schemes - | (xrf:... e.g.) will not update the top-level URL - -13. Level5: URI Templates (RFC6570) - - ) - - XR Fragments adopts Level1 URI *Fragment* expansion to provide safe - interactivity. - This is non-normative, and the draft spec is available on request. - -14. Top-level URL processing - - | Example URL: ://foo/world.gltf#room1&t=10&cam - - The URL-processing-flow for hypermedia browsers goes like this: - - - - - - -van Kammen Expires 28 March 2026 [Page 19] - -Internet-Draft XR Fragments September 2025 - - - 1. IF scene operators and/or animation operator (t) are present in - the URL then (re)position the camera (to room1) and/or animation- - range (10) accordingly. - 2. IF no camera-position has been set in step 1 or 2 assume - 0,0,0 as camera coordinate (XR: add user-height) (example (https: - //github.com/coderofsalvation/xrfragment/blob/main/src/3rd/js/ - three/navigator.js#L31]])) - 3. IF a camera-object exists with name cam assume that user(camera) - position - -14.1. UX - - End-users should always have read/write access to: - - 1. the current (toplevel) URL (an URLbar etc) - 2. URL-history (a back/forward button e.g.) - 3. Clicking/Touching an href navigates (and updates the URL) to - another scene/file (and coordinate e.g. in case the URL contains - XR Fragments). - -15. Example: Navigating content href portals - - navigation, portals & mutations - - +==========+==================+========================+ - | fragment | type | example value | - +==========+==================+========================+ - | href | string (uri or | #room1 | - | | predefined view) | #room1 | - | | | ://somefile.gltf#room1 | - +----------+------------------+------------------------+ - - Table 5 - - 1. clicking an outbound ''external''- or ''file URI'' fully replaces - the current scene and assumes room2 by default (unless specified) - - 2. relocation/reorientation should happen locally for local URI's - (#....) - - 3. navigation should not happen ''immediately'' when user is more - than 5 meter away from the portal/object containing the href (to - prevent accidental navigation e.g.) - - - - - - - - -van Kammen Expires 28 March 2026 [Page 20] - -Internet-Draft XR Fragments September 2025 - - - 4. URL navigation should always be reflected in the client URL-bar - (in case of javascript: see [here - (https://github.com/coderofsalvation/xrfragment/blob/dev/src/3rd/ - js/three/navigator.js) for an example navigator), and only update - the URL-bar after the scene (default fragment #) has been loaded. - - 5. In immersive XR mode, the navigator back/forward-buttons should - be always visible (using a wearable e.g., see [here - (https://github.com/coderofsalvation/xrfragment/blob/dev/example/ - aframe/sandbox/index.html#L26-L29) for an example wearable) - - 6. make sure that the ''back-button'' of the ''browser-history'' - always refers to the previous position (see [here (https://github - .com/coderofsalvation/xrfragment/blob/main/src/3rd/js/three/xrf/ - href.js#L97)) - - 7. ignore previous rule in special cases, like clicking an href - using camera-portal collision (the back-button could cause a - teleport-loop if the previous position is too close) - - 8. href-events should bubble upward the node-tree (from children to - ancestors, so that ancestors can also conain an href), however - only 1 href can be executed at the same time. - - 9. the end-user navigator back/forward buttons should repeat a back/ - forward action until a #... primitive is found (the stateless - xrf:// href-values should not be pushed to the url-history) - - » example implementation - (https://github.com/coderofsalvation/xrfragment/blob/main/src/3rd/js/ - three/xrf/href.js) - » example 3D asset - (https://github.com/coderofsalvation/xrfragment/blob/main/example/ - assets/href.gltf#L192) - » discussion (https://github.com/coderofsalvation/xrfragment/ - issues/1) - -15.1. Walking surfaces - - | By default position 0,0,0 of the 3D scene represents the walkable - | plane, however this is overridden when the following applies: - - XR Fragment-compatible viewers can infer this data based scanning the - scene for: - - 1. materialless (nameless & textureless) mesh-objects (without href - and >0 faces) - - - - -van Kammen Expires 28 March 2026 [Page 21] - -Internet-Draft XR Fragments September 2025 - - - | optionally the viewer can offer thumbstick, mouse or joystick - | teleport-tools for non-roomscale VR/AR setups. - -16. Example: Virtual world rings - - Consider 3D scenes linking to eachother using these href values, - attached to 3D button-objects: - - * href: schoolA.edu/projects.gltf#math - * href: schoolB.edu/projects.gltf#math - * href: university.edu/projects.gltf#math - - This would teleport users to the math-projects of those universities. - Now consider adding a 'webring index'-button to each file, with this - href-value: - - * href: workgroup.edu/webrings.glb#!webringmenu - - This would allow displaying the (remote 3D file) webring menu with - various href-buttons inside, all centrally curated by the workgroup. - -17. Additional scene metadata - - XR Fragments does not aim to redefine the metadata-space or - accessibility-space by introducing its own cataloging-metadata - fields. Instead, it encourages browsers to scan nodes for the - following custom properties: - - * SPDX (https://spdx.dev/) license information - * ARIA (https://www.w3.org/WAI/standards-guidelines/aria/) - attributes (aria-*: .....) - * datapackage.json (https://datapackage.org) findability, - accessibility, interoperability, and reusability of data - - ARIA's aria-description-metadata is normative, to aid accessibility - and scene transcripts - - | *NOTE*: please always start aria-description with a verb to aid - | transcripts. - - The following metadata are non-normative but encouraged, since they - are popular and cheap to parse: - - * RDF/JSON-LD (https://json-ld.org) like this example - (https://mvmd.org/standards/gltf/) or via glTF's KHR_xmp_json_ld - extension - (https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/ - Khronos/KHR_xmp_json_ld) - - - -van Kammen Expires 28 March 2026 [Page 22] - -Internet-Draft XR Fragments September 2025 - - - * Open Graph (https://ogp.me) attributes (og:*: .....) - * Dublin-Core (https://www.dublincore.org/specifications/dublin- - core/application-profile-guidelines/) attributes(dc:*: .....) - * BibTex (https://bibtex.eu/fields) when known bibtex-keys exist - with values enclosed in { and }, - - | Example: object 'tryceratops' with aria-description: is a huge - | dinosaurus standing on a #mountain generates transcript - | #tryceratops is a huge dinosaurus standing on a #mountain, where - | the hashtags are clickable XR Fragments (activating the visible- - | links in the XR browser). - - Individual nodes can be enriched with such metadata, but most - importantly the scene node: - - +================================+=========================+ - | metadata key | example value | - +================================+=========================+ - | aria-description, | An immersive experience | - | og:description, dc:description | about Triceratops (*) | - +--------------------------------+-------------------------+ - | SPDX | CC0-1.0 | - +--------------------------------+-------------------------+ - | dc:creator | John Doe | - +--------------------------------+-------------------------+ - | dc:title, og:title | 'Triceratops` (*) | - +--------------------------------+-------------------------+ - | og:site_name | https://xrfragment.org | - +--------------------------------+-------------------------+ - | dc.publisher | NLNET | - +--------------------------------+-------------------------+ - | dc.date | 2024-01-01 | - +--------------------------------+-------------------------+ - | dc.identifier | XRFRAGMENT-001 | - +--------------------------------+-------------------------+ - | journal (bibTeX) | {Future Of Text Vol 3}, | - +--------------------------------+-------------------------+ - - Table 6 - - | * = these are interchangable (only one needs to be defined) - - There's no silver bullet when it comes to metadata, so XR Fragment- - implementations should support where the metadata is/goes. - - | These attributes can be scanned and presented during an href or - | src eye/mouse-over. - - - - -van Kammen Expires 28 March 2026 [Page 23] - -Internet-Draft XR Fragments September 2025 - - -18. Accessibility interface - - The addressibility of XR Fragments allows for unique 3D-to-text - transcripts, as well as an textual interface to navigate 3D content. - Spec: -
- - 1. The enduser must be able to enable an accessibility-mode (which - persists across application/webpage restarts) - 2. Accessibility-mode must contain a text-input for the user to - enter text - 3. Accessibility-mode must contain a flexible textlog for the user - to read (via screenreader, screen, or TTS e.g.) - 4. the textlog contains aria-descriptions, and its narration - (Screenreader e.g.) can be skipped (via 2-button navigation) - 5. The back command should navigate back to the previous URL (alias - for browser-backbutton) - 6. The forward command should navigate back to the next URL (alias - for browser-nextbutton) - 7. A destination is a 3D node containing an href with a #... XR - fragment (which matches a 3d object name) - 8. The go command should list all possible destinations - 9. The go left command should move the camera around 0.3 meters to - the left - 10. The go right command should move the camera around 0.3 meters to - the right - 11. The go forward command should move the camera 0.3 meters forward - (direction of current rotation). - 12. The rotate left command should rotate the camera 0.3 to the left - 13. The rotate left command should rotate the camera 0.3 to the - right - 14. The (dynamic) go abc command should navigate to #scene2 in case - there's a 3D node with name abc and href value #scene2 - 15. The look command should give an (contextual) 3D-to-text - transcript, by scanning the aria-description values of the - current #... (3D object) value (including its children) - 16. The do command should list all possible href values which don't - contain an #... XR Fragment - 17. The (dynamic) do abc command should navigate/execute - https://.../... in case a 3D node exist with name abc and href - value https://.../... - -18.1. Two-button navigation - - For specific user-profiles, gyroscope/mouse/keyboard/audio/visuals - will not be available. - Therefore a 2-button navigation-interface is the bare minimum - interface: - - - -van Kammen Expires 28 March 2026 [Page 24] - -Internet-Draft XR Fragments September 2025 - - - 1. objects with href metadata can be cycled via a key (tab on a - keyboard) - 2. objects with href metadata can be activated via a key (enter on a - keyboard) - 3. the TTS reads the href-value (and/or aria-description if - available) - -18.2. Overlap with fileformat-specific extensions - - Some 3D scene-fileformats have support for extensions. What if the - functionality of those overlap? For example, GLTF has the OMI_LINK - extension which might overlap with XR Fragment's href: - - | Priority Order and Precedence, otherwise fallback applies - - 1.*Extensions Take Precedence*: Since glTF-specific extensions are - designed with the format’s specific needs and optimizations in mind, - they should take precedence over extras metadata in cases where both - contain overlapping functionality. This approach aligns with the - idea that extensions are more likely to be interpreted uniformly by - glTF-compatible software. - - 2. *Fallback Fall-through Mechanism*: If a glTF implementation does - not support a particular extension, the (XRF) extras field can - serve as a fallback. This way, metadata provided in extras can - still be useful for applications that don't handle certain - extensions. - - | *Example 1* In case of the OMI_LINK glTF extension (href: - | https://nlnet.nl) and an XR Fragment (href: #otherroom or href: - | otherplanet.glb), it is clear that https://nlnet.nl should open in - | a browsertab, whereas the XR Fragment links should teleport the - | user. If the OMI_LINK contains an XR Fragment (#room1 e.g.) a - | teleport should be performed only (and other [overlapping] - | metadata should be ignored). - | - | *Example 2* If an Extensions uses XR Fragments in URI's (href: - | #otherroom or href: xrf://-walls in OMI_LINK e.g.), then perform - | them according to XR Fragment spec (teleport user). But only - | once: ignore further overlapping metadata for that usecase. - -19. Vendor Prefixes - - Vendor-specific metadata in a 3D scenefiles, are similar to vendor- - specific CSS-prefixes (https://en.wikipedia.org/wiki/ - CSS#Vendor_prefixes) (-moz-opacity: 0.2 e.g.). This allows popular - 3D engines/frameworks, to initialize specific features when loading a - scene/object, in a progressive enhanced way. - - - -van Kammen Expires 28 March 2026 [Page 25] - -Internet-Draft XR Fragments September 2025 - - - Vendor Prefixes allows embedding 3D engines/framework-specific - features a 3D file via metadata: - - +===========+===================+==============================+ - | what | XR metadata | Lowest common denominator | - +===========+===================+==============================+ - | CSS | vendor-agnostic | 2D canvas + object | - | | | referencing/styling | - +-----------+-------------------+------------------------------+ - | XR | vendor-agnostic | 3D camera + object(file) | - | Fragments | | load/embed/click/referencing | - +-----------+-------------------+------------------------------+ - | Vendor | vendor-*specific* | Specialized Entity-Component | - | prefixs | | implementation | - +-----------+-------------------+------------------------------+ - - Table 7 - - | Why? Because not all XR interactions can/should be solved/ - | standardized by embedding XR Fragments into any 3D file. The - | lowest common denominator between 3D engines is the 'entity'-part - | of their entity-component-system (ECS). The 'component'-part can - | be progressively enhanced via vendor prefixes. - - For example, the following metadata can be added to a .glb file, to - make an object grabbable in AFRAME: - - - - - - - - - - - - - - - - - - - - - - - - - -van Kammen Expires 28 March 2026 [Page 26] - -Internet-Draft XR Fragments September 2025 - - -+────────────────────────────────────────────────────────────────────────────────────────────────────────+ -│ http://y.io/z.glb | AFRAME app │ -│-----------------------------------------------+--------------------------------------------------------│ -│ | │ -│ | after loading the glb, john can be placed into the │ -│ +-[3D mesh]-+ | castle via hands, because the author added metadata to │ -│ | / \ | | john via either: │ -│ | / \ | | │ -│ | / \ | | 1. Blender (custom property-box, no plugins needed) │ -│ | |_____| | | │ -│ +-----│-----+ | 2. javascript-code: │ -│ │ | │ -│ ├─ name: castle | for( var com in this.el.components ){ │ -│ └─ tag: house baroque | this.el.object3D.userData[`-AFRAME-${com}`] = '' │ -│ | } │ -│ [3D mesh-+ | // save to z.glb in AFRAME inspector │ -│ | ├─ name: john | │ -│ | O ├─ age: 23 | │ -│ | /|\ ├─ -aframe-grabbable: '' | > inits 'grabbable' component on object john │ -│ | / \ ├─ -aframe-material.color: '#F0A' | > inits 'material' component on object john │ -│ | ├─ -aframe-text.value: '{name}{age}'| > inits 'text' component (*) with value 'john' │ -│ | ├─ -three-material.fog: false | > changes material settings in THREE.js app │ -│ | ├─ -godot-Label3D.text: '{name}{age}'| > inits 'Label3D' component (*) in Godot │ -│ +--------+ | │ -│ | │ -├─ -GODOT-version: '4.3' | > exporters/authors can report targeted version │ -├─ -AFRAME-version: '1.6.0' | and (optionally) hint component-repo│ -├─ -AFRAME-info: 'https://git.benetou.fr/comps' │ -│ | │ -+────────────────────────────────────────────────────────────────────────────────────────────────────────+ - - * key/value syntax: --. - [string/boolean/float/int]-value - - String-templatevalues are evaluated as per URI Templates (RFC6570) - (https://www.rfc-editor.org/rfc/rfc6570) Level 1. - - | This 'separating of mechanism from policy' (unix rule) does - | *somewhat* break portability of an XR experience, but still - | prevents (E-waste of) handcoded virtual worlds. It allows for (XR - | experience) metadata to survive in future 3D engines and scene- - | fileformats. - - - - - - - - - -van Kammen Expires 28 March 2026 [Page 27] - -Internet-Draft XR Fragments September 2025 - - -20. Security Considerations - - The only dynamic parts are W3C Media Fragments - (https://www.w3.org/TR/media-frags/) and URI Templates (RFC6570) - (https://www.rfc-editor.org/rfc/rfc6570). - The use of URI Templates is limited to pre-defined variables and - Level0 fragments-expansion only, which makes it quite safe. - n fact, it is much safer than relying on a scripting language - (javascript) which can change URN too. - -21. FAQ - - *Q:* Why is everything HTTP GET-based, what about POST/PUT/DELETE - HATEOS - *A:* Because it's out of scope: XR Fragment specifies a read-only way - to surf XR documents. These things belong in the application layer - (for example, an XR Hypermedia browser can decide to support - POST/PUT/DELETE requests for embedded HTML thru src values) - - *Q:* Why isn't there support for scripting, URI Template Fragments - are so limited compared to WASM & javascript *A:* This is out of - scope as it unhyperifies hypermedia, and this is up to XR hypermedia - browser-extensions. - Historically scripting/Javascript seems to been able to turn webpages - from hypermedia documents into its opposite (hyperscripted - nonhypermedia documents). - In order to prevent this backward-movement (hypermedia tends to - liberate people from finnicky scripting) XR Fragment uses W3C Media - Fragments (https://www.w3.org/TR/media-frags/) and URI Templates - (RFC6570) (https://www.rfc-editor.org/rfc/rfc6570), to prevent - unhyperifying itself by hardcoupling to a particular markup or - scripting language. - XR Fragments supports filtering objects in a scene only, because in - the history of the javascript-powered web, showing/hiding document- - entities seems to be one of the most popular basic usecases. - Doing advanced scripting & networkrequests under the hood are - obviously interesting endavours, but this is something which should - not be hardcoupled with XR Fragments or hypermedia. - This perhaps belongs more to browser extensions. - Non-HTML Hypermedia browsers should make browser extensions the right - place, to 'extend' experiences, in contrast to code/javascript inside - hypermedia documents (this turned out as a hypermedia antipattern). - -22. authors - - * Leon van Kammen (@lvk@mastodon.online) - * Jens Finkhäuser (@jens@social.finkhaeuser.de) - - - - -van Kammen Expires 28 March 2026 [Page 28] - -Internet-Draft XR Fragments September 2025 - - -23. IANA Considerations - - This document has no IANA actions. - -24. Acknowledgments - - * NLNET (https://nlnet.nl) - * Future of Text (https://futureoftext.org) - * visual-meta.info (https://visual-meta.info) - * Michiel Leenaars - * Gerben van der Broeke - * Mauve - * Jens Finkhäuser - * Marc Belmont - * Tim Gerritsen - * Frode Hegland - * Brandel Zackernuk - * Mark Anderson - -25. Appendix: Definitions - - +=================+=============================================+ - | definition | explanation | - +=================+=============================================+ - | human | a sentient being who thinks fuzzy, absorbs, | - | | and shares thought (by plain text, not | - | | markuplanguage) | - +-----------------+---------------------------------------------+ - | scene | a (local/remote) 3D scene or 3D file | - | | (index.gltf e.g.) | - +-----------------+---------------------------------------------+ - | 3D object | an object inside a scene characterized by | - | | vertex-, face- and customproperty data. | - +-----------------+---------------------------------------------+ - | URI | some resource at something somewhere via | - | | someprotocol (http://me.com/foo.glb#foo or | - | | e76f8efec8efce98e6f see interpeer.io | - | | (https://interpeer.io)) | - +-----------------+---------------------------------------------+ - | URL | something somewhere via someprotocol | - | | (http://me.com/foo.glb) | - +-----------------+---------------------------------------------+ - | URN | something at some domain (me.com/foo.glb) | - +-----------------+---------------------------------------------+ - | metadata | custom properties of text, 3D Scene or | - | | Object(nodes), relevant to machines and a | - | | human minority (academics/developers) | - +-----------------+---------------------------------------------+ - - - -van Kammen Expires 28 March 2026 [Page 29] - -Internet-Draft XR Fragments September 2025 - - - | XR fragment | URI Fragment with spatial hints (which | - | | match the name of a 3D object-, camera-, | - | | animation-object) | - +-----------------+---------------------------------------------+ - | the XRWG | wordgraph (collapses 3D scene to tags) | - +-----------------+---------------------------------------------+ - | the hashbus | hashtags map to camera/scene-projections | - +-----------------+---------------------------------------------+ - | spacetime | positions camera, triggers scene-preset/ | - | hashtags | time | - +-----------------+---------------------------------------------+ - | teleportation | repositioning the enduser to a different | - | | position (or 3D scene/file) | - +-----------------+---------------------------------------------+ - | sourceportation | teleporting the enduser to the original XR | - | | Document of an src embedded object. | - +-----------------+---------------------------------------------+ - | placeholder | a 3D object which with src-metadata (which | - | object | will be replaced by the src-data.) | - +-----------------+---------------------------------------------+ - | src | (HTML-piggybacked) metadata of a 3D object | - | | which instances content | - +-----------------+---------------------------------------------+ - | href | (HTML-piggybacked) metadata of a 3D object | - | | which links to content | - +-----------------+---------------------------------------------+ - | filter | URI Fragment(s) which show/hide object(s) | - | | in a scene based on name/tag/property | - | | (#cube&-price=>3) | - +-----------------+---------------------------------------------+ - | visual-meta | visual-meta (https://visual.meta.info) data | - | | appended to text/books/papers which is | - | | indirectly visible/editable in XR. | - +-----------------+---------------------------------------------+ - | requestless | metadata which never spawns new requests | - | metadata | (unlike RDF/HTML, which can cause | - | | framerate-dropping, hence not used a lot in | - | | games) | - +-----------------+---------------------------------------------+ - | FPS | frames per second in spatial experiences | - | | (games,VR,AR e.g.), should be as high as | - | | possible | - +-----------------+---------------------------------------------+ - | introspective | inward sensemaking ("I feel this belongs to | - | | that") | - +-----------------+---------------------------------------------+ - | extrospective | outward sensemaking ("I'm fairly sure John | - | | is a person who lives in oklahoma") | - - - -van Kammen Expires 28 March 2026 [Page 30] - -Internet-Draft XR Fragments September 2025 - - - +-----------------+---------------------------------------------+ - | ◻ | ascii representation of an 3D object/mesh | - +-----------------+---------------------------------------------+ - | (un)obtrusive | obtrusive: wrapping human text/thought in | - | | XML/HTML/JSON obfuscates human text into a | - | | salad of machine-symbols and words | - +-----------------+---------------------------------------------+ - | flat 3D object | a 3D object of which all verticies share a | - | | plane | - +-----------------+---------------------------------------------+ - | BibTeX | simple tagging/citing/referencing standard | - | | for plaintext | - +-----------------+---------------------------------------------+ - | BibTag | a BibTeX tag | - +-----------------+---------------------------------------------+ - | (hashtag)bibs | an easy to speak/type/scan tagging SDL (see | - | | here (https://github.com/coderofsalvation/ | - | | hashtagbibs) which expands to BibTex/JSON/ | - | | XML | - +-----------------+---------------------------------------------+ - - Table 8 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -van Kammen Expires 28 March 2026 [Page 31] diff --git a/doc/RFC_XR_Fragments.xml b/doc/RFC_XR_Fragments.xml deleted file mode 100644 index 83a85de..0000000 --- a/doc/RFC_XR_Fragments.xml +++ /dev/null @@ -1,1259 +0,0 @@ - - - - - -XR Fragments -
-
-Internet -Jens & Leon Internet Engineering Task Force - - -Version: 0.5 -An open specification for hyperlinking & deeplinking 3D fileformats. -This draft is a specification for interactive URI-controllable 3D files, enabling hypermediatic navigation, to enable a spatial web for hypermedia browsers with- or without a network-connection.
- -XR Fragments allows us to better use implicit metadata inside 3D scene(files), by mapping it to proven technologies like URI Fragments.
-
-Almost every idea in this document is demonstrated at https://xrfragment.org -
- -
- - - -
Quick reference - -
    -
  1. Abstract
  2. -
  3. Index
  4. -
  5. Introduction
  6. -
  7. How does it work
  8. -
  9. What does it solve
  10. -
  11. HFL (Hypermediatic Feedback Loop) for XR Browsers
  12. -
  13. Conventions and Definitions - -
      -
    1. XR Fragment URL Grammar
    2. -
  14. -
  15. Spatial Referencing 3D
  16. -
  17. Level0: Files - -
      -
    1. via href metadata
    2. -
    3. via chained extension
    4. -
    5. via subdocuments/xattr
    6. -
    7. JSON sidecar-file
    8. -
  18. -
  19. Level1: URI - -
      -
    1. List of URI Fragments
    2. -
    3. List of explicit metadata
    4. -
  20. -
  21. Level2: href links - -
      -
    1. Interaction behaviour
    2. -
    3. XR Viewer implementation
    4. -
  22. -
  23. Level3: Media Fragments - -
      -
    1. Animation(s) timeline
    2. -
    3. Specify playback loopmode
    4. -
    5. Controlling embedded content
    6. -
  24. -
  25. Level4: prefix operators - -
      -
    1. Object teleports
    2. -
    3. Object multipliers
    4. -
    5. De/selectors (+ and -)
    6. -
    7. Sharing object or file (#|)
    8. -
    9. xrf:// URI scheme
    10. -
  26. -
  27. Level5: URI Templates (RFC6570)
  28. -
  29. Top-level URL processing - -
      -
    1. UX
    2. -
  30. -
  31. Example: Navigating content href portals - -
      -
    1. Walking surfaces
    2. -
  32. -
  33. Example: Virtual world rings
  34. -
  35. Additional scene metadata
  36. -
  37. Accessibility interface - -
      -
    1. Two-button navigation
    2. -
    3. Overlap with fileformat-specific extensions
    4. -
  38. -
  39. Vendor Prefixes
  40. -
  41. Security Considerations
  42. -
  43. FAQ
  44. -
  45. Authors
  46. -
  47. IANA Considerations
  48. -
  49. Acknowledgments
  50. -
  51. Appendix: Definitions
  52. -
-
- -
Introduction -How can we add more control to existing text and 3D scenes, without introducing new dataformats?
- -Historically, there's many attempts to create the ultimate 3D fileformat.
- -The lowest common denominator is: designers describing/tagging/naming things using plain text.
- -XR Fragments exploits the fact that all 3D models already contain such metadata:
-XR Fragments allows deeplinking of 3D objects by mapping objectnames to URI fragments -
- -
How does it work -XR Fragments utilizes URLs: - -
    -
  1. for 3D viewers/browser to manipulate the camera or objects (via URI fragments)
  2. -
  3. implicitly: by mapping 3D objectnames (of a 3D scene/file) to URI fragments (3D deeplinking)
  4. -
  5. explicitly: by scanning href metadata inside 3D scene-files to enable interactions
  6. -
  7. externally: progressively enhance a 3D (file) into an experience via sidecarfiles
  8. -
-
- -
What does it solve -It solves: - -
    -
  1. addressibility and hypermediatic navigation of 3D scenes/objects: URI Fragments using src/href spatial metadata
  2. -
  3. Interlinking text & spatial objects by collapsing space into a Word Graph (XRWG) to show visible links
  4. -
  5. unlocking spatial potential of the (originally 2D) hashtag (which jumps to a chapter) for navigating XR documents
  6. -
  7. refraining from introducing scripting-engines for mundane tasks (and preventing its inevitable security-headaches)
  8. -
  9. the gap between text an 3d objects: object-names directly map to hashtags (=fragments), which allows 3D to text transcription.
  10. -
-
NOTE: The chapters in this document are ordered from highlevel to lowlevel (technical) as much as possible -
XR Fragments views XR experiences through the lens of 3D deeplinked URI's, rather than thru code(frameworks) or protocol-specific browsers (webbrowser e.g.). -To aid adoption, the standard comprises of various (optional) support-levels, which incorporate existing standards like W3C Media Fragments and URI Templates (RFC6570) to promote spatial addressibility, sharing, navigation, filtering and databinding objects for (XR) Browsers.
-
-
XR Fragments is in a sense, a <b>heuristical 3D format</b> or meta-format, which leverages heuristic rules derived from any 3D scene or well-established 3D file formats, to extract meaningful features from scene hierarchies.
- -These heuristics, enable features that are both meaningful and consistent across different scene representations, allowing <b>higher interop</b> between fileformats, 3D editors, viewers and game-engines.
-
- -
HFL (Hypermediatic Feedback Loop) for XR Browsers - for XR Browsers) -href metadata traditionally implies click AND navigate, however XR Fragments adds stateless click (xrf://....) via the xrf:// scheme, which does not change the top-level URL-adress (of the browser). -This allows for many extra interactions via URLs, which otherwise needs a scripting language. -These are called hashbus-only events/ -
Being able to use the same URI Fragment DSL for navigation (href: #foo) as well as interactions (href: xrf://#foo) greatly simplifies implementation, increases HFL, and reduces need for scripting languages. -
This opens up the following benefits for traditional & future webbrowsers: - -
    -
  • hypermediatic loading/clicking 3D assets (gltf/fbx e.g.) natively (with or without using HTML).
  • -
  • potentially allowing 3D assets/nodes to publish XR Fragments to themselves/eachother using the xrf:// hashbus (xrf://#person=walk to trigger walk-animation for object person)
  • -
  • potentially collapsing the 3D scene to an wordgraph (for essential navigation purposes) controllable thru a hash(tag)bus
  • -
  • completely bypassing the security-trap of loading external scripts (by loading 3D model-files, not HTML-javascriptable resources)
  • -
-XR Fragments itself are hypermediatic and HTML-agnostic, though pseudo-XR Fragment browsers can be implemented on top of HTML/Javascript. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
principle3D URLHTML 2D URL
the XRWGwordgraph (collapses 3D scene to tags)Ctrl-F (find)
the hashbushashtags alter camera/scene/object-projectionshashtags alter document positions
src metadatarenders content and offers sourceportationrenders content
href metadatateleports to other XR documentjumps to other HTML document
href metadatatriggers predefined viewMedia fragments
href metadatatriggers camera/scene/object/projectionsn/a
href metadatadraws visible connection(s) for XRWG 'tag'n/a
href metadatafilters certain (in)visible objectsn/a
href metadatahref="xrf://#-foo&bar"href="javascript:hideFooAndShowBar()`
(this does not update topLevel URI)(this is non-standard, non-hypermediatic)
An important aspect of HFL is that URI Fragments can be triggered without updating the top-level URI (default href-behaviour) thru their own 'bus' (xrf://#.....). This decoupling between navigation and interaction prevents non-standard things like (href:javascript:dosomething()). -
- -
Conventions and Definitions -See appendix below in case certain terms are not clear. - -
XR Fragment URL Grammar -For typical HTTP-like browsers/applications: - - - -
Example: ://foo.com/my3d.gltf#room1&prio=-5&t=0,100 -
- - - - - - - - - - - - - - - - - - -
DemoExplanation
room1vector/coordinate argument e.g.
room1&cam1combinators
this is already implemented in all browsers -
Pseudo (non-native) browser-implementations (supporting XR Fragments using HTML+JS e.g.) can use the ? search-operator to address outbound content.
- -In other words, the URL updates to: https://me.com?https://me.com/other.glb when navigating to https://me.com/other.glb from inside a https://me.com WebXR experience e.g.
- -That way, if the link gets shared, the XR Fragments implementation at https://me.com can load the latter (and still indicates which XR Fragments entrypoint-experience/client was used).
-
-
- -
Spatial Referencing 3D -3D files contain an hierarchy of objects.
- -XR Fragments assumes the following objectname-to-URI-Fragment mapping, in order to deeplink 3D objects:
- - - -
Every 3D fileformat supports named 3D object, and this name allows URLs (fragments) to reference them (and their children objects). -
Clever nested design of 3D scenes allow great ways for re-using content, and/or previewing scenes.
- -For example, to render a portal with a preview-version of the scene, create an 3D object with:
- -
    -
  • href: https://scene.fbx
  • -
-
It also allows sourceportation, which basically means the enduser can teleport to the original XR Document of an src embedded object, and see a visible connection to the particular embedded object. Basically an embedded link becoming an outbound link by activating it. -
- -
Level0: Files -Compatible 3D fileformats: glTF, usdz, obj, collada, THREE.json, X3D e.g. -
-
-A 3D scene-file can be considered <b>XR Fragment-compatible</b> when it contains metadata: -1. implicit: there's at least one object with a name (*) -2. explicit: (optional) object(s) have (level2) href extras. -
* = last wins in case of non-unique names -
There are optional auto-loaded side-car files to enable hasslefree XR Movies.
- -they can accomodate developers or applications who (for whatever reason) must not modify the 3D scene-file (a .glb e.g.).
- -
via href metadata - - - -heuristics: - -
    -
  • if at least one href custom property/extra is found in a 3D scene
  • -
  • The viewer should poll for the above mentioned sidecar-file extensions (and present accordingly)
  • -
-
- -
via chained extension - - - -
A fallback-mechanism to turn 3D files into XR Movies without editing them. -
heuristics: - -
    -
  • the chained-extension heuristic .xrf. should be present in the filename (scene.xrf.glb e.g.)
  • -
-
- -
via subdocuments/xattr -More secure protocols (Nextgraph e.g.) don't allow for simply polling files. -In such case, subdocuments or extended attributes should be polled: -
NOTE: in the examples below we use the href-heuristic, but also the .xrf. chained-extension applies here. -
- - -If only extended attributes (xattr) are available, the respective referenced file can be embedded: - - - -
NOTE: Linux's setfattr/getfattr is xattr on mac, and Set-Content/Get-content on Windows. See pxattr for lowlevel access. -
- -
JSON sidecar-file -For developers, sidecar-file can allow for defining explicit XR Fragments links (>level1), outside of the 3D file.
- -This can be done via (objectname/metadata) key/value-pairs in a JSON sidecar-file:
- -
    -
  • experience.glb
  • -
  • experience.json <----
  • -
- - - -
This will make object button clickable, and teleport the user to object roomB. -
So after loading experience.glb the existence of experience.json is detected, to apply the explicit metadata.
- -The sidecar will define (or override already existing) extras, which can be handy for multi-user platforms (offer 3D scene customization/personalization to users).
-
In THREE.js-code this would boil down to: -
- - -
-
- -
Level1: URI -
XR Fragments allows deeplinking of 3D objects by mapping objectnames to URI fragments -
XR Fragments tries to seek to connect the world of text (semantical web / RDF), and the world of pixels.
- -Instead of forcing authors to combine 3D/2D objects programmatically (publishing thru a game-editor e.g.), XR Fragments integrates all which allows a universal viewing experience.
-
- - - -Fact: our typical browser URL's are just a possible implementation of URI's (for untapped humancentric potential of URI's see interpeer.io or NextGraph ) -
XR Fragments does not look at XR (or the web) thru the lens of HTML or URLs.
-But approaches things from a higherlevel local-first 3D hypermedia browser-perspective.
-
Below you can see how this translates back into good-old URLs: - - ?other.glb ─> #object ─> hashbus │ - │ │ #filter │ │ - │ │ #tag │ │ - │ │ (hypermediatic) #material │ │ - │ │ ( feedback ) #animation │ │ - │ │ ( loop ) #texture │ │ - │ │ #variable │ │ - │ │ │ │ - │ XRWG <─────────────────────<─────────────+ │ - │ │ │ │ - │ └─ objects ──────────────>─────────────+ │ - │ │ - │ │ - +───────────────────────────────────────────────────────────────────────────────────────────────+ - -]]> - -
?-linked and #-linked navigation are JUST one possible way to implement XR Fragments: the essential goal is to allow a Hypermediatic FeedbackLoop (HFL) between external and internal 4D navigation. -
-
List of URI Fragments - - - - - - - - - - - - - - - - - - - - - - - - - -
fragmenttypeexampleinfo
#......vector3#room1 #room2 #cam2positions/parents camera(rig) (or XR floor) to xyz-coord/object/camera and upvector
Media Fragmentsmedia fragment#t=0,2&loopplay (and loop) 3D animation from 0 seconds till 2 seconds
- -
List of *explicit metadata -These are the possible 'extras' for 3D nodes and sidecar-files - - - - - - - - - - - - - - - - - - - - -
keytypeexample (JSON)functionexisting compatibility
hrefstring"href": "b.gltf"XR teleportcustom property in 3D fileformats
-
- -
Level2: href links -Explicit href metadata ('extras') in a 3D object (of a 3D file), hint the viewer that the user ''can interact'' with that object : -| fragment | type | example value | -|href| string (uri or predefined view) | #pyramid
-#lastvisit
-xrf://#-someobject
-://somefile.gltf#foo
- |
- -
Interaction behaviour -When clicking an ''href''-value, the user(camera) is teleport to the referenced object. -The imported/teleported destination can be another object in the same scene-file, or a different file. -
- -
XR Viewer implementation -| spec | action | feature | -|-|-|-| -| level0+1 | hover 3D file href | show the preview PNG thumbnail (if any). | -| level0+1 | launch 3D file href | replace the current scene with a new 3D file (href: other.glb e.g.) | -| level2 | click internal 3D file href (#roomB e.g.) | teleport the camera to the origin of object(name roomB). See [[teleport camera]].| -| level2 | click external 3D file href (foo.glb e.g.) | replace the current scene with a new 3D file (href: other.glb e.g.) | -| level2 | hover external 3D file href | show the preview PNG thumbnail (if any sidecar, see level0) | -| level2 | click href | hashbus: execute without changing the toplevel URL location (href: xrf://#someObjectName e.g.) | -| level3 | click href | set the global 3D animation timeline to its Media Fragment value (#t=2,3 e.g.) | -
NOTE: hashbus links (xrf://#foo&bar) don't change the toplevel URL, which makes it ideal for interactions (in contrast to typical #roomC navigation, which benefit back/forward browser-buttons), see <a href="#hashbus">hashbus</a> for more info. -
-
- -
Level3: Media Fragments -
these allow for XR Movies with a controllable timeline using href URI's with Media Fragments -
Just like with 2D media-files, W3C mediafragments (#t=1,2) can be used to control a timeline via the #t primitive. -XR Fragments Level3 makes the 3D timeline, as well as URL-referenced files controllable via Media Fragments like: - -
    -
  • level2 hrefs (href: #t=4 e.g. to control 3D timeline)
  • -
  • level4: xrf: URI scheme: - -
      -
    • href: xrf:foo.wav#t=0 to play a wav
    • -
    • href: xrf:news.glb?clone#t=0 to instance and play another experience
    • -
  • -
- -
Animation(s) timeline -controls the animation(s) of the scene (or src resource which contains a timeline) -| fragment | type | functionality | -| <b>#t</b>=start,stop | [vector2] | start,stop (in seconds | -| Example Value | Explanation | -| #t=1 | play (3D) animations from 1 seconds till end (and stop) | -| #t=1,100 | play (3D) animations from 1 till 100 seconds (and stop) | -
- -
Specify playback loopmode -This compensates a missing element from Media Fragments to enable/disable temporal looping. . -| fragment | type | functionality | -| <b>#loop</b> | string | enables animation/video/audio loop | -| <b>#-loop</b> | string | disables animation/video/audio loop | -
- -
Controlling embedded content -use [[URI Templates]] to control embedded media, for example a simple video-player: - - - -
-
- -
Level4: prefix operators -Prefixing objectnames with the following simple operators allow for extremely powerful XR interactions: - -
    -
  • #!
  • -
  • #*
  • -
  • #+ or #-
  • -
  • #|
  • -
  • xrf: URI scheme
  • -
-
Examples: #+menu to show a object, #-menu to hide a menu, #!menu to teleport a menu, #*block to clone a grabbable block, #|object to share an object -
-
Object teleports (!) -Prefixing an object with an exclamation-symbol, will teleport a (local or remote) referenced object from/to its original/usercamera location.
-
-[img[objecteleport.png]] -Usecases: -* show/hide objects/buttons (menu e.g.) in front of user -* embed remote (object within) 3D file via remote URL -* instance an interactive object near the user regardless of location -* instance HUD or semi-transparent-textured-sphere (LUT) around the user -<div class="border padding" style="border:4px solid #888"> - <span class="big hi1">#!menu</span> -</div> -
-
-Clicking the href-value above will: - -
    -
  1. reposition the referenced object (menu) to the usercamera's-coordinates.
  2. -
  3. zoom in case of (non-empty) mesh-object: rescale to 1 m³, and position 1m in front of the camera
  4. -
  5. toggle behaviour: revert values if 1/2 were already applied
  6. -
  7. #+ is always implied (objects are always made visible)
  8. -
-This tiny but powerful symbol allows incredible interactive possibilities, by carefully positioning re-usable objects outside of a scene (below the usercamera's floor e.g.). - -
    -
  • href: #whiteroom&!explainer&!exitmenu
  • -
-
This will teleport the user to whiteroom and moves object explainer and exitmenu in front of the user. -
-
    -
  • href: `https://my.org/foo.glb#!
  • -
-Clicking the href-value above will: - -
    -
  1. import foo.glb from my.org's webserver
  2. -
  3. show it in front of the user (because #! indicates object teleport)
  4. -
- -
    -
  • href: https://foo.glb#roomB&!bar
  • -
-Clicking the href-value above will: - -
    -
  1. replace the current scene with foo.glb
  2. -
  3. teleport the user to #roomB inside foo.glb
  4. -
  5. instance the referenced object (bar inside foo.glb) in front of the user.
  6. -
  7. it will update the top-Level URL (because xrf: was not used)
  8. -
  9. hide the instanced object when clicked again (toggle visibility)
  10. -
-
NOTE: level2 teleportation links, as well as instancing mitigates the 'broken embedded image'-issue of HTML: always attaching the href-values to a 3D (preview) object (that way broken links will not break the design). -
Example: clicking a 3D button with title 'menu' and href-value xrf:menu.glb?instance#t=4,5 would instance a 3D menu (menu.glb) in front of the user, and loop its animation between from 4-5 seconds (t=4,5) -
NOTE: combining instance-operators allows dynamic construction of 3D scenes (#london&!welcomeMenu&!fadeBox e.g.) -
- -
Object multipliers (*) -The star-prefix will clone a (local or remote) referenced object to the usercamera's location, and make it grabbable.
- -Usecases: -* object-picker (build stuff with objects)
-
NOTE: this is basically the #! operator which infinitely clones the referenced object (instead of repositioning the object). -
- -
De/selectors (+ and -) -
How to show/hide/group material- or object- or animations by name? -
Clicking href-values below will show/hide the targeted material- or animation or object-name (incl. children): - -
    -
  • #-welcome
  • -
  • #+welcome
  • -
  • #-VR*
  • -
  • https://foo.glb#bar&-welcome
  • -
-Matching logic: - -
    -
  • - and + prefix for exact matches (welcome e.g.)
  • -
  • * postfix for match beginning (VR_skybox VR_skyboxmat e.g.)
  • -
-
NOTE: to hide a skybox when importing/loading a 3D file (force AR) is possible by linking to `https://my.org/foo.glb#-skybox or https://my.org/foo.glb#-skyboxmaterial -
- -
Sharing object or file (#|) -The pipe-symbol (|) sends a (targeted) object to the OS. -Clicking the href-value below will: - -
    -
  1. share the (targeted object in the) file to a another application
  2. -
-
This URL can be fed straight into Web Share API or xdg-open -
-
    -
  • href: xrf://#|bar
  • -
-
NOTE: sharing is limited to (internal objects) via xrf: scheme-only -
- -
xrf:// URI scheme -Prefixing the xrf: to href-values will prevent level2 href-values from changing the top-Level URL. -
Usecase: for non-shareable URLs like href: xrf:#t=4,5, to display a stateful msg e.g.). -
Reason: XR Fragments is inspired by HTML's href-attribute, which does various things: - -
    -
  1. it updates the browser-location
  2. -
  3. it makes something clickable
  4. -
  5. it jumps to another document / elsewhere in the same document
  6. -
  7. and more
  8. -
-The xrf: scheme will just do 2 & 3 (so the URL-values will not leak into the top-level URL). -
compliance with RFC 3986: unimplemented/unknown URI schemes (xrf:... e.g.) will not update the top-level URL -
-
- -
Level5: URI Templates (RFC6570) -) -XR Fragments adopts Level1 URI Fragment expansion to provide safe interactivity.
- -This is non-normative, and the draft spec is available on request.
-
- -
Top-level URL processing -
Example URL: ://foo/world.gltf#room1&t=10&cam -
The URL-processing-flow for hypermedia browsers goes like this: - -
    -
  1. IF scene operators and/or animation operator (t) are present in the URL then (re)position the camera (to room1) and/or animation-range (10) accordingly.
  2. -
  3. IF no camera-position has been set in <b>step 1 or 2</b> assume 0,0,0 as camera coordinate (XR: add user-height) (example)
  4. -
  5. IF a camera-object exists with name cam assume that user(camera) position
  6. -
- -
UX -End-users should always have read/write access to: - -
    -
  1. the current (toplevel) <b>URL</b> (an URLbar etc)
  2. -
  3. URL-history (a <b>back/forward</b> button e.g.)
  4. -
  5. Clicking/Touching an href navigates (and updates the URL) to another scene/file (and coordinate e.g. in case the URL contains XR Fragments).
  6. -
-
-
- -
Example: Navigating content href portals -navigation, portals & mutations - - - - - - - - - - - - - - - - -
fragmenttypeexample value
hrefstring (uri or predefined view)#room1
-#room1
-://somefile.gltf#room1
-
-
    -
  1. clicking an outbound ''external''- or ''file URI'' fully replaces the current scene and assumes room2 by default (unless specified) -
  2. -
  3. relocation/reorientation should happen locally for local URI's (#....) -
  4. -
  5. navigation should not happen ''immediately'' when user is more than 5 meter away from the portal/object containing the href (to prevent accidental navigation e.g.) -
  6. -
  7. URL navigation should always be reflected in the client URL-bar (in case of javascript: see [here for an example navigator), and only update the URL-bar after the scene (default fragment #) has been loaded. -
  8. -
  9. In immersive XR mode, the navigator back/forward-buttons should be always visible (using a wearable e.g., see [here for an example wearable) -
  10. -
  11. make sure that the ''back-button'' of the ''browser-history'' always refers to the previous position (see [here) -
  12. -
  13. ignore previous rule in special cases, like clicking an href using camera-portal collision (the back-button could cause a teleport-loop if the previous position is too close) -
  14. -
  15. href-events should bubble upward the node-tree (from children to ancestors, so that ancestors can also conain an href), however only 1 href can be executed at the same time. -
  16. -
  17. the end-user navigator back/forward buttons should repeat a back/forward action until a #... primitive is found (the stateless xrf:// href-values should not be pushed to the url-history) -
  18. -
-» example implementation
- -» example 3D asset
- -» discussion
-
- -
Walking surfaces -
By default position 0,0,0 of the 3D scene represents the walkable plane, however this is overridden when the following applies: -
XR Fragment-compatible viewers can infer this data based scanning the scene for: - -
    -
  1. materialless (nameless & textureless) mesh-objects (without href and >0 faces)
  2. -
-
optionally the viewer can offer thumbstick, mouse or joystick teleport-tools for non-roomscale VR/AR setups. -
-
- -
Example: Virtual world rings -Consider 3D scenes linking to eachother using these href values, attached to 3D button-objects: - -
    -
  • href: schoolA.edu/projects.gltf#math
  • -
  • href: schoolB.edu/projects.gltf#math
  • -
  • href: university.edu/projects.gltf#math
  • -
-This would teleport users to the math-projects of those universities.
- -Now consider adding a 'webring index'-button to each file, with this href-value:
- -
    -
  • href: workgroup.edu/webrings.glb#!webringmenu
  • -
-This would allow displaying the (remote 3D file) webring menu with various href-buttons inside, all centrally curated by the workgroup. -
- -
Additional scene metadata -XR Fragments does not aim to redefine the metadata-space or accessibility-space by introducing its own cataloging-metadata fields. -Instead, it encourages browsers to scan nodes for the following custom properties: - -
    -
  • SPDX license information
  • -
  • ARIA attributes (aria-*: .....)
  • -
  • datapackage.json findability, accessibility, interoperability, and reusability of data
  • -
-ARIA's aria-description-metadata is normative, to aid accessibility and scene transcripts -
NOTE: please always start aria-description with a verb to aid transcripts. -
The following metadata are non-normative but encouraged, since they are popular and cheap to parse: - -
    -
  • RDF/JSON-LD like this example or via glTF's KHR_xmp_json_ld extension
  • -
  • Open Graph attributes (og:*: .....)
  • -
  • Dublin-Core attributes(dc:*: .....)
  • -
  • BibTex when known bibtex-keys exist with values enclosed in { and },
  • -
-
Example: object 'tryceratops' with aria-description: is a huge dinosaurus standing on a #mountain generates transcript #tryceratops is a huge dinosaurus standing on a #mountain, where the hashtags are clickable XR Fragments (activating the visible-links in the XR browser). -
Individual nodes can be enriched with such metadata, but most importantly the scene node: - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
metadata keyexample value
aria-description, og:description, dc:descriptionAn immersive experience about Triceratops (*)
SPDXCC0-1.0
dc:creatorJohn Doe
dc:title, og:title'Triceratops` (*)
og:site_namehttps://xrfragment.org
dc.publisherNLNET
dc.date2024-01-01
dc.identifierXRFRAGMENT-001
journal (bibTeX){Future Of Text Vol 3},
* = these are interchangable (only one needs to be defined) -
There's no silver bullet when it comes to metadata, so XR Fragment-implementations should support where the metadata is/goes. -
These attributes can be scanned and presented during an href or src eye/mouse-over. -
- -
Accessibility interface -The addressibility of XR Fragments allows for unique 3D-to-text transcripts, as well as an textual interface to navigate 3D content.
- -Spec:
-<Br>
- -
    -
  1. The enduser must be able to enable an accessibility-mode (which persists across application/webpage restarts)
  2. -
  3. Accessibility-mode must contain a text-input for the user to enter text
  4. -
  5. Accessibility-mode must contain a flexible textlog for the user to read (via screenreader, screen, or TTS e.g.)
  6. -
  7. the textlog contains aria-descriptions, and its narration (Screenreader e.g.) can be skipped (via 2-button navigation)
  8. -
  9. The back command should navigate back to the previous URL (alias for browser-backbutton)
  10. -
  11. The forward command should navigate back to the next URL (alias for browser-nextbutton)
  12. -
  13. A destination is a 3D node containing an href with a #... XR fragment (which matches a 3d object name)
  14. -
  15. The go command should list all possible destinations
  16. -
  17. The go left command should move the camera around 0.3 meters to the left
  18. -
  19. The go right command should move the camera around 0.3 meters to the right
  20. -
  21. The go forward command should move the camera 0.3 meters forward (direction of current rotation).
  22. -
  23. The rotate left command should rotate the camera 0.3 to the left
  24. -
  25. The rotate left command should rotate the camera 0.3 to the right
  26. -
  27. The (dynamic) go abc command should navigate to #scene2 in case there's a 3D node with name abc and href value #scene2
  28. -
  29. The look command should give an (contextual) 3D-to-text transcript, by scanning the aria-description values of the current #... (3D object) value (including its children)
  30. -
  31. The do command should list all possible href values which don't contain an #... XR Fragment
  32. -
  33. The (dynamic) do abc command should navigate/execute https://.../... in case a 3D node exist with name abc and href value https://.../...
  34. -
- -
Two-button navigation -For specific user-profiles, gyroscope/mouse/keyboard/audio/visuals will not be available.
- -Therefore a 2-button navigation-interface is the bare minimum interface:
- -
    -
  1. objects with href metadata can be cycled via a key (tab on a keyboard)
  2. -
  3. objects with href metadata can be activated via a key (enter on a keyboard)
  4. -
  5. the TTS reads the href-value (and/or aria-description if available)
  6. -
-
- -
Overlap with fileformat-specific extensions -Some 3D scene-fileformats have support for extensions. -What if the functionality of those overlap? -For example, GLTF has the OMI_LINK extension which might overlap with XR Fragment's href: -
Priority Order and Precedence, otherwise fallback applies -
1.Extensions Take Precedence: Since glTF-specific extensions are designed with the format’s -specific needs and optimizations in mind, they should take precedence over extras metadata -in cases where both contain overlapping functionality. -This approach aligns with the idea that extensions are more likely to be interpreted uniformly by glTF-compatible software. - -
    -
  1. Fallback Fall-through Mechanism: -If a glTF implementation does not support a particular extension, the (XRF) extras field can serve as a fallback. This way, metadata provided in extras can still be useful for applications that don't handle certain extensions.
  2. -
-
Example 1 In case of the OMI_LINK glTF extension (href: https://nlnet.nl) and an XR Fragment (href: #otherroom or href: otherplanet.glb), it is clear that https://nlnet.nl should open in a browsertab, whereas the XR Fragment links should teleport the user. If the OMI_LINK contains an XR Fragment (#room1 e.g.) a teleport should be performed only (and other [overlapping] metadata should be ignored). -Example 2 If an Extensions uses XR Fragments in URI's (href: #otherroom or href: xrf://-walls in OMI_LINK e.g.), then perform them according to XR Fragment spec (teleport user). But only once: ignore further overlapping metadata for that usecase. -
-
- -
Vendor Prefixes -Vendor-specific metadata in a 3D scenefiles, are similar to vendor-specific CSS-prefixes (-moz-opacity: 0.2 e.g.). -This allows popular 3D engines/frameworks, to initialize specific features when loading a scene/object, in a progressive enhanced way. -Vendor Prefixes allows embedding 3D engines/framework-specific features a 3D file via metadata: - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
whatXR metadataLowest common denominator
CSSvendor-agnostic2D canvas + object referencing/styling
XR Fragmentsvendor-agnostic3D camera + object(file) load/embed/click/referencing
Vendor prefixsvendor-specificSpecialized Entity-Component implementation
Why? Because not all XR interactions can/should be solved/standardized by embedding XR Fragments into any 3D file. -The lowest common denominator between 3D engines is the 'entity'-part of their entity-component-system (ECS). The 'component'-part can be progressively enhanced via vendor prefixes. -
For example, the following metadata can be added to a .glb file, to make an object grabbable in AFRAME: - - inits 'grabbable' component on object john │ -│ | / \ ├─ -aframe-material.color: '#F0A' | > inits 'material' component on object john │ -│ | ├─ -aframe-text.value: '{name}{age}'| > inits 'text' component (*) with value 'john' │ -│ | ├─ -three-material.fog: false | > changes material settings in THREE.js app │ -│ | ├─ -godot-Label3D.text: '{name}{age}'| > inits 'Label3D' component (*) in Godot │ -│ +--------+ | │ -│ | │ -├─ -GODOT-version: '4.3' | > exporters/authors can report targeted version │ -├─ -AFRAME-version: '1.6.0' | and (optionally) hint component-repo│ -├─ -AFRAME-info: 'https://git.benetou.fr/comps' │ -│ | │ -+────────────────────────────────────────────────────────────────────────────────────────────────────────+ -]]> - - -
    -
  • key/value syntax: -<vendorname>-<component|version>.<key> [string/boolean/float/int]-value
  • -
-String-templatevalues are evaluated as per URI Templates (RFC6570) Level 1. -
This 'separating of mechanism from policy' (unix rule) does somewhat break portability of an XR experience, but still prevents (E-waste of) handcoded virtual worlds. It allows for (XR experience) metadata to survive in future 3D engines and scene-fileformats. -
- -
Security Considerations -The only dynamic parts are W3C Media Fragments and URI Templates (RFC6570).
- -The use of URI Templates is limited to pre-defined variables and Level0 fragments-expansion only, which makes it quite safe.
- -n fact, it is much safer than relying on a scripting language (javascript) which can change URN too.
-
- -
FAQ -Q: Why is everything HTTP GET-based, what about POST/PUT/DELETE HATEOS
- -A: Because it's out of scope: XR Fragment specifies a read-only way to surf XR documents. These things belong in the application layer (for example, an XR Hypermedia browser can decide to support POST/PUT/DELETE requests for embedded HTML thru src values)
-Q: Why isn't there support for scripting, URI Template Fragments are so limited compared to WASM & javascript -A: This is out of scope as it unhyperifies hypermedia, and this is up to XR hypermedia browser-extensions.
- Historically scripting/Javascript seems to been able to turn webpages from hypermedia documents into its opposite (hyperscripted nonhypermedia documents).
-In order to prevent this backward-movement (hypermedia tends to liberate people from finnicky scripting) XR Fragment uses W3C Media Fragments and URI Templates (RFC6570), to prevent unhyperifying itself by hardcoupling to a particular markup or scripting language.
- -XR Fragments supports filtering objects in a scene only, because in the history of the javascript-powered web, showing/hiding document-entities seems to be one of the most popular basic usecases.
- -Doing advanced scripting & networkrequests under the hood are obviously interesting endavours, but this is something which should not be hardcoupled with XR Fragments or hypermedia.
-This perhaps belongs more to browser extensions.
- -Non-HTML Hypermedia browsers should make browser extensions the right place, to 'extend' experiences, in contrast to code/javascript inside hypermedia documents (this turned out as a hypermedia antipattern).
-
- -
authors - -
    -
  • Leon van Kammen (@lvk@mastodon.online)
  • -
  • Jens Finkhäuser (@jens@social.finkhaeuser.de)
  • -
-
- -
IANA Considerations -This document has no IANA actions. -
- -
Acknowledgments - -
    -
  • NLNET
  • -
  • Future of Text
  • -
  • visual-meta.info
  • -
  • Michiel Leenaars
  • -
  • Gerben van der Broeke
  • -
  • Mauve
  • -
  • Jens Finkhäuser
  • -
  • Marc Belmont
  • -
  • Tim Gerritsen
  • -
  • Frode Hegland
  • -
  • Brandel Zackernuk
  • -
  • Mark Anderson
  • -
-
- -
Appendix: Definitions - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
definitionexplanation
humana sentient being who thinks fuzzy, absorbs, and shares thought (by plain text, not markuplanguage)
scenea (local/remote) 3D scene or 3D file (index.gltf e.g.)
3D objectan object inside a scene characterized by vertex-, face- and customproperty data.
URIsome resource at something somewhere via someprotocol (http://me.com/foo.glb#foo or e76f8efec8efce98e6f see interpeer.io)
URLsomething somewhere via someprotocol (http://me.com/foo.glb)
URNsomething at some domain (me.com/foo.glb)
metadatacustom properties of text, 3D Scene or Object(nodes), relevant to machines and a human minority (academics/developers)
XR fragmentURI Fragment with spatial hints (which match the name of a 3D object-, camera-, animation-object)
the XRWGwordgraph (collapses 3D scene to tags)
the hashbushashtags map to camera/scene-projections
spacetime hashtagspositions camera, triggers scene-preset/time
teleportationrepositioning the enduser to a different position (or 3D scene/file)
sourceportationteleporting the enduser to the original XR Document of an src embedded object.
placeholder objecta 3D object which with src-metadata (which will be replaced by the src-data.)
src(HTML-piggybacked) metadata of a 3D object which instances content
href(HTML-piggybacked) metadata of a 3D object which links to content
filterURI Fragment(s) which show/hide object(s) in a scene based on name/tag/property (#cube&-price=>3)
visual-metavisual-meta data appended to text/books/papers which is indirectly visible/editable in XR.
requestless metadatametadata which never spawns new requests (unlike RDF/HTML, which can cause framerate-dropping, hence not used a lot in games)
FPSframes per second in spatial experiences (games,VR,AR e.g.), should be as high as possible
introspectiveinward sensemaking ("I feel this belongs to that")
extrospectiveoutward sensemaking ("I'm fairly sure John is a person who lives in oklahoma")
ascii representation of an 3D object/mesh
(un)obtrusiveobtrusive: wrapping human text/thought in XML/HTML/JSON obfuscates human text into a salad of machine-symbols and words
flat 3D objecta 3D object of which all verticies share a plane
BibTeXsimple tagging/citing/referencing standard for plaintext
BibTaga BibTeX tag
(hashtag)bibsan easy to speak/type/scan tagging SDL (see here which expands to BibTex/JSON/XML
- -
- -
diff --git a/doc/RFC_XR_Macros.html b/doc/RFC_XR_Macros.html deleted file mode 100644 index 8e48cf8..0000000 --- a/doc/RFC_XR_Macros.html +++ /dev/null @@ -1,465 +0,0 @@ - - - - XR Macros - - - - - - - - - - -
-

XR Macros

-
- -
-stream:    IETF
-area:      Internet
-status:    informational
-author:    Leon van Kammen
-date:      2023-04-12T00:00:00Z
-workgroup: Internet Engineering Task Force
-value:     draft-XRMACROS-leonvankammen-00
-
- - - -

Abstract

- -

This draft offers a specification for embedding macros in existing 3D scenes/assets, to offer simple interactions and configure the renderer further.
-Together with URI Fragments, it allows for rich immersive experiences without the need of a complicated sandboxed scripting languages.

- -
-

Almost every idea in this document is demonstrated at https://xrfragment.org, as this spec was created during the XR Fragments spec.

-
-
-

Introduction

- -

How can we add more features to existing text & 3D scenes, without introducing new dataformats?
-Historically, there’s many attempts to create the ultimate markuplanguage or 3D fileformat.
-Their lowest common denominator is: (co)authoring using plain text.
-Therefore, XR Macros allows us to enrich/connect existing dataformats, by offering a polyglot notation based on existing notations:

- -
    -
  1. getting/setting common used 3D properties using querystring- or JSON-notation
  2. -
  3. targeting 3D properties using the lightweight query notation present in XR Fragments
  4. -
- -
-

NOTE: The chapters in this document are ordered from highlevel to lowlevel (technical) as much as possible

-
- -

Core principle

- -
    -
  1. XR Macros use querystrings, but are HTML-agnostic (though pseudo-XR Fragment browsers can be implemented on top of HTML/Javascript).
  2. -
  3. An XR Macro is 3D metadata which starts with ‘!’ (!clickme: fog=0,10 e.g.)
  4. -
  5. Metadata-values can contain the | symbol to 🎲 roundrobin variable values (!toggleme: fog=0,10|fog=0,1000 e.g.)
  6. -
  7. XR Macros acts as simple eventhandlers for URI Fragments: they are automatically published on the (XR Fragments) hashbus, to act as events (so more serious scripting languages can react to them as well).
  8. -
  9. XR Macros can assign object metadata (!setlocal: foo=1 writes foo:1 metadata to the object containing the !setlocal metadata)
  10. -
  11. XR Macros can assign global metadata (!setfoo: #foo=1 writes foo:1 metadata to the root scene-node)
  12. -
- -
-

These very simple principles allow for rich interactions and dynamic querying

-
- -

Conventions and Definitions

- -

See appendix below in case certain terms are not clear.

- -

List of XR Macros

- -

(XR) Macros can be embedded in 3D assets/scenes.
-Macros enrich existing spatial content with a lowcode, limited logic-layer, by recursive (economic) use of the querystring syntax (which search engines and XR Fragments already uses.
-This is done by allowing string/integer variables, and the | symbol to roundrobin variable values.
-Macros also act as events, so more serious scripting languages can react to them as well.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
keytypeexample (JSON)functionexisting compatibility
@bgstring"@bg":"#cube"bg: binds fog near/far based to cube x/y/z (anim) valuescustom property in 3D fileformats
@fogstring"@fog":"#cube"fog: binds fog near/far based to cube x/y (anim) valuescustom property in 3D fileformats
@scrollstring"@scroll":"#cube"texturescrolling: binds texture x/y/rot based to cube x/y/z (anim) valuescustom property in 3D fileformats
@emissivestring"@emissive":"#cube"day/night/mood: binds material’s emissive value to cube x/y/z (anim) valuescustom property in 3D fileformats
- -

Usecase: click object

- - - - - - - - - - - - - - - - - -
custom propertyvaluetrigger when
!clickmebg=1,1,1&foo=2object clicked
- -

Usecase: conditional click object

- - - - - - - - - - - - - - - - - - - - - - - -
custom propertyvaluetrigger when
#foo=1scene
!clickmeq=foo>2&bg=1,1,1object clicked and foo > 2
- -
-

when a user clicks an object with the custom properties above, it should set the backgroundcolor to 1,1,1 when foo is greater than 2 (see previous example)

-
- -

Usecase: click object (roundrobin)

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
custom propertyvaluetrigger when
!cyclemeday|noon|nightobject clicked
daybg=1,1,1roundrobin
noonbg=0.5,0.5,0.5roundrobin
nightbg=0,0,0&foo=2roundrobin
- -
-

when a user clicks an object with the custom properties above, it should trigger either day noon or night in roundrobin fashion.

-
- -

Usecase: click object or URI fragment, and scene load trigger

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
custom propertyvaluetrigger when
#randomscene loaded
#randomrandomURL contains #random
!randomday|noon|night#random, # or click
daybg=1,1,1roundrobin
noonbg=0.5,0.5,0.5roundrobin
nightbg=0,0,0&foo=2roundrobin
- -

Usecase: present context menu with options

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
custom propertyvaluetrigger when
!random!day!noon
!daybg=1,1,1clicked in contextmenu
!noonbg=0.5,0.5,0.5clicked in contextmenu
!nightbg=0,0,0&foo=2clicked in contextmenu
- -
-

When interacting with an object with more than one !-macro, the XR Browser should offer a contextmenu to execute a macro.

-
- -

In a similar way, when any !-macro is present on the sceneroot, the XR Browser should offer a context-menu to execute those macro’s.

- -

Event Bubble-flow

- -

click object with (!clickme:AR or !clickme: !reset e.g.)

- -
  ◻
-  │  
-  └── does current object contain this property-key (`AR` or `!reset` e.g.)?
-         └── no: is there any (root)object containing property `AR`
-           └── yes: evaluate its (roundrobin) XR macro-value(s) (and exit)
-           └── no: trigger URL: #AR 
-
- -

click object with (!clickme:#AR|#VR e.g.)

- -
  ◻
-  │  
-  └── apply the roundrobin (rotate the options, value `#AR` becomes `#VR` upon next click)
-      └── is there any object with property-key (`#AR` e.g.)?
-         └── no: just update the URL to `#AR`
-           └── yes: apply its value to the scene, and update the URL to `#AR`
-
-click object with (`!clickme`:`!foo|!bar|!flop` e.g.)
-
- -

◻ - │
- └── apply the roundrobin (rotate the options, value !foo becomes !bar upon next click) - └── is there any object with property-key (!foo e.g.)? - └── no: do nothing - └── yes: apply its value to the scene -“`

- -
-

Note that only macro’s can trigger roundrobin values or contextmenu’s, as well as roundrobin values never ending up in the toplevel URL.

-
- -

Security Considerations

- -

IANA Considerations

- -

This document has no IANA actions.

- -

Acknowledgments

- - - -

Appendix: Definitions

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
definitionexplanation
scenea (local/remote) 3D scene or 3D file (index.gltf e.g.)
3D objectan object inside a scene characterized by vertex-, face- and customproperty data.
XR fragmentsURI Fragment with spatial hints like #pos=0,0,0&t=1,100 e.g.
queryan URI Fragment-operator which queries object(s) from a scene like #q=cube
FPSframes per second in spatial experiences (games,VR,AR e.g.), should be as high as possible
ascii representation of an 3D object/mesh
(un)obtrusiveobtrusive: wrapping human text/thought in XML/HTML/JSON obfuscates human text into a salad of machine-symbols and words
-
- - - - diff --git a/doc/RFC_XR_Macros.md b/doc/RFC_XR_Macros.md deleted file mode 100644 index c0ef009..0000000 --- a/doc/RFC_XR_Macros.md +++ /dev/null @@ -1,251 +0,0 @@ -%%% -Title = "XR Macros" -area = "Internet" -workgroup = "Internet Engineering Task Force" - -[seriesInfo] -name = "XR-Macros" -value = "draft-XRMACROS-leonvankammen-00" -stream = "IETF" -status = "informational" - -date = 2023-04-12T00:00:00Z - -[[author]] -initials="L.R." -surname="van Kammen" -fullname="L.R. van Kammen" - -%%% - - - - - -.# Abstract - -This draft offers a specification for embedding macros in existing 3D scenes/assets, to offer simple interactions and configure the renderer further.
-Together with URI Fragments, it allows for rich immersive experiences without the need of a complicated sandboxed scripting languages. - -> Almost every idea in this document is demonstrated at [https://xrfragment.org](https://xrfragment.org), as this spec was created during the [XR Fragments](https://xrfragment.org) spec. - -{mainmatter} - -# Introduction - -How can we add more features to existing text & 3D scenes, without introducing new dataformats?
-Historically, there's many attempts to create the ultimate markuplanguage or 3D fileformat.
-Their lowest common denominator is: (co)authoring using plain text.
-Therefore, XR Macros allows us to enrich/connect existing dataformats, by offering a polyglot notation based on existing notations:
- -1. getting/setting common used 3D properties using querystring- or JSON-notation -1. targeting 3D properties using the lightweight query notation present in [XR Fragments](https://xrfragment.org) - -> NOTE: The chapters in this document are ordered from highlevel to lowlevel (technical) as much as possible - -# Core principle - -1. XR Macros use querystrings, but are HTML-agnostic (though pseudo-XR Fragment browsers **can** be implemented on top of HTML/Javascript). -1. An XR Macro is 3D metadata which starts with '!' (`!clickme: fog=0,10` e.g.) -1. Metadata-values can contain the `|` symbol to 🎲 roundrobin variable values (`!toggleme: fog=0,10|fog=0,1000` e.g.) -1. XR Macros acts as simple eventhandlers for URI Fragments: they are automatically published on the ([XR Fragments](https://xrfragment.org)) hashbus, to act as events (so more serious scripting languages can react to them as well). -1. XR Macros can assign object metadata (`!setlocal: foo=1` writes `foo:1` metadata to the object containing the `!setlocal` metadata) -1. XR Macros can assign global metadata (`!setfoo: #foo=1` writes `foo:1` metadata to the root scene-node) - -> These very simple principles allow for rich interactions and dynamic querying - -# Conventions and Definitions - -See appendix below in case certain terms are not clear. - -# List of XR Macros - -(XR) Macros can be embedded in 3D assets/scenes.
-Macros enrich existing spatial content with a lowcode, limited logic-layer, by recursive (economic) use of the querystring syntax (which search engines and [XR Fragments](https://xrfragment.org) already uses.
-This is done by allowing string/integer variables, and the `|` symbol to roundrobin variable values.
-Macros also act as events, so more serious scripting languages can react to them as well.
- -| key | type | example (JSON) | function | existing compatibility | -|--------------|----------|------------------------|---------------------|----------------------------------------| -| `@bg` | string | `"@bg":"#cube"` | bg: binds fog near/far based to cube x/y/z (anim) values | custom property in 3D fileformats | -| `@fog` | string | `"@fog":"#cube"` | fog: binds fog near/far based to cube x/y (anim) values | custom property in 3D fileformats | -| `@scroll` | string | `"@scroll":"#cube"` | texturescrolling: binds texture x/y/rot based to cube x/y/z (anim) values | custom property in 3D fileformats | -| `@emissive` | string | `"@emissive":"#cube"` | day/night/mood: binds material's emissive value to cube x/y/z (anim) values | custom property in 3D fileformats | - -## Usecase: click object - -| custom property | value | trigger when | -|-----------------|--------------------------|------------------------| -| !clickme | bg=1,1,1&foo=2 | object clicked | - -## Usecase: conditional click object - -| custom property | value | trigger when | -|-----------------|--------------------------|-----------------------------| -| # | foo=1 | scene | -| !clickme | q=foo>2&bg=1,1,1 | object clicked and foo > 2 | - -> when a user clicks an object with the custom properties above, it should set the backgroundcolor to `1,1,1` when `foo` is greater than `2` (see previous example) - -## Usecase: click object (roundrobin) - -| custom property | value | trigger when | -|-----------------|--------------------------|------------------------| -| !cycleme | day|noon|night | object clicked | -| day | bg=1,1,1 | roundrobin | -| noon | bg=0.5,0.5,0.5 | roundrobin | -| night | bg=0,0,0&foo=2 | roundrobin | - -> when a user clicks an object with the custom properties above, it should trigger either `day` `noon` or `night` in roundrobin fashion. - -## Usecase: click object or URI fragment, and scene load trigger - -| custom property | value | trigger when | -|-----------------|--------------------------|------------------------| -| # | random | scene loaded | -| #random | random | URL contains #random | -| !random | day|noon|night | #random, # or click | -| day | bg=1,1,1 | roundrobin | -| noon | bg=0.5,0.5,0.5 | roundrobin | -| night | bg=0,0,0&foo=2 | roundrobin | - -## Usecase: present context menu with options - -| custom property | value | trigger when | -|-----------------|--------------------------|------------------------| -| !random | !day|!noon|!night | clicked in contextmenu | -| !day | bg=1,1,1 | clicked in contextmenu | -| !noon | bg=0.5,0.5,0.5 | clicked in contextmenu | -| !night | bg=0,0,0&foo=2 | clicked in contextmenu | - -> When interacting with an object with more than one `!`-macro, the XR Browser should offer a contextmenu to execute a macro. - -In a similar way, when **any** `!`-macro is present on the sceneroot, the XR Browser should offer a context-menu to execute those macro's. - -## Event Bubble-flow - -click object with (`!clickme`:`AR` or `!clickme`: `!reset` e.g.) -``` - ◻ - │ - └── does current object contain this property-key (`AR` or `!reset` e.g.)? - └── no: is there any (root)object containing property `AR` - └── yes: evaluate its (roundrobin) XR macro-value(s) (and exit) - └── no: trigger URL: #AR -``` - -click object with (`!clickme`:`#AR|#VR` e.g.) -``` - ◻ - │ - └── apply the roundrobin (rotate the options, value `#AR` becomes `#VR` upon next click) - └── is there any object with property-key (`#AR` e.g.)? - └── no: just update the URL to `#AR` - └── yes: apply its value to the scene, and update the URL to `#AR` - -click object with (`!clickme`:`!foo|!bar|!flop` e.g.) -``` - ◻ - │ - └── apply the roundrobin (rotate the options, value `!foo` becomes `!bar` upon next click) - └── is there any object with property-key (`!foo` e.g.)? - └── no: do nothing - └── yes: apply its value to the scene -``` - -> Note that only macro's can trigger roundrobin values or contextmenu's, as well as roundrobin values never ending up in the toplevel URL. - -# Security Considerations - - -# IANA Considerations - -This document has no IANA actions. - -# Acknowledgments - -* [NLNET](https://nlnet.nl) -* [Future of Text](https://futureoftext.org) -* [visual-meta.info](https://visual-meta.info) - -# Appendix: Definitions - -|definition | explanation | -|----------------------|-------------------------------------------------------------------------------------------------------------------------------| -|scene | a (local/remote) 3D scene or 3D file (index.gltf e.g.) | -|3D object | an object inside a scene characterized by vertex-, face- and customproperty data. | -|XR fragments | URI Fragment with spatial hints like `#pos=0,0,0&t=1,100` e.g. | -|query | an URI Fragment-operator which queries object(s) from a scene like `#q=cube` | -|FPS | frames per second in spatial experiences (games,VR,AR e.g.), should be as high as possible | -|`◻` | ascii representation of an 3D object/mesh | -|(un)obtrusive | obtrusive: wrapping human text/thought in XML/HTML/JSON obfuscates human text into a salad of machine-symbols and words | - diff --git a/doc/RFC_XR_Macros.txt b/doc/RFC_XR_Macros.txt deleted file mode 100644 index e92a95f..0000000 --- a/doc/RFC_XR_Macros.txt +++ /dev/null @@ -1,392 +0,0 @@ - - - - -Internet Engineering Task Force L.R. van Kammen -Internet-Draft 24 September 2025 -Intended status: Informational - - - - XR Macros - draft-XRMACROS-leonvankammen-00 - -Abstract - - This draft offers a specification for embedding macros in existing 3D - scenes/assets, to offer simple interactions and configure the - renderer further. - Together with URI Fragments, it allows for rich immersive experiences - without the need of a complicated sandboxed scripting languages. - - Almost every idea in this document is demonstrated at - https://xrfragment.org (https://xrfragment.org), as this spec was - created during the XR Fragments (https://xrfragment.org) spec. - -Status of This Memo - - This Internet-Draft is submitted in full conformance with the - provisions of BCP 78 and BCP 79. - - Internet-Drafts are working documents of the Internet Engineering - Task Force (IETF). Note that other groups may also distribute - working documents as Internet-Drafts. The list of current Internet- - Drafts is at https://datatracker.ietf.org/drafts/current/. - - Internet-Drafts are draft documents valid for a maximum of six months - and may be updated, replaced, or obsoleted by other documents at any - time. It is inappropriate to use Internet-Drafts as reference - material or to cite them other than as "work in progress." - - This Internet-Draft will expire on 28 March 2026. - -Copyright Notice - - Copyright (c) 2025 IETF Trust and the persons identified as the - document authors. All rights reserved. - - This document is subject to BCP 78 and the IETF Trust's Legal - Provisions Relating to IETF Documents (https://trustee.ietf.org/ - license-info) in effect on the date of publication of this document. - Please review these documents carefully, as they describe your rights - and restrictions with respect to this document. Code Components - - - -van Kammen Expires 28 March 2026 [Page 1] - -Internet-Draft XR Macros September 2025 - - - extracted from this document must include Revised BSD License text as - described in Section 4.e of the Trust Legal Provisions and are - provided without warranty as described in the Revised BSD License. - -Table of Contents - - 1. Introduction . . . . . . . . . . . . . . . . . . . . . . . . 2 - 2. Core principle . . . . . . . . . . . . . . . . . . . . . . . 2 - 3. Conventions and Definitions . . . . . . . . . . . . . . . . . 3 - 4. List of XR Macros . . . . . . . . . . . . . . . . . . . . . . 3 - 4.1. Usecase: click object . . . . . . . . . . . . . . . . . . 4 - 4.2. Usecase: conditional click object . . . . . . . . . . . . 4 - 4.3. Usecase: click object (roundrobin) . . . . . . . . . . . 5 - 4.4. Usecase: click object or URI fragment, and scene load - trigger . . . . . . . . . . . . . . . . . . . . . . . . . 5 - 4.5. Usecase: present context menu with options . . . . . . . 6 - 4.6. Event Bubble-flow . . . . . . . . . . . . . . . . . . . . 6 - 5. Security Considerations . . . . . . . . . . . . . . . . . . . 7 - 6. IANA Considerations . . . . . . . . . . . . . . . . . . . . . 7 - 7. Acknowledgments . . . . . . . . . . . . . . . . . . . . . . . 7 - 8. Appendix: Definitions . . . . . . . . . . . . . . . . . . . . 7 - -1. Introduction - - How can we add more features to existing text & 3D scenes, without - introducing new dataformats? - Historically, there's many attempts to create the ultimate - markuplanguage or 3D fileformat. - Their lowest common denominator is: (co)authoring using plain text. - Therefore, XR Macros allows us to enrich/connect existing - dataformats, by offering a polyglot notation based on existing - notations: - - 1. getting/setting common used 3D properties using querystring- or - JSON-notation - 2. targeting 3D properties using the lightweight query notation - present in XR Fragments (https://xrfragment.org) - - | NOTE: The chapters in this document are ordered from highlevel to - | lowlevel (technical) as much as possible - -2. Core principle - - 1. XR Macros use querystrings, but are HTML-agnostic (though pseudo- - XR Fragment browsers *can* be implemented on top of HTML/ - Javascript). - 2. An XR Macro is 3D metadata which starts with '!' (!clickme: - fog=0,10 e.g.) - - - -van Kammen Expires 28 March 2026 [Page 2] - -Internet-Draft XR Macros September 2025 - - - 3. Metadata-values can contain the | symbol to 🎲 roundrobin variable - values (!toggleme: fog=0,10|fog=0,1000 e.g.) - 4. XR Macros acts as simple eventhandlers for URI Fragments: they - are automatically published on the (XR Fragments - (https://xrfragment.org)) hashbus, to act as events (so more - serious scripting languages can react to them as well). - 5. XR Macros can assign object metadata (!setlocal: foo=1 writes - foo:1 metadata to the object containing the !setlocal metadata) - 6. XR Macros can assign global metadata (!setfoo: #foo=1 writes - foo:1 metadata to the root scene-node) - - | These very simple principles allow for rich interactions and - | dynamic querying - -3. Conventions and Definitions - - See appendix below in case certain terms are not clear. - -4. List of XR Macros - - (XR) Macros can be embedded in 3D assets/scenes. - Macros enrich existing spatial content with a lowcode, limited logic- - layer, by recursive (economic) use of the querystring syntax (which - search engines and XR Fragments (https://xrfragment.org) already - uses. - This is done by allowing string/integer variables, and the | symbol - to roundrobin variable values. - Macros also act as events, so more serious scripting languages can - react to them as well. - - - - - - - - - - - - - - - - - - - - - - -van Kammen Expires 28 March 2026 [Page 3] - -Internet-Draft XR Macros September 2025 - - - +=========+======+===================+=================+=============+ - |key |type |example (JSON) |function |existing | - | | | | |compatibility| - +=========+======+===================+=================+=============+ - |@bg |string|"@bg":"#cube" |bg: binds fog |custom | - | | | |near/far based to|property in | - | | | |cube x/y/z (anim)|3D | - | | | |values |fileformats | - +---------+------+-------------------+-----------------+-------------+ - |@fog |string|"@fog":"#cube" |fog: binds fog |custom | - | | | |near/far based to|property in | - | | | |cube x/y (anim) |3D | - | | | |values |fileformats | - +---------+------+-------------------+-----------------+-------------+ - |@scroll |string|"@scroll":"#cube" |texturescrolling:|custom | - | | | |binds texture |property in | - | | | |x/y/rot based to |3D | - | | | |cube x/y/z (anim)|fileformats | - | | | |values | | - +---------+------+-------------------+-----------------+-------------+ - |@emissive|string|"@emissive":"#cube"|day/night/mood: |custom | - | | | |binds material's |property in | - | | | |emissive value to|3D | - | | | |cube x/y/z (anim)|fileformats | - | | | |values | | - +---------+------+-------------------+-----------------+-------------+ - - Table 1 - -4.1. Usecase: click object - - +=================+================+================+ - | custom property | value | trigger when | - +=================+================+================+ - | !clickme | bg=1,1,1&foo=2 | object clicked | - +-----------------+----------------+----------------+ - - Table 2 - -4.2. Usecase: conditional click object - - +=================+==================+============================+ - | custom property | value | trigger when | - +=================+==================+============================+ - | # | foo=1 | scene | - +-----------------+------------------+----------------------------+ - | !clickme | q=foo>2&bg=1,1,1 | object clicked and foo > 2 | - +-----------------+------------------+----------------------------+ - - - -van Kammen Expires 28 March 2026 [Page 4] - -Internet-Draft XR Macros September 2025 - - - Table 3 - - | when a user clicks an object with the custom properties above, it - | should set the backgroundcolor to 1,1,1 when foo is greater than 2 - | (see previous example) - -4.3. Usecase: click object (roundrobin) - - +=================+================+================+ - | custom property | value | trigger when | - +=================+================+================+ - | !cycleme | day|noon|night | object clicked | - +-----------------+----------------+----------------+ - | day | bg=1,1,1 | roundrobin | - +-----------------+----------------+----------------+ - | noon | bg=0.5,0.5,0.5 | roundrobin | - +-----------------+----------------+----------------+ - | night | bg=0,0,0&foo=2 | roundrobin | - +-----------------+----------------+----------------+ - - Table 4 - - | when a user clicks an object with the custom properties above, it - | should trigger either day noon or night in roundrobin fashion. - -4.4. Usecase: click object or URI fragment, and scene load trigger - - +=================+================+======================+ - | custom property | value | trigger when | - +=================+================+======================+ - | # | random | scene loaded | - +-----------------+----------------+----------------------+ - | #random | random | URL contains #random | - +-----------------+----------------+----------------------+ - | !random | day|noon|night | #random, # or click | - +-----------------+----------------+----------------------+ - | day | bg=1,1,1 | roundrobin | - +-----------------+----------------+----------------------+ - | noon | bg=0.5,0.5,0.5 | roundrobin | - +-----------------+----------------+----------------------+ - | night | bg=0,0,0&foo=2 | roundrobin | - +-----------------+----------------+----------------------+ - - Table 5 - - - - - - - -van Kammen Expires 28 March 2026 [Page 5] - -Internet-Draft XR Macros September 2025 - - -4.5. Usecase: present context menu with options - - +=================+================+========================+ - | custom property | value | trigger when | - +=================+================+========================+ - | !random | !day | !noon | - +-----------------+----------------+------------------------+ - | !day | bg=1,1,1 | clicked in contextmenu | - +-----------------+----------------+------------------------+ - | !noon | bg=0.5,0.5,0.5 | clicked in contextmenu | - +-----------------+----------------+------------------------+ - | !night | bg=0,0,0&foo=2 | clicked in contextmenu | - +-----------------+----------------+------------------------+ - - Table 6 - - | When interacting with an object with more than one !-macro, the XR - | Browser should offer a contextmenu to execute a macro. - - In a similar way, when *any* !-macro is present on the sceneroot, the - XR Browser should offer a context-menu to execute those macro's. - -4.6. Event Bubble-flow - - click object with (!clickme:AR or !clickme: !reset e.g.) - - ◻ - │ - └── does current object contain this property-key (`AR` or `!reset` e.g.)? - └── no: is there any (root)object containing property `AR` - └── yes: evaluate its (roundrobin) XR macro-value(s) (and exit) - └── no: trigger URL: #AR - - click object with (!clickme:#AR|#VR e.g.) - - ◻ - │ - └── apply the roundrobin (rotate the options, value `#AR` becomes `#VR` upon next click) - └── is there any object with property-key (`#AR` e.g.)? - └── no: just update the URL to `#AR` - └── yes: apply its value to the scene, and update the URL to `#AR` - -click object with (`!clickme`:`!foo|!bar|!flop` e.g.) - - ◻ │ - └── apply the roundrobin (rotate the options, value !foo becomes !bar - upon next click) └── is there any object with property-key (!foo - e.g.)? └── no: do nothing └── yes: apply its value to the scene ``` - - - -van Kammen Expires 28 March 2026 [Page 6] - -Internet-Draft XR Macros September 2025 - - - | Note that only macro's can trigger roundrobin values or - | contextmenu's, as well as roundrobin values never ending up in the - | toplevel URL. - -5. Security Considerations - -6. IANA Considerations - - This document has no IANA actions. - -7. Acknowledgments - - * NLNET (https://nlnet.nl) - * Future of Text (https://futureoftext.org) - * visual-meta.info (https://visual-meta.info) - -8. Appendix: Definitions - - +===============+===================================================+ - | definition | explanation | - +===============+===================================================+ - | scene | a (local/remote) 3D scene or 3D file | - | | (index.gltf e.g.) | - +---------------+---------------------------------------------------+ - | 3D object | an object inside a scene characterized by | - | | vertex-, face- and customproperty data. | - +---------------+---------------------------------------------------+ - | XR fragments | URI Fragment with spatial hints like | - | | #pos=0,0,0&t=1,100 e.g. | - +---------------+---------------------------------------------------+ - | query | an URI Fragment-operator which queries | - | | object(s) from a scene like #q=cube | - +---------------+---------------------------------------------------+ - | FPS | frames per second in spatial experiences | - | | (games,VR,AR e.g.), should be as high as | - | | possible | - +---------------+---------------------------------------------------+ - | ◻ | ascii representation of an 3D object/mesh | - +---------------+---------------------------------------------------+ - | (un)obtrusive | obtrusive: wrapping human text/thought in | - | | XML/HTML/JSON obfuscates human text into | - | | a salad of machine-symbols and words | - +---------------+---------------------------------------------------+ - - Table 7 - - - - - - -van Kammen Expires 28 March 2026 [Page 7] diff --git a/doc/RFC_XR_Macros.xml b/doc/RFC_XR_Macros.xml deleted file mode 100644 index 0150e79..0000000 --- a/doc/RFC_XR_Macros.xml +++ /dev/null @@ -1,381 +0,0 @@ - - - - - -XR Macros -
-
-Internet -Internet Engineering Task Force - - -This draft offers a specification for embedding macros in existing 3D scenes/assets, to offer simple interactions and configure the renderer further.
- -Together with URI Fragments, it allows for rich immersive experiences without the need of a complicated sandboxed scripting languages.
-Almost every idea in this document is demonstrated at https://xrfragment.org, as this spec was created during the XR Fragments spec. -
- -
- - - -
Introduction -How can we add more features to existing text & 3D scenes, without introducing new dataformats?
- -Historically, there's many attempts to create the ultimate markuplanguage or 3D fileformat.
- -Their lowest common denominator is: (co)authoring using plain text.
- -Therefore, XR Macros allows us to enrich/connect existing dataformats, by offering a polyglot notation based on existing notations:
-
- -
    -
  1. getting/setting common used 3D properties using querystring- or JSON-notation
  2. -
  3. targeting 3D properties using the lightweight query notation present in XR Fragments
  4. -
-
NOTE: The chapters in this document are ordered from highlevel to lowlevel (technical) as much as possible -
- -
Core principle - -
    -
  1. XR Macros use querystrings, but are HTML-agnostic (though pseudo-XR Fragment browsers can be implemented on top of HTML/Javascript).
  2. -
  3. An XR Macro is 3D metadata which starts with '!' (!clickme: fog=0,10 e.g.)
  4. -
  5. Metadata-values can contain the | symbol to 🎲 roundrobin variable values (!toggleme: fog=0,10|fog=0,1000 e.g.)
  6. -
  7. XR Macros acts as simple eventhandlers for URI Fragments: they are automatically published on the (XR Fragments) hashbus, to act as events (so more serious scripting languages can react to them as well).
  8. -
  9. XR Macros can assign object metadata (!setlocal: foo=1 writes foo:1 metadata to the object containing the !setlocal metadata)
  10. -
  11. XR Macros can assign global metadata (!setfoo: #foo=1 writes foo:1 metadata to the root scene-node)
  12. -
-
These very simple principles allow for rich interactions and dynamic querying -
- -
Conventions and Definitions -See appendix below in case certain terms are not clear. -
- -
List of XR Macros -(XR) Macros can be embedded in 3D assets/scenes.
- -Macros enrich existing spatial content with a lowcode, limited logic-layer, by recursive (economic) use of the querystring syntax (which search engines and XR Fragments already uses.
- -This is done by allowing string/integer variables, and the | symbol to roundrobin variable values.
- -Macros also act as events, so more serious scripting languages can react to them as well.
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
keytypeexample (JSON)functionexisting compatibility
@bgstring"@bg":"#cube"bg: binds fog near/far based to cube x/y/z (anim) valuescustom property in 3D fileformats
@fogstring"@fog":"#cube"fog: binds fog near/far based to cube x/y (anim) valuescustom property in 3D fileformats
@scrollstring"@scroll":"#cube"texturescrolling: binds texture x/y/rot based to cube x/y/z (anim) valuescustom property in 3D fileformats
@emissivestring"@emissive":"#cube"day/night/mood: binds material's emissive value to cube x/y/z (anim) valuescustom property in 3D fileformats
-
Usecase: click object - - - - - - - - - - - - - - - - -
custom propertyvaluetrigger when
!clickmebg=1,1,1&foo=2object clicked
- -
Usecase: conditional click object - - - - - - - - - - - - - - - - - - - - - - -
custom propertyvaluetrigger when
#foo=1scene
!clickmeq=foo>2&bg=1,1,1object clicked and foo > 2
when a user clicks an object with the custom properties above, it should set the backgroundcolor to 1,1,1 when foo is greater than 2 (see previous example) -
- -
Usecase: click object (roundrobin) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
custom propertyvaluetrigger when
!cyclemeday|noon|nightobject clicked
daybg=1,1,1roundrobin
noonbg=0.5,0.5,0.5roundrobin
nightbg=0,0,0&foo=2roundrobin
when a user clicks an object with the custom properties above, it should trigger either day noon or night in roundrobin fashion. -
- -
Usecase: click object or URI fragment, and scene load trigger - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
custom propertyvaluetrigger when
#randomscene loaded
#randomrandomURL contains #random
!randomday|noon|night#random, # or click
daybg=1,1,1roundrobin
noonbg=0.5,0.5,0.5roundrobin
nightbg=0,0,0&foo=2roundrobin
- -
Usecase: present context menu with options - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
custom propertyvaluetrigger when
!random!day!noon
!daybg=1,1,1clicked in contextmenu
!noonbg=0.5,0.5,0.5clicked in contextmenu
!nightbg=0,0,0&foo=2clicked in contextmenu
When interacting with an object with more than one !-macro, the XR Browser should offer a contextmenu to execute a macro. -
In a similar way, when any !-macro is present on the sceneroot, the XR Browser should offer a context-menu to execute those macro's. -
- -
Event Bubble-flow -click object with (!clickme:AR or !clickme: !reset e.g.) - - - -click object with (!clickme:#AR|#VR e.g.) - - - -◻ - │
- └── apply the roundrobin (rotate the options, value !foo becomes !bar upon next click) - └── is there any object with property-key (!foo e.g.)? - └── no: do nothing - └── yes: apply its value to the scene -```
-
Note that only macro's can trigger roundrobin values or contextmenu's, as well as roundrobin values never ending up in the toplevel URL. -
-
- -
Security Considerations -
- -
IANA Considerations -This document has no IANA actions. -
- -
Acknowledgments - -
    -
  • NLNET
  • -
  • Future of Text
  • -
  • visual-meta.info
  • -
-
- -
Appendix: Definitions - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
definitionexplanation
scenea (local/remote) 3D scene or 3D file (index.gltf e.g.)
3D objectan object inside a scene characterized by vertex-, face- and customproperty data.
XR fragmentsURI Fragment with spatial hints like #pos=0,0,0&t=1,100 e.g.
queryan URI Fragment-operator which queries object(s) from a scene like #q=cube
FPSframes per second in spatial experiences (games,VR,AR e.g.), should be as high as possible
ascii representation of an 3D object/mesh
(un)obtrusiveobtrusive: wrapping human text/thought in XML/HTML/JSON obfuscates human text into a salad of machine-symbols and words
- -
- -
diff --git a/doc/fragments.awk b/doc/fragments.awk deleted file mode 100644 index 63640ef..0000000 --- a/doc/fragments.awk +++ /dev/null @@ -1,53 +0,0 @@ -BEGIN{ - ROUNDROBIN="🎲" - ASSET="🔒" - OVERRIDE="🔓" - PV_OVERRIDE="💥" - NAVIGATOR="👩" - PROMPT="✋?" - EMBEDDED="🔗" - print "| fragment | type | access | scope |" - print "|----------|------|--------------|-------|" -} - -END{ - print "" - print ASSET" = value(s) can only defined in 3D asset (immutable)
" - print OVERRIDE" = value(s) can be overwritten in certain context
" - print ROUNDROBIN" = multiple values will be roundrobin'ed (`#pos=0,0,0|1,0,0` e.g.)
" - print PV_OVERRIDE" = value(s) can be overwritten by [predefined_view](#predefined_view)
" - print NAVIGATOR" = value(s) can be overwritten when user clicks `href` (value) or top-level URL change(see [How it works](#How%20it%20works))
" - print EMBEDDED" = value(s) can be overwritten when 3D asset is embedded/linked as `src` value
" - print PROMPT" = value(s) can be overwritten by offering confirmation/undo to user

" - print "" - print "for more info see [How it works](#How%20it%20works)" -} - -/category:/ { - $1=$2="" - sub(/^[[:space:]]+/, "", $0 ) # remove leading spaces - sub(/[[:space:]]+$/, "", $0 ) # remove trailing spaces - scope=$0 -} - - -/Frag.*XRF\.*/ { - gsub(/.*\("/,"",$1) - gsub(/".*/,"",$1) - type="string" - perms = $0 ~ /OVERRIDE/ ? OVERRIDE : ASSET - frag=$1 - $1="" - if( $0 ~ /T_INT/ ) type="int" - if( $0 ~ /T_STRING_OBJ/ ) type="[string object](string object ) " - if( $0 ~ /T_VECTOR2/ ) type="[vector2](#vector ) " - if( $0 ~ /T_VECTOR3/ ) type="[vector3](#vector ) " - if( $0 ~ /T_URL/ ) type="[url](#url ) " - if( $0 ~ /T_PREDEFINED_VIEW/ ) type="[predefined view](#predefined_view ) " - if( $0 ~ /ROUNDROBIN/ ) perms=perms" "ROUNDROBIN - if( $0 ~ /PV_OVERRIDE/ ) perms=perms" "PV_OVERRIDE - if( $0 ~ /NAVIGATOR/ ) perms=perms" "NAVIGATOR - if( $0 ~ /EMBEDDED/ ) perms=perms" "EMBEDDED - if( $0 ~ /PROMPT/ ) perms=perms" "PROMPT - print "| **"frag"** |" type "|" perms "|" scope "|" -} diff --git a/doc/generate.awk b/doc/generate.awk deleted file mode 100644 index 235fa66..0000000 --- a/doc/generate.awk +++ /dev/null @@ -1,33 +0,0 @@ -# a no-nonsense source-to-markdown generator which scans for: -# -# /** -# * # foo -# * -# * this is markdown $(cat bar.md) -# */ -# -# var foo; // comment with 2 leading spaces is markdown too $(date) -# -# easily refactorable to hash-based languages (py/bash/perl/lua e.g.) -# by changing the regexes -# -/\$\(/ { cmd=$0; - gsub(/^.*\$\(/,"",cmd); - gsub(/\).*/,"",cmd); - cmd | getline stdout; close(cmd); - sub(/\$\(.*\)/,stdout); - } -/\/\*\*/ { doc=1; sub(/^.*\/\*/,""); } -doc && /\*\// { doc=0; - sub(/[[:space:]]*\*\/.*/,""); - sub(/^[[:space:]]*\*[[:space:]]?/,""); - print - } -doc && /^[[:space:]]*\*/ { sub(/^[[:space:]]*\*[[:space:]]?/,""); - print - } -!doc && /\/\/ / { sub(".*// ",""); - sub("# ","\n# "); - sub("> ","\n> "); - print - } diff --git a/doc/generate.sh b/doc/generate.sh deleted file mode 100755 index 65438d8..0000000 --- a/doc/generate.sh +++ /dev/null @@ -1,10 +0,0 @@ -#!/bin/sh -set -e - -for topic in Fragments Macros; do - mmark RFC_XR_$topic.md > RFC_XR_$topic.xml - mmark --html RFC_XR_$topic.md | grep -vE '()' > RFC_XR_$topic.html - xml2rfc --v3 RFC_XR_$topic.xml # RFC_XR_$topic.txt - sed -i 's/Expires: .*//g' RFC_XR_$topic.txt - convert -size 700x2400 xc:white -font "FreeMono" +antialias -pointsize 12 -fill black -annotate +15+15 "@RFC_XR_Fragments.txt" -colorspace gray +dither -posterize 6 RF6_XR_Fragments.png -done diff --git a/doc/notes/prio.md b/doc/notes/prio.md deleted file mode 100644 index e16e5f3..0000000 --- a/doc/notes/prio.md +++ /dev/null @@ -1,3 +0,0 @@ -\#static allow client to ignore lower-prio objects in the renderloop, to compensate frame-drop/cpu/gpu-overload scenario’s - -Q: should `-` be used to indicate 'lowering' priority (css's `z-index` 0-??? range is a bit confusing in that sense) diff --git a/doc/shell.nix b/doc/shell.nix deleted file mode 100644 index 98dd498..0000000 --- a/doc/shell.nix +++ /dev/null @@ -1,25 +0,0 @@ -{ pkgs ? import {} } : -{ - - pkgs = import (builtins.fetchGit { - name = "nixos-23.05"; - url = "https://github.com/nixos/nixpkgs/"; - ref = "refs/heads/nixos-unstable"; - rev = "ef99fa5c5ed624460217c31ac4271cfb5cb2502c"; - }); - - foo = pkgs.mkShell { - # nativeBuildInputs is usually what you want -- tools you need to run - nativeBuildInputs = with pkgs.buildPackages; [ - - mmark - xml2rfc - python312Packages.lxml - wkhtmltopdf-bin - imagemagick - - ]; - }; - - # to create [markdown] table of contents use LLM with this input: awk '/id="/ { print $0 }' RFC_XR_Fragments.html | grep -v idx -} diff --git a/doc/style.css b/doc/style.css deleted file mode 100644 index 0a12822..0000000 --- a/doc/style.css +++ /dev/null @@ -1,489 +0,0 @@ -:root { - --color-a: black; - --color-at: #000000CC; - --color-b: #222; - --color-c: #444; - --color-d: #888; - --color-e: #FF0; - --color-f: #CCC; - --color-g: #FFF; - --color-gt: #FFF5; - --params-width: 320px; - --font-1: 'Montserrat', sans-serif; - --font-2: monospace, courier; - --font-size-1: 57px; - --font-size-2: 26px; - --font-size-3: 18px; - --font-size-4: 15px; - --gutter-1: 10%; - --gradient-1: linear-gradient(45deg, #dc2454 0%, #944a9d 51%, #4824dc 100%); - --gradient-2: linear-gradient(45deg, #dc2454 0%, #944a9d 21%, #4824dc 50%,#dc2454 70%, #944a9d 88%, #4824dc 100%); -} - -body>h1:nth-child(1) { - display:none; -} - -body{ - position:relative; - width:100%; - height:100vh; - color: var(--color-d); - line-height: 38px; - margin:0; - padding:0; - font-size: var(--font-size-3); -} - -* { - font-family: var(--font-1); - font-size: var(--font-size-3); - font-weight:500; - color: var(--color-c); -} - -img, -.img{ - image-rendering: -webkit-optimize-contrast; -} - -#jumbotron{ - margin-top:50px; -} - -b{ - font-weight: 700; -} - -h1 { - color: var(--color-c); - font-size: var(--font-size-1); - font-weight:700; - margin: 0; - line-height: 11vh; - padding-right:40px; -} - -h2 { - font-size: var(--font-size-2); - font-weight:400; - padding-right:40px; -} - -h3 { - background-image: var(--gradient-1); - color: var(--color-g); - display:inline; - border-radius: 5px; - padding: 2px 10px 2px 10px; - font-weight: 600; - font-size: var(--font-size-4); - text-transform:uppercase; - white-space:nowrap; -} - -@media only screen and (max-width: 700px) { - body { - font-size: var(--font-size-3); - line-height: 40px; - } - svg.img{ - transform: scale(0.8); - } - .content{ - padding-top: 60px; - margin-left: 27px !important; - padding-right: 54px !important; - } - .heading{ - transform:scale(0.7); - } - -} - -table { - border:none; - box-shadow: 0px 0px 10px #0005; - padding:20px; - background: transparent !important; - border-radius:4px; -} -table tr td, -table tr th { - vertical-align:top; - text-align:left; - border-bottom:1px solid #555; - color: var(--color-d); -} -table tr td a:visited, -table tr td a:active, -table tr td a{ - color: var(--color-e); -} -table tr:last-child td{ - border:none; -} -table tr th { - border-bottom:2px solid var(--color-d); -} - -code{ - display: inline-block; - unicode-bidi: embed; - font-family: monospace; - white-space: pre; - background: var(--color-c); - margin-bottom: 5px; - padding: 0px 5px; - font-size:16px; -} - -.content { - height:99vh; - max-width: 50em; - width: 100%; - margin: 0 auto; - padding-top:25px; - box-sizing:border-box; -} - -a,a:visited,a:active{ - color: var(--color-a); - display:inline-block; - text-decoration:none; -} -a:hover{ - opacity:0.9; -} - -/* lato-regular - latin */ -@font-face { - font-family: 'Lato'; - font-style: normal; - font-weight: 400; - src: url('/assets/font/lato-v17-latin-regular.eot'); /* IE9 Compat Modes */ - src: local(''), - url('/assets/font/lato-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('/assets/font/lato-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ - url('/assets/font/lato-v17-latin-regular.woff') format('woff'), /* Modern Browsers */ - url('/assets/font/lato-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ - url('/assets/font/lato-v17-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */ -} - -#sidemenu { - position:absolute; - top:0; - left:0; -} - -#sidemenu nav { - width: 300px; - box-shadow: 0px 0px 8px #0005; - background:#FFF; - z-index:10; - position: fixed; - top: 0; - left: 0; - z-index: 99; - height:100vh; -} -#sidemenu .sidemenu__btn { - display: block; - width: 50px; - height: 50px; - top:20px; - left:20px; - background: transparent; - border: none; - position: fixed; - z-index: 100; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - cursor: pointer; - outline: none; -} -#sidemenu .sidemenu__btn span { - display: block; - width: 30px; - height: 3px; - margin: auto; - background:var(--color-d); - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - -webkit-transition: all .4s ease; - transition: all .4s ease; -} -#sidemenu .sidemenu__btn span.top { - -webkit-transform: translateY(-8px); - transform: translateY(-8px); -} -#sidemenu .sidemenu__btn span.bottom { - -webkit-transform: translateY(8px); - transform: translateY(8px); -} -#sidemenu .sidemenu__btn.active .top { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); -} -#sidemenu .sidemenu__btn.active .mid { - -webkit-transform: translateX(-20px) rotate(360deg); - transform: translateX(-20px) rotate(360deg); - opacity: 0; -} -#sidemenu .sidemenu__btn.active .bottom { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); -} -#sidemenu .sidemenu__wrapper { - padding-top: 70px; - margin-left:20px; -} -#sidemenu .sidemenu__list { - overflow-y: scroll; - max-height: 73vh; - padding-top: 50px; - list-style: none; - padding: 0; - margin: 0; -} - #sidemenu .sidemenu__item { - padding: 0; - } -#sidemenu li > a { - text-decoration: none; - display: inline-block; - -webkit-transition: .4s ease; - transition: .4s ease; - cursor: pointer; -} - -nav { - -webkit-transition: .2s ease; - transition: .2s ease; - -webkit-transform: translateX(0px); - transform: translateX(0px); - opacity:1; -} - -nav.hide { - -webkit-transform: translateX(-300px); - transform: translateX(-300px); - opacity:0; -} - -ul, ol { - margin-left:30px !important; - margin-top: 35px !important; - margin-bottom: 35px !important; -} -ul:nth-child(1){ - margin:0; -} - -ul,li{ - text-decoration:none !important; - /*list-style:none;*/ - padding-left:10px; - padding-right:10px; -} - -li > a, -li > a.visited, -li > a.active{ - color:#555; - padding:5px; -} -li > b { - background:#FFF; - padding:5px; -} - -.sidemenu__list > li, -.sidemenu__list > ul > li{ - display:inline-block; -} - -ul > li { - display:block; -} - -.content ul > li::before {content: "•"; padding-right:10px;color: #54F;} - -li > b { - font-weight:100; -} - -.touchscreen { - border:30px solid #aab5bb; - border-radius:20px; - position:relative; -} -.touchscreen:after { - content:""; - display:block; - position:absolute; - border-radius:50%; - width:15px; - height:15px; - background:#FFF; - top:136px; - right:-22px; - -} - -div.pretty{ - border-radius: 4px; - display: block; - background: #372e42; - overflow-x: scroll; - white-space:pre-wrap; - color:#65e; -} - -code.pretty, -div.pretty > pre > code{ - background: -webkit-linear-gradient(-70deg,#98a7f0,#0d4e50); - background-clip: border-box; - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - border: none; - text-shadow: 0px 0px 5px #fff9; - filter: brightness(1.8); - font-size:14px; - width:98%; - padding:0px 15px; - margin:0; - box-sizing:border-box; - line-height:20px; -} - -blockquote{ - box-sizing: border-box; - background: transparent !important; - border-radius: 7px; - padding: 20px; - width: 100%; - margin: 30px 0px 20px 0px; - color: var(--color-f) !important; - font-weight: bold; -} -blockquote a { - color:#000 !important; -} -blockquote a:hover { - color:#FFF !important; - background:#000; -} - -img { - width:100%; - filter: brightness(0.97) -} - -/* GRID SYSTEM */ -.block{ - display: block; - text-align: left; - margin-bottom: var(--gutter-1); - min-height:55vh; -} - -.block .img{ - border-radius:15px; - width:100%; - height:35vh; - margin-bottom:15px; - background-size: cover; -} - -p{ margin:0; padding:0; } - -//the grid: - -.grid{ - width: 90%; - max-width: 900px; - margin: 0 auto; - background-color: $grid-color; - //just for styling: - padding-top: var(--gutter-1); -} - -.gutter{ -/* - margin-left: calc( var(--gutter-1) /2 ); - margin-right: calc( var(--gutter-1) /2 ); -*/ - margin-right: var(--gutter-1); -} - -.col-33{ - width: 33.3%; - float: left; -} -.col-50{ - width: 50%; - float: left; -} - -.clear{ - clear: both; - display: block; -} - -//responsive - -@media all and (max-width:800px) { - .col-33{ - width: 50%; - } -} - -@media all and (max-width:600px) { - .col-50, .col-33{ - width: 100%; - float: none; - } - h1 { - font-size: 50px; - line-height:70px; - } - h2{ - font-size: var(--font-size-3); - } - .block.gutter{ - margin-right:0; - } -} - -.darken{ - filter: brightness(0.8); -} - -button{ - cursor:pointer; - padding: 10px; - border-radius: 6px; - background-image: var(--gradient-1); - border: none; - border-radius: 20px; - display:inline-block; - color: #FFF; - border: none; - opacity:1.0; - font-size: var(--font-size-4); - font-weight:600; -} -button:hover{ - opacity:0.8; -} - -.gradient{ - background-image: var(--gradient-2); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; -} diff --git a/index.html b/index.html deleted file mode 100644 index 05ad820..0000000 --- a/index.html +++ /dev/null @@ -1,4192 +0,0 @@ - - - - - - - - - - - - - - - - - - - - -XR Fragments — -A cute standard for (deep)linking 3D files via URI's. - - - - » Example 3D-file Browser - - - - Spec | Source | Community | RSS - - - - - - - - - - #nlnet img{ - opacity:0.4; - } - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- -
- - - - - - - - - - - - - -