wip

Author: coderofsalvation

doc/RFC_XR_Fragments.md

@@ -116,6 +116,7 @@ It solves:
 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
 
@@ -1038,10 +1039,12 @@ The following demonstrates a simple video player:
 
 ```
 
-# Author/Sharing metadata 
+# Additional scene metadata 
 
-XR Fragments does not contain static metadata attributes for this, but encourages browsers to scan nodes for the following custom properties:
+XR Fragments does not aim to redefine the metadata-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-*: .....`)
 * [Open Graph](https://ogp.me) attributes (`og:*: .....`)
 * [Dublin-Core](https://www.dublincore.org/specifications/dublin-core/application-profile-guidelines/) attributes(`dc:*: .....`)
@@ -1054,15 +1057,16 @@ Individual nodes can be enriched with such metadata, but most importantly the sc
 
 | metadata key                                           | example value                                   |
 |--------------------------------------------------------|-------------------------------------------------|
-| `dc:creator`                                           | `John Doe`                                      |
 | `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},`                       |
-| Person (JSON-LD)                                       | `{"@type":"Person",................}`           |
+| `Person` (JSON-LD)                                     | `{"@type":"Person",................}`           |
 
 > \* = these are interchangable (only one needs to be defined)
 

example/aframe/sandbox/index.html

@@ -47,6 +47,7 @@ <h1>💁 Hi there!</h1>
             <br>
             <b>This uses only open standards:</b><br>
             📦 surf 3D models using URLs<br>
+            🎞 interactive <a href="https://www.w3.org/TR/media-frags/" target="_blank">W3C Media Fragments</a> and <a href="https://en.wikipedia.org/wiki/URI_Template" target="_blank">URI Templates</a><br>
             🧑‍🤝‍🧑 <b>instant</b> meetings inside hyperlinked 3D models<br>
             🚫 <b>zero proprietary</b> tech/game engines or platforms<br>
             🙈 unhosted, privacy-friendly, avatar-agnostic scenes<br> 

example/aframe/sandbox/other.glb

@@ -0,0 +1 @@
+../../assets/other.glb

example/assets/audio/nobodyhere.wav

@@ -56,7 +56,8 @@ build(){
     test -d src/3rd/js/aframe/build/aframe || git clone https://github.com/aframevr/aframe src/3rd/js/aframe/build/aframe --depth=1
     curdir=$(pwd)
     cd src/3rd/js/aframe/build && cp three.module.js aframe/src/lib/. # override to add extra loaders like fbx/collada e.g.
-    cd aframe && npm run dist
+    #cd aframe && npm install && npm install troika-three-text && npm run dist
+    cd aframe && npm install && npm run dist
     cd "$curdir"
     cp src/3rd/js/aframe/build/aframe/dist/aframe-master.min.js dist/aframe.min.js
     test -f dist/aframe-blink-controls.min.js || {
@@ -124,7 +125,7 @@ build(){
     return $ok
   }
 
-  test -z $1 && { parser && js; }
+  test -z $1 && { parser && aframe && js; }
   test -z $1 || "$@"
 }
 

example/assets/index.glb

@@ -10,6 +10,7 @@ import { ColladaLoader } from 'super-three/examples/jsm/loaders/ColladaLoader';
 import { MTLLoader } from 'super-three/examples/jsm/loaders/MTLLoader';
 import * as BufferGeometryUtils from 'super-three/examples/jsm/utils/BufferGeometryUtils';
 import { LightProbeGenerator } from 'super-three/examples/jsm/lights/LightProbeGenerator';
+//import {Text} from 'troika-three-text' 
 
 var THREE = window.THREE = SUPER_THREE;
 
@@ -26,5 +27,6 @@ THREE.ColladaLoader = ColladaLoader;
 THREE.OBB = OBB;
 THREE.BufferGeometryUtils = BufferGeometryUtils;
 THREE.LightProbeGenerator = LightProbeGenerator;
+//THREE.Text = Text
 
 export default THREE;

example/assets/other.glb

@@ -1,6 +1,8 @@
 AFRAME.registerComponent('vconsole', {
   init: function () {  
       //AFRAME.XRF.navigator.to("https://coderofsalvation.github.io/xrsh-media/assets/background.glb")
+    return
+
     document.head.innerHTML += `
       <style type="text/css">
         .vc-panel  {

make

@@ -290,16 +290,21 @@ document.head.innerHTML += `
 
     .badge,
     #messages .msg.ui div.badge{
+      box-sizing:border-box;
       display:inline-block;
       color: var(--xrf-white);
       font-weight: bold;
-      background: var(--xrf-gray);
-      border-radius:5px;
-      padding:0px 4px;
+      background: var(--xrf-dark-gray);
+      border-radius:16px;
+      padding:0px 12px;
       font-size: var(--xrf-font-size-0);
       margin-right:10px;
       text-decoration:none !important;
     }
+    #messages .msg.ui div.badge a{
+      color:#FFF;
+    }
+
     .ruler{
       width:97%; 
       margin:7px 0px;
@@ -358,6 +363,15 @@ document.head.innerHTML += `
     top: 64px; 
   }
 
+  .transcript{
+    max-height:105px;
+    max-width:405px;
+    overflow-y:auto;
+    border: 1px solid var(--xrf-gray);
+    border-radius: 5px;
+    padding: 10px;
+  }
+
   .right { float:right }
   .left  { float:left  }
 
@@ -535,7 +549,7 @@ document.head.innerHTML += `
       position: relative;
       display: inline-block;
       -moz-transform: rotate(-45deg) scale(var(--ggs,1));
-      transform: translate(4px,1px) rotate(-45deg) scale(var(--ggs,1));
+      transform: translate(4px,-5px) rotate(-45deg) scale(var(--ggs,1));
       width: 8px;
       height: 2px;
       background: currentColor;
@@ -701,7 +715,7 @@ document.head.innerHTML += `
       box-sizing: border-box;
       position: relative;
       display: inline-block;
-      transform: scale(var(--ggs,1)) translate(3px,9px); 
+      transform: scale(var(--ggs,1)) translate(3px,3px); 
       width: 16px;
       height: 6px;
       border: 2px solid;