[x3d-public] VSCode for X3DJSONLD development (any developers?), including X3D JSON and X3D XML

[John Carlson]

I just loaded the .gltf of the model shown in the below inside VSCode 
and downloaded the necessary plugin for Filament, Cesium, Babylon and 
Three.js.

The previewer is integrated as a pane, not a window.  Nice and clean 
like you expect from an app.  You can turn backgrounds on an off, the 
four libraries appear as separate tabs, and you can enable or disable 
animation.

If anyone wants to join me, I will start working on an X3DJSONLD port 
(including X3DOM, X_ITE and perhaps VRMLLoader [three.js]) to VSCode. 
I'm pretty much a VSCode newbie at this point.  I plan on offering X3D 
JSON (first) and later X3D XML to interested parties (people who click 
on .x3d and the JSON extension [.x3dj?])on the VSCode Marketplace. VRML 
already has a plugin, it appears.

If anyone else wants their JS or WASM X3D Browser integrated into 
VSCode, let me know.  I develop on Linux, not Mac or Windows at this 
point.  Mac and Windows developers welcome!

This is kind of the direction that I wanted X3DJSONLD to go in the 
original designs.  If you can't beat 'em, join em!

I think it will be key to get xslt3 or the JavaScript library for XSLT 
3.0 working for X3D XML -> X3D JSON, unless someone wants to optimize JS.

If someone who has investigated VSCode for other X3D projects can 
present a review, that would be cool.

John

On 9/6/21 12:11 AM, John Carlson wrote:
> You may forward this as you wish.
>
> Here's the real visuals the glTF model I showed in Titania on Friday 
> can produce:
>
> Most eye candy:
>
> Three.JS:
>
> https://cx20.github.io/gltf-test/examples/threejs/index.html?category=tutorialModels&model=IridescentDishWithOlives&scale=8&type=glTF 
>
>
> Babylon.JS:
>
> https://cx20.github.io/gltf-test/examples/babylonjs/index.html?category=tutorialModels&model=IridescentDishWithOlives&scale=8&type=glTF 
>
>
> Filament:
>
> https://cx20.github.io/gltf-test/examples/filament/index.html?category=tutorialModels&model=IridescentDishWithOlives&scale=8&type=glTF 
>
>
> and there's:
>
> X3DOM:
>
> https://cx20.github.io/gltf-test/examples/x3dom/index.html?category=tutorialModels&model=IridescentDishWithOlives&scale=8&type=glTF 
>
>
> There are many more examples at the site, and many more glTF framework 
> tests from various web software there!  These are some of the most 
> advanced!
>
> Note that the open-source JS frameworks even do well versus Unity!
>
> This is one of the designated models for PBR Next (2.0 Extensions).   
> The extensions shown have already been ratified, AFAIK
>
> What I don't understand is why PlayCanvas or Khronos Viewer did not 
> hit within the top three above!
>
> Note:  I don't have any ray tracing built into my graphics card, and 
> these are very good, even without raytracing in hardware! Amazing!
>
> On this page: https://www.web3d.org/blog-integrating-x3d-and-gltf it 
> says that X_ITE has many glTF model examples...but I can't find any? 
> Nicholas?
>
> Note that X3DJSONLD in the past has many X3D JSON models converted 
> over from X3D XML found in the create3000/Library.  Is this what the 
> above is referring to?  I also don't see any code in x_ite that 
> references glb or glTF or gltf.
>
> If I can be of assistance getting the olives model working in Xj3D, 
> X3DOM or X_ITE, let me know.  Hopefully, this will deprecate a ton of 
> shader code for me. (yay!) Then I will study Quality in X3D!
>
> Olives model is here: 
> https://github.com/KhronosGroup/glTF-Sample-Models/tree/master/2.0/IridescentDishWithOlives
>
> John
>