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

[John Carlson]

I decided after looking at the code in the gltf/glb extension for VSCode 
that stepping in that is not to my taste.

I'll still with X3DJSONLD GUI for now, and work on more ES6 stuff.

John

On 9/6/21 1:14 AM, John Carlson wrote:
> 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
>>