🧵#Gltf export

Hi. What error and on which website please? And which gltf reader have you tried?

hi! the website is https://mii.nxw.pw/. i found that the issue was the shaders, and importing it to blender with the built in shader options worked. this, however, revealed another problem: a part of the model is completely broken

there's some of the shape of the head left on this, which suggests theres some issues with the position of some vertices

view in a new window seems to work correctly

Is that perhaps just flipped normals?

hmm, is this even fixable? im not the most experienced blender user, so im not sure

Flipping normals? Sure 😄 (idk if that's the issue here, I dont have a mii.nxw account so i cant test it right now)

https://www.youtube.com/watch?v=3Ib1SiNpGm4

doesnt seem to fix it, its a geometry issue i think

how does the view in another window work? does it use a model extracted from the website or does it directly take the data and use it?

Well view in new window is just taking the three.js geometry, cloning it and rendering again.

Export also uses three.js - they have an exporter feature. Not sure how familiar you are with that.

You mentioned an error, was that error just a blender import error or some error on export?

blender error on import, but i think it was just an shader issue

let me check

not sure if this is reporting on the shader issue or something else

any idea how this could be fixed?

i was able to salvage half of the model by deleting the bad vertices and using mirror modifiers

great news

i was able to reconstruct the face

every vertex not on -x -y z quadrant is misplaced by 65535 (16bit unsigned limit)

so, somehow, on positive x or y it represents itself as negative and overflows

now, why doesnt this happen with the rest of the model? no idea

<@272528485732450305> is the exported model supposed to include textures? the model is missing the textures

It will include textures for known shaders. The website seems to use custom shaders (?) so they might not be included in the export (or fail to import in blender since blender doesn't know about it but more likely is custom shaders are not supported)

yep, that seems about right. changing the shader option to "no lighting" helps a bit, but still gives a threejs error

i made a small python script that pulls the bad vertices to its correct place, so the head is mostly fixed. the issue now is that some parts of the model dont export as the image type they use is not supported by threejs when exporting

Error exporting selection as GLTF: THREE.GLTFExporter: Invalid image type. Use HTMLImageElement, HTMLCanvasElement, ImageBitmap or OffscreenCanvas. (Scene)

Maybe changing the material on the object before export might help. You could create a dummy cube and then take its material on your object you try to export - altough there's currently no way to re-assign the textures from the previous material... mmh

What three version is your websit using? it's displayed int the top toolbar since the last update

173

Just took a look - lots of custom props and settings per material so unfortunately nothing I can help with right now. It could be done with baking the materials to a standard material (which would include all custom shading to be baked to shaders) it would be possible. But that's not in scope right now.

Why are you trying to export those in the first place if I may ask?

What's the idea behind this editor?

the app's 3d exporter is currently broken (wouldnt surprise me if they're having a similar issue), and i would like to use the 3d models for a private project

its honestly not that important, but its been a hella of a ride trying to understand whats going on and fixing it lol

thanks for all your help though! ill see what else i can do and report back