python (65.1k questions)

javascript (44.2k questions)

reactjs (22.7k questions)

java (20.8k questions)

c# (17.4k questions)

html (16.3k questions)

r (13.7k questions)

android (12.9k questions)

Questions - three.js

Map Texture to Plane without distortion

In Three.js, how can I change the way in which a texture gets mapped onto a plane? Let's assume we have a 1x1 plane and a 16:9 image. How can I control the way in which that image gets mapped onto the...
test-img

Ben

three.js

Votes: 0

Answers: 1

Latest Answer

A Texture already has several properties built-in that can do what you're looking for. const texture = textureLoader.load("whatever.png"); const planeMesh = new THREE.Mesh( new THREE.Pl...
test-img

M -

Variable the same value both inside and outside for loop

I have an array of objects that feed info to a variable that generates "markers": var markers = [ //testPOW { mesh: ["campDome","POW"], color: iconRed, location: {la...
test-img

evilgenious448

javascript

arrays

object

three.js

Votes: 0

Answers: 1

Latest Answer

Does creating an array help? let marker = []; for (var i=0; i < markers.length; i++) { marker.push(this.addMarker( { mesh : markers[i].mesh, color: markers[i].color,...
test-img

akshayreddy

How to render caps with clipping planes and stencil in Threejs with outer and inner mesh objects

I’m new to three.js and stackoverflow. I’m trying to clip and cap three.js objects that have been rendered so I can move the helperPlane back and forth through the object to see inside it. There's an ...
test-img

Fraserr 01

javascript

three.js

webgl

Votes: 0

Answers: 1

Latest Answer

I had some success with what I set out to do. This is an updated JSFiddle. I was able to implement capping an object inside another object with clipping and stencils. I included drag and orbit control...
test-img

Fraserr 01

Inclination issue in text while facing camera

I recently got this problem. In this, I have to make text facing camera always and I figured out one solution which is working for me. The only issue is that text is a little bit inclined downward. So...
test-img

Abhishek Kumar

three.js

aframe

Votes: 0

Answers: 1

Latest Answer

AFRAME.registerComponent("nametag-rotation", { schema: { target: { type: "selector", default: "[camera]" }, }, init: function () { this.worldPosition =...
test-img

ajai.s

Posts

Questions

Blogs

Jobs