21,147
questions
0
votes
0
answers
13
views
ThreeJS Add border for Text Object
Created Text with TextGeometry in Threejs,
const font = await loadFont(fontUrl)
const geometry = new TextGeometry("文字", {
font: font,
size: size,
depth: 10,
...
1
vote
1
answer
23
views
Three Js when rotation and Scalling then mesh object psotion changes
When I object rotation or Scalling with that control then why its change's position also, See below Video
https://drive.google.com/file/d/1SZ26GRon5ko8cHAG8taeeN6pP8i0xb1Z/view
I want to below video ...
0
votes
0
answers
17
views
How to slow down my objects when they are initialized?
I'm working with React Three Fiber (I'm a beginner in this) and when the scene is mounted and the objects appear in it, they'll are going in random directions (which is okay) but with a high velocity, ...
0
votes
0
answers
7
views
R3F / ThreeJs - PlayerController distanceFactor problem
I'm using pmndrs/ecctrl for first person movement. I have placed some HTML tooltips in the scene, but the distanceFactor does not seem to work as intended. The reason is probably that the collider ...
-1
votes
0
answers
42
views
Matrix4 transformations applied to objects are acting awry
As stated in the title of this post, whenever I try to apply any of the below transformations to each of the cubes created in the addGUIControls() function they act in unexpected ways. When I apply ...
0
votes
0
answers
14
views
issues scaling three.js sprite texture
I am trying to scale a sprite and fill the entire screen, to have text on the top and bottom of the screen, but when I do so, it scales the text also. So how do I put a big line of text at top of ...
0
votes
0
answers
17
views
Draw on an Icosahedron faces with RenderText (three.js)
I was looking at a three.js example where the writer draws numbers on each of the faces of an icosahedron using a canvas and a Three.CanvasTexture:
https://hofk.de/main/discourse.threejs/2021/...
0
votes
1
answer
17
views
VideoTexture on a single face of model
I'm importing the very first model I made in Blender 4.2, which consists of a computer and two monitors, into my three.js scene.
I have a VideoTexture map set up on the "computer screen" ...
0
votes
0
answers
8
views
`AnimationMixer.uncacheAction` causes exception
I'm making a webb animation with ThreeJS. I'm creating copies of an object and having them traverse down the screen. One object is created every second. When an object reaches the bottom, an event ...
0
votes
0
answers
16
views
How to set events on <PresentationControls> React three fiber drei plugin?
I have code like this -
<Canvas
gl={{
preserveDrawingBuffer: false,
antialias: true,
}}
>
<PresentationControls
polar={[-Math.PI / ...
-3
votes
0
answers
35
views
I have some lights inside the shadows in Three js
Below is my three js code;
const directionalLight = new THREE.DirectionalLight(0xffffff, 1);
directionalLight.position.set(-0.6, 1, 1).normalize();
scene.add(directionalLight);
const backLight = new ...
0
votes
1
answer
15
views
R3F Providing context of GLTF imported meshes causes typescript error when subscribing to and rendering meshes
So I'm rendering out instanced meshes in my scene using the code below
interface IInstanceContext {
[key: string]: Mesh<BufferGeometry<NormalBufferAttributes>, Material | Material[], ...
0
votes
2
answers
37
views
Fill with a white PlaneGeometry the viewport with exact size
I am trying to paint white the viewport in threejs with a planeGeometry. The reason is that I need the view plane with size and transform (rotation and position).
These are my two fails tries:
...
0
votes
1
answer
14
views
How to properly fit a CanvasTexture on a mesh in Three.js?
I'm working on a project that involves applying a 2D canvas texture onto a mesh of a 3D model (specifically, projecting a canvas that imitates Windows 95 onto the screen of a computer model). My goal ...
0
votes
0
answers
14
views
Raycasters drifting off to far NDC
At the moment I am working with Cesium and OpenBIM Library to set up a viewer that can combine GIS and BIM information.
For this approach, I need to control my BIM viewer by synchronising it with my ...