GithubHelp home page GithubHelp logo

Artifacts when exporting about gltfjsx HOT 4 CLOSED

bitttttten avatar bitttttten commented on August 22, 2024
Artifacts when exporting

from gltfjsx.

Comments (4)

drcmda avatar drcmda commented on August 22, 2024

gltfjsx doesn't change or modify the data. it just structures it a bit with short access jsx, but the actual buffergeom comes directly from THREE.GLTFLoader. the whole "trick" of this lib is simply that it creates a look-up table. you can doublecheck by rendering:

const gltf = useLoader(GLTFLoader, url)
return <primitive object={gltf.scene} dispose={null} />

which just puts the scene into the graph without touching it. that should give you the same glitches. it's probably related to compression, or there is still some topology problem.

this for instance to me looks like an artifact:

Screenshot 2020-02-05 at 22 54 15

from gltfjsx.

bitttttten avatar bitttttten commented on August 22, 2024

Yeah, I see those artifacts in Blender but they look different the ones in the browser. I was a bit confused about how they related to each other, if they did at all, as I don't have much experience with 3d models, blender, gltf.

Okay with <primitive> I get similar artifacts so it is not gltfjsx.

Screenshot 2020-02-06 at 10 48 15

Happy to close this issue then since it's not related :)

from gltfjsx.

drcmda avatar drcmda commented on August 22, 2024

i believe what you see in blender is unrelated because the model is still going to get triangulated in gltf. in blender you have quads and ngons. maybe try triangulating in blender yourself: edit mode, sel all, face > triangulate. perhaps that reveals the topology problem. if you figure it out would be nice to hear what it was b/c i often get the same problems and im a complete beginner with that blender gltf stuff.

from gltfjsx.

bitttttten avatar bitttttten commented on August 22, 2024

ahh thanks for the tip regarding triangulate. i noticed one of the vertixes was sticking out, although it didn't seem to fix my problem.

i noticed that the sharp edges were a bit inconsistent, and after playing around with them it seems to be related.

with every edge marked as sharp:

Screenshot 2020-02-10 at 09 33 23

with no smart edges:

Screenshot 2020-02-10 at 09 33 49

both have artifacts of their own so it's not a finished solution but i'll keep digging and let you know if i solve it :)

from gltfjsx.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.