but0n / ashes Goto Github PK
View Code? Open in Web Editor NEWWebGL2.0 3D Engine - Global Illumination - RayTracing
Home Page: https://codepen.io/but0n/pen/jddYoX
License: MIT License
WebGL2.0 3D Engine - Global Illumination - RayTracing
Home Page: https://codepen.io/but0n/pen/jddYoX
License: MIT License
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.
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.
I tried displaying SimpleMaterial.gltf in the latest version library.
However, the color displayed is different from what you expected.
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 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?
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.
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 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?
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.
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:
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 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
Any pointers?
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 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:
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
Model name | result |
---|---|
Cylinder Engine | ✅ |
Reciprocating Saw | ❌ |
Gearbox Assy | ❌ |
Buggy | ❌ |
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.
before | after |
---|---|
helipad/posx.hdr | specular/specular_right_0.hdr |
helipad/negx.hdr | specular/specular_left_0.hdr |
helipad/posy.hdr | specular/specular_top_0.hdr |
helipad/negy.hdr | specular/specular_bottom_0.hdr |
helipad/posz.hdr | specular/specular_front_0.hdr |
helipad/negz.hdr | specular/specular_back_0.hdr |
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
I tried to display SpecGlossVsMetalRough.gltf using the latest version of Ashes.
However, the SpecularGlossiness model does not seem to be displayed correctly.
REF:
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.
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.
I tried to display TextureSettingsTest.gltf with Ashes.
However, it does not seem to pass some tests.
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 displaying Box.gltf with the latest library.
However, it is different from the expected color.
Ashes v0.0.17 + Box.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)
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
I tried to display BrainStem of glTF-Sample-Models with Ashes.
However, it seems that the displayed orientation is incorrect.
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 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 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 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 SimpleTexture.gltf of glTF Tutorials in Ashes.
However, it seems that it is not displayed correctly.
I tried to display CesiumMilkTruck.gltf with Ashes.
However, it is incorrect that the window glass is transparent.
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 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 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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.