troisjs / trois

✨ ThreeJS + VueJS 3 + ViteJS ⚡

Home Page:https://troisjs.github.io

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Your test.glb file works perfectly. However, I only get a black screen with my own glb files

MelihAltintas opened this issue · comments

On this page, the test.glb file in the example at https://github.com/troisjs/troisjs.github.io/blob/master/src/components/models/GLTFExample.vue appears perfectly for me. However, I only get a black screen with my own glb files but yours works:( Yet, my glb file is visible in 3D viewers. What setting changes should I make?"

<template>
  <Renderer ref="renderer" antialias :orbit-ctrl="{ enableDamping: true }" resize>
    <Camera :position="{ x: 1, y: 0, z: 0 }" />
    <Scene>
      <AmbientLight></AmbientLight>
      <GltfModel src="/assets/models/profile.glb" />
    </Scene>
  </Renderer>
</template>

<script>
import {
  AmbientLight,
  Camera,
  GltfModel,
  Renderer,
  Scene,
} from 'troisjs';

export default {
  components: {
    AmbientLight,
    Camera,
    GltfModel,
    Renderer,
    Scene,
  },
};
</script>

I attached my glb file with zip:
profile.zip

I solved with ambientColor I am sorry