All Questions
297
questions
0
votes
1
answer
28
views
Scrolling on div does not work after applying transformation (Matrix3d)
The problem is that when you try to scroll the #content div, it does not work. Scrolling with the scrollbar works, however:
<!DOCTYPE html>
<html lang="en">
<head>
<...
0
votes
0
answers
46
views
HTML 5 Canvas Animation messed up while changing resolution and not working on mobile
This is my canvas code, it's just a simple circle animation with some mousemove effect, but when i try to change my resolution it will make it bigger and messy. Also not working on mobile. IT usually ...
0
votes
1
answer
45
views
Problem with adding image avatar on three.js globe
I am preparing a 3d globe with three.js and I already achieve the rotating globe with below code.
HTML
<canvas id="canvas"></canvas>
JS
let camera;
let renderer;
function main()...
0
votes
0
answers
30
views
How to proper rotate object with a 45-degree angle using OrbitControls?
I'm working on a Nextjs project with react-three-fiber and react-three-drei. I want to rotate the object with a 45-degree angle using OrbitControls component, I tried using rotation property but didn'...
0
votes
0
answers
35
views
CSS2DOBJECT how to set its render order to be occluded by other mesh
As many others implemented the css2dobject for setting markups in the scene, I decided to implemented it too. It turns out that the object is always visible even if its occluded by other meshes as ...
0
votes
1
answer
26
views
Difficulty in synchronizing scrolling between a canvas with and the rest of the page content
I'm currently working on a project that involves a Three.js canvas with OrbitControls for interactive 3D visualization. However, I'm facing difficulty in synchronizing scrolling between the Three.js ...
0
votes
0
answers
32
views
How do I pause an ongoing TWEEN without it skipping to final position when resumed?
So to make it short I am trying to make visualization of sorting algorithms using html , CSS , JS (additional libraries- [three.js] for rendering the objects and [tween.js] for animating those objects)...
0
votes
1
answer
74
views
Overlaying an image on a cube in three.js does not work
I'm trying to overlay an image on a cube, for this I asked to write the code chat gpt and blackbox, in both cases I get a black screen. I saved the code in the file test.html and tried to run it in ...
0
votes
2
answers
72
views
How can I center threejs object inside div?
I have this JS code, I am trying to center my object inside the div for my website. However I am unable to do it. I have tried posted solution but they did not work. I appreciate your help.
import * ...
0
votes
1
answer
106
views
How do I move the three.js animated object to the right with GSAP without covering HTML text?
I am new to web design so forgive me if this is a basic problem. I have an animated object in three.js which I would like to move to the left side of the screen using GSAP. I also have a text "...
0
votes
1
answer
131
views
Three.js plane color is darker when adding lights
import * as THREE from 'three';
import {OrbitControls} from 'three/examples/jsm/controls/OrbitControls.js';
import * as dat from 'dat.gui';
const renderer = new THREE.WebGL1Renderer();
renderer....
0
votes
1
answer
132
views
I want to add a background to my wordpress website in three.js, creating a wireframe I don't manage to put a sphere at the extremity of each line
So I have a turquoise diamond, I would like to add a directional camera from the camera. This will be a bg in a WordPress section (also don't know how to do.
So my issue here is I have created a ...
0
votes
0
answers
140
views
Compile and show three.js page using php
I need to compile and show this tutorial(https://github.com/wass08/table-configurator-three-js-r3F-tutorial-final) result with pure php.
It's a react three.js page that allows user to edit a 3d table ...
0
votes
0
answers
60
views
how to go to three.js page using pure website - Expected a JavaScript module
I need to create a pure html, css and php website that has a button that when click it'll redirect you to the three.js page.
I tried using <script type="module" src="src/main.jsx&...
0
votes
0
answers
28
views
Insert images into advertising frames of a 3D modeled advertising bicycle within a web page
I need to apply mesh to the advertising frames of an advertising bicycle Modeled in 3D in blender, to know the label of that layer and insert an image according to the 3D structure of the advertising ...