but0n / ashes Goto Github PK

I tried displaying Box.gltf with the latest library.
However, it is different from the expected color.
Ashes v0.0.17 + Box.gltf result:

The following are assumed results.

I tried to display MorphPrimitivesTest.gltf.
However, it does not seem to be the expected display result.

Ashes + MorphPrimitivesTest.gltf result:

The following is the expected display result.
https://github.com/KhronosGroup/glTF-Sample-Models/tree/master/2.0/MorphPrimitivesTest

I tried displaying SimpleMaterial.gltf in the latest version library.
However, the color displayed is different from what you expected.

Ashes v0.0.18 + SimpleMaterial.gltf result:

The following are assumed results.

I tried to run a simple shader example with Ashes 0.1.2.
However, some samples have stopped working. Is it because the usage has changed?

Ashes v0.1.1 + Simple Shader result: OK
https://jsfiddle.net/cx20/bw4v7qp6/6/

Ashes v0.1.2 + Simple Shader result: NG
https://jsfiddle.net/cx20/bw4v7qp6/7/

I got Ashes v0.0.45 from jsDelivr and tried it locally. As a model, I tried Triangle.gltf, Box.gltf etc.
However, the following error was output to the console and it was not displayed.

ashes.main.js:4356 
Uncaught (in promise) TypeError: Cannot read property '0' of undefined
    at Function.preComputeTangent (ashes.main.js:4356)
    at mesh.primitives.map.meshData (ashes.main.js:5500)
    at Array.map (<anonymous>)
    at gltf.meshes.gltf.meshes.map.mesh (ashes.main.js:5485)
    at Array.map (<anonymous>)
    at new gltfScene (ashes.main.js:5484)
    at Function.<anonymous> (ashes.main.js:5825)
    at Generator.next (<anonymous>)
    at fulfilled (ashes.main.js:5198)

Perhaps it seems that it is in error because uv is undefined.

I think that it was not an error in the previous version v.0.0.44.

I tried to display CesiumMilkTruck.gltf with Ashes.
However, it is incorrect that the window glass is transparent.

Ashes v0.0.19 + CesiumMilkTruck.gltf result:

three.js r101 + CesiumMilkTruck.gltf result:

I tried to display several glTF models using Ashes.
However, it seems that you can not display models in glTF Embedded format.
The following is a sample that could not be displayed because of a format problem.

Ashes + glTF Additonal Test Case No.3
http://jsdo.it/cx20/kSsC

Ashes + glTF Additonal Test Case No.5
http://jsdo.it/cx20/YY6E

Ashes + glTF Additonal Test Case No.10
http://jsdo.it/cx20/c2TU

The glTF Embedded format is a format used when incorporating resources into JSON using Data URI.
I hope that you can support if possible.

I tried to display the model of the bear published in sketchfab using Ashes.
However, only one balloon was displayed and no bear was displayed.

Ashes + Bear model result:
http://jsdo.it/cx20/wPO4

Below is the expected display result.

three.js + Bear model result:
http://jsdo.it/cx20/6MMO

Any pointers?

I tried to display SimpleTexture.gltf of glTF Tutorials in Ashes.
However, it seems that it is not displayed correctly.

Ashes + SimpleTexture.gltf result:

three.js + SimpleTexture.gltf result:

I know that VC.gltf and project_polly.gltf have cool cameras built in them.
However, I do not know how to use them in this library.
Can you add samples if possible?

https://www.youtube.com/watch?v=l7TB1O51X_M

I tried to display Triangle.gltf with Ashes.
However, an error was output to the console and it was not displayed.

Ashes v0.0.16 + Triangle.gltf result:

ashes.main.js:5270 Uncaught (in promise) TypeError: Cannot read property 'map' of undefined
    at Function.<anonymous> (ashes.main.js:5270)
    at Generator.next (<anonymous>)
    at fulfilled (ashes.main.js:860)

I think that it is probably failing to display about models that do not have textures.

Unfortunately, jsdo.it will be terminated at the end of October.
I ported the jsdo.it sample to github. I'm sorry, but please change the link destination.
http://jsdo.it/tag/Ashes
https://cx20.github.io/jsdo.it-archives/tag/ashes/

I tried the library 0.4.1 in jsDelivr.
https://www.jsdelivr.com/package/npm/ashes3d

However, the referencing brdfLUT.png seems to refer to the old path.

I tried to display BrainStem of glTF-Sample-Models with Ashes.
However, it seems that the displayed orientation is incorrect.

Ashes + BrainStem result:

Expected result:

I tried to display AlphaBlendModeTest.gltf.
However, the case of Blend does not seem to pass.

Ashes + AlphaBlendModeTest.gltf result:

The following is the expected result.
https://github.com/KhronosGroup/glTF-Sample-Models/tree/master/2.0/AlphaBlendModeTest

I noticed that when I displayed Avocado.gltf in Ashes, it was glossy.
I don't think the display result of PBR material is correct.

Ashes v0.2.6 + Avocado.gltf result:

Three.js r112 + Avocado.gltf result:

I tried to display the glTF file output from Three.js glTF Exporter with Ashes.
However, Ashes does not seem to be able to display that model.
Perhaps I think that Ashes does not correspond to the glTF model without Indices.

Ashes + glTF Additonal Test Case No.5
http://jsdo.it/cx20/YY6E

Below is the expected result.
three.js + VoxelCorgi.gltf result:
http://jsdo.it/cx20/ahsW

I tried to display Duck.gltf in Ashes v0.2.3.
However, the following error seems to be displayed.

ashes.main.js:4313 Uncaught (in promise) TypeError: Cannot read property 'NORMAL' of undefined
    at Function.bindAccessorsVBO (ashes.main.js:4313)
    at Function.updateVAO (ashes.main.js:5060)
    at Function.attachMaterial (ashes.main.js:5044)
    at new MeshRenderer (ashes.main.js:4966)
    at Function.<anonymous> (ashes.main.js:6061)
    at Generator.next (<anonymous>)
    at fulfilled (ashes.main.js:5301)

I tried to display a triangle without using glTF in Ashes.
It is now displayed, but I am not confident in the code.
I would be happy if you can check if there is any problem with usage.

Ashes + Triangle sample
http://jsdo.it/cx20/uG69

I tried to display SpecGlossVsMetalRough.gltf using the latest version of Ashes.

However, the SpecularGlossiness model does not seem to be displayed correctly.

I tried to display MetalRoughSpheresNoTextures.gltf using the latest version of Ashes.

However, the spheres in the MetalRoughSpheresNoTextures model all look the same.
MetalRoughSpheresNoTextures.gltf + Ashes result:

This model is expected to have the same results as MetalRoughSpheres.
MetalRoughSpheres.gltf + Ashes result:

image
image
image
image
image

I tried applying an IBL texture to glTF using Ashes.
https://cx20.github.io/gltf-test/examples/ashes3d/index.html?category=tutorialModels&model=BoomBox&scale=100&type=glTF

IBL texture can be load with the following file names, but is it possible to use other file names?

helipad/<pos|neg><x|y|z>.hdr

I want to use the following files for IBL textures.

https://github.com/ux3d/glTF-Sample-Environments/tree/4eace30f795fa77f6e059e3b31aa640c08a82133/papermill/specular

Project "Polly" is a model created to introduce all the new features of glTF 2.0.
https://github.com/KhronosGroup/glTF-Blender-Exporter/tree/master/polly

However, Ashes does not seem to be able to display Polly correctly yet.
Ashes + project_polly.gltf result:

I tried to display Duck.gltf in Ashes v0.2.4.
However, there seems to be another problem. The console outputs a WebGL warning and the duck appears and disappears every few seconds.

Ashes v0.2.4 + Duck.gltf result:

I tried to display TextureSettingsTest.gltf with Ashes.
However, it does not seem to pass some tests.

Ashes + TextureSettingsTest.gltf result:

I tried Khronos' new test model TextureEncodingTest.gltf with Ashes.
However, it seems to be different from the expected result.

Test model:
https://github.com/KhronosGroup/glTF-Sample-Models/tree/encoding/2.0/TextureEncodingTest

Expected result:

Current result:

I tried to display the sample PrimaryIonDrive in Sketchfab with Ashes.
However, the display result seems to be different from the assumed.

Ashes + PrimaryIonDrive.glb result:
http://jsdo.it/cx20/ETNa

three.js + PrimaryIonDrive.glb result:
http://jsdo.it/cx20/0kU1

Is it because it does not support vertex colors?

REF:

• http://advances.realtimerendering.com/s2016/Siggraph2016_idTech6.pdf
• http://www.adriancourreges.com/blog/2016/09/09/doom-2016-graphics-study/
• http://www.cse.chalmers.se/~uffe/clustered_shading_preprint.pdf
• https://lxjk.github.io/2018/03/25/Improve-Tile-based-Light-Culling-with-Spherical-sliced-Cone.html

Ashes + BoomBoxWithAxes.gltf result:

three.js + BoomBoxWithAxes.gltf result:

I tried to display the following page.
https://but0n.github.io/Ashes/

However, an error is output to the console and the page is not displayed.

(index):68 
Uncaught (in promise) TypeError: mainCamera.addComponent is not a function
    at main ((index):68)

The following files do not exist at present.

https://github.com/but0n/Ashes/blob/master/src/asset.ts#L189

https://raw.githubusercontent.com/KhronosGroup/glTF-WebGL-PBR/master/textures/brdfLUT.png

I think the new place is below.

https://raw.githubusercontent.com/KhronosGroup/glTF-Sample-Viewer/master/assets/images/brdfLUT.png

I tried to display the following page.

https://but0n.github.io/Ashes/index.html

However, the model was not displayed due to an error in the console. I think it's probably due to an old version.

<script src="https://cdn.jsdelivr.net/npm/[email protected]/build/ashes.main.js"></script>

I tried to display some samples with Ashes v0.0.18.
However, it seems to fail when trying to display the model of the number of vertices.

WebGL: CONTEXT_LOST_WEBGL: loseContext: context lost

I tried to display the model of the horse.
However, it seems that animation is not displayed.

Ashes + Horse.glb result:
http://jsdo.it/cx20/KExg

The following is the expected display result.

three.js + Horse.glb result:
http://jsdo.it/cx20/yPmv

I tried to display the model of FlightHelmet.
There was almost no problem, but there was a place that I was a bit worried about.

Ashes + FlightHelmet result:

Example with lenses: I can not see the prop inside the helmet.

Example without a lens: I can see the prop inside the helmet.

If the lens passes through correctly, I think that it is the correct display result that you can see the prop inside the helmet.

I confirmed some models with Ashes v0.0.18.
However, Emissive Map does not seem to be applied correctly.
Ashes v0.0.18 + BoomBox.gltf result:

Ashes v0.0.18 + Lantern.gltf result:

I think that the light was displayed in the previous version.