20,893 questions
2
votes
1
answer
89
views
How to continue an animation after a condition statement was met in Three.js
I'm trying to create an infinite loop of objects which are moving vertically up.
The objects are grids, or walls. I plan to delete the wall as soon it goes off the camera, and then create a new wall.
...
-1
votes
0
answers
40
views
my three.js import does not work. UnrealBloomPass
import {UnrealBloomPass} from 'https://unpkg.com/[email protected]/examples/jsm/postprocessing/UnrealBloomPass.js';
Not sure what I should do.
This should work.
the src is a module src.
0
votes
0
answers
82
views
Is it possible to see HTML behind a canvas where Three.js is rendered?
I made a example, here’s the link to it -
https://stackblitz.com/edit/vitejs-vite-cve3gcbr?file=package.json&terminal=dev
I tried to do this because it’s needed for this mockup.
Here’s the link to ...
0
votes
0
answers
64
views
Can't dispose MeshPhysicalMaterial
I am unable to get a MeshPhysicalMaterial to dispose correctly.
Below is a full example which shows the problem.
In the example I am using MeshPhysicalMaterial for some Mesh's in a Scene, then after 2 ...
0
votes
0
answers
71
views
Home.tsx:510 THREE.WebGLRenderer: A WebGL context could not be created
I was using a free Spline animation with .splicecode file .. the page is currently in development phase , running it locally . Only using that one animation also in top of Home Page .
Sometimes it ...
0
votes
2
answers
117
views
javascript importmap with "THREE" and "three"
I've got javascript libraries that I'm importing and some of them refer to three.js as "THREE" and others refer to three.js as "three". I dropped in an importmap to try to clear ...
Tooling
0
votes
0
replies
58
views
How can I correctly align a 2D face image to preserve identity on a generated 3D human mesh?
I am generating a 3D human body mesh from user attributes (height, weight, gender, etc.) using a parametric model. The body is created correctly and proportions look accurate.
After that, I try to ...
1
vote
1
answer
155
views
clipping plane in threejs with different stencilRef
I need to clip an object in a ThreeJS scene using multiple clipping planes.
I used the example – it's a great example with the Depth Peeling / Stencil Volume method, but I need to do the same thing ...
3
votes
0
answers
138
views
React-three/fiber canvas only displaying when I manually alter the viewport
I've a project that takes a GLB, breaks it down into the two components and then populates a react-three/fiber canvas.
It looks great and gets fully populated by the GLB but only if I go in and ...
0
votes
0
answers
65
views
iOS: iframe inside Three.js CSS3DRenderer (CSS3DObject) won’t scroll
Problem
I’m building a Three.js scene where a laptop screen is a CSS3DObject containing an <iframe> (the iframe loads my separate React “2D OS” app). Desktop works fine, but on iOS Safari, ...
-2
votes
1
answer
217
views
THREE is not defined (latest versions)
I'm trying to get three.js working via CDN with this in my HTML as explained on their installation page
<script type="importmap">
{
"imports": {
"three": &...
Tooling
0
votes
1
replies
83
views
Implement STL flexi toy maker / add hinges to STL files programmatically
So, what I am trying to implement is STL flexi toy maker app.
The desired functionality is simple: the user uploads stl -> selects where to 'cut' (where the hinges will be) -> the model is ...
1
vote
0
answers
77
views
React-three-fiber: Cannot convert undefined or null to object (useRef)
I’m running into a strange issue with react-three-fiber that only shows up in development, but not after deploying to Vercel.
Here’s my setup:
<Canvas gl={{ antialias: true }} camera={{ position: [...
Advice
5
votes
5
replies
906
views
what effect and math is behaind animation at antigravity google with Three.js?
How does antigravity.google create its background animation effect using Three.js, and how can I reproduce something similar (likely using math-based animations)?
I'm trying to understand how the ...
0
votes
0
answers
60
views
I can't move from panorama image to next one inside immersive web experience
Inside the VR mode, I can move from image to another I use my own fetching API.
I tried to move to the next panorama, but it is not moving inside the scene. I was trying multiple solutions, nothing ...