troisjs / troisjs.github.io Goto Github PK

On this documentation page, the link to the source leads to a 404

Keeping a running list of items I've needed to look up consistently:

• Setting background color of renderer
• Adding transparency to renderer

No action needed on these right now, just wanted to note them so we can make this info easy to find. Feel free to add more!

Based on these examples - import models, events, etc

It seems like some kind scripts get blocked in Brave on iOS. I am aware that Brave on iOS uses Safari under the hood, but on Safari (iOS) the demos work. Additionally it seems like the amount of blocked scripts on desktop Brave seems to be different. This seems like a Brave issue with the blocking but I thought you might be interested to know 😄
Keep up the good work! 🥳

Blocked items in mobile shield / demo not working

Screenshot from Brave Desktop

Hi @klevron,

When reading the documentation, it is written that the resize props of the renderer has a default value set to "window":

But looking at the source file, it seems to be "true", and not "window". If I am not mistaken, that typo might need to be fixed on the guide.

Thanks!

/CN

• troisjs/trois#82
• troisjs/trois#88
• troisjs/trois#112
• troisjs/trois#113
• troisjs/trois#115
• troisjs/trois#117

How should i export a scene with troisjs

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