Three.js - update Mesh Colour of Object3D2019 Community Moderator ElectionHow to dynamically add mesh from Object3D to new Object in THREE.jsHow do I update each dependency in package.json to the latest version?Plans for hierarchical view culling in three.js?Blender - three.js export - Linked GroupsThree.js: Completely change object's GeometryJavaScript - Three.js compute bounding box of Object3D with BufferGeometryWhy imported geometry from JSONLoader to THREE.js is only displayed if added to the scene inside loader.load callback function?Mesh of meshes in three.jsMerging geometries in three.jsthree.js EdgesGeometry / Line Segments do not update after verticesNeedUpdate()
What are substitutions for coconut in curry?
Worshiping one God at a time?
How to get the n-th line after a grepped one?
Can you move over difficult terrain with only 5' of movement?
Do native speakers use "ultima" and "proxima" frequently in spoken English?
Constant Current LED Circuit
Have the tides ever turned twice on any open problem?
How can I wire 7 outdoor posts correctly?
Does .bashrc contain syntax errors?
Is there a term for accumulated dirt on the outside of your hands and feet?
How can my new character not be a role-playing handicap to the party?
Synchronized implementation of a bank account in Java
What can I do if I am asked to learn different programming languages very frequently?
Matrix using tikz package
What favor did Moody owe Dumbledore?
Am I eligible for the Eurail Youth pass? I am 27.5 years old
Using Past-Perfect interchangeably with the Past Continuous
Is it correct to say "which country do you like the most?"
Do I need to be arrogant to get ahead?
How to generate binary array whose elements with values 1 are randomly drawn
What is the relationship between relativity and the Doppler effect?
Maths symbols and unicode-math input inside siunitx commands
What if (if any) the reason to buy in small local stores?
Turning a hard to access nut?
Three.js - update Mesh Colour of Object3D
2019 Community Moderator ElectionHow to dynamically add mesh from Object3D to new Object in THREE.jsHow do I update each dependency in package.json to the latest version?Plans for hierarchical view culling in three.js?Blender - three.js export - Linked GroupsThree.js: Completely change object's GeometryJavaScript - Three.js compute bounding box of Object3D with BufferGeometryWhy imported geometry from JSONLoader to THREE.js is only displayed if added to the scene inside loader.load callback function?Mesh of meshes in three.jsMerging geometries in three.jsthree.js EdgesGeometry / Line Segments do not update after verticesNeedUpdate()
I have a Three.js Object3D that I would like to update the colour of.
I originally construct the Mesh using a MeshStandardMaterial and add it into the scene. Later, I look up this object by ID and retrieve an Object3D from the scene. How can I update the colour of the Mesh at this point - is it possible?
If I have to delete the 3D object and add an entirely new one - is there a way to retrieve the geometry that was originally used to construct it from the Object3D itself? I would rather not store a mapping of the original geometry to an object's ID, as this would make the code messy. One option I can think of is to store the geometry on Object3D.UserData, but this is again suboptimal as currently the Meshes are constructed elsewhere - and then added to the scene (user data is available only once it has been added to the scene).
javascript three.js
asked Mar 6 at 21:49
JazzyGreenJazzyGreen
915
add a comment |
I have a Three.js Object3D that I would like to update the colour of.
I originally construct the Mesh using a MeshStandardMaterial and add it into the scene. Later, I look up this object by ID and retrieve an Object3D from the scene. How can I update the colour of the Mesh at this point - is it possible?
If I have to delete the 3D object and add an entirely new one - is there a way to retrieve the geometry that was originally used to construct it from the Object3D itself? I would rather not store a mapping of the original geometry to an object's ID, as this would make the code messy. One option I can think of is to store the geometry on Object3D.UserData, but this is again suboptimal as currently the Meshes are constructed elsewhere - and then added to the scene (user data is available only once it has been added to the scene).
javascript three.js
asked Mar 6 at 21:49
JazzyGreenJazzyGreen
915
add a comment |
I have a Three.js Object3D that I would like to update the colour of.
I originally construct the Mesh using a MeshStandardMaterial and add it into the scene. Later, I look up this object by ID and retrieve an Object3D from the scene. How can I update the colour of the Mesh at this point - is it possible?
If I have to delete the 3D object and add an entirely new one - is there a way to retrieve the geometry that was originally used to construct it from the Object3D itself? I would rather not store a mapping of the original geometry to an object's ID, as this would make the code messy. One option I can think of is to store the geometry on Object3D.UserData, but this is again suboptimal as currently the Meshes are constructed elsewhere - and then added to the scene (user data is available only once it has been added to the scene).
javascript three.js
asked Mar 6 at 21:49
JazzyGreenJazzyGreen
915
I have a Three.js Object3D that I would like to update the colour of.
I originally construct the Mesh using a MeshStandardMaterial and add it into the scene. Later, I look up this object by ID and retrieve an Object3D from the scene. How can I update the colour of the Mesh at this point - is it possible?
If I have to delete the 3D object and add an entirely new one - is there a way to retrieve the geometry that was originally used to construct it from the Object3D itself? I would rather not store a mapping of the original geometry to an object's ID, as this would make the code messy. One option I can think of is to store the geometry on Object3D.UserData, but this is again suboptimal as currently the Meshes are constructed elsewhere - and then added to the scene (user data is available only once it has been added to the scene).
javascript three.js
javascript three.js
asked Mar 6 at 21:49
JazzyGreenJazzyGreen
915
asked Mar 6 at 21:49
JazzyGreenJazzyGreen
915
asked Mar 6 at 21:49
JazzyGreenJazzyGreen
915
asked Mar 6 at 21:49
JazzyGreenJazzyGreen
915
asked Mar 6 at 21:49
JazzyGreenJazzyGreen
915
915
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
An Object3D can be a Mesh that's composed of a Geometry and a Material. If you want to update the color, simply select that material, and assign a new color to it:
object.material.color.set(0xff9900); // Sets to orange
In the docs, you can see that .color is a property of MeshStandardMaterial and .material is a property of Mesh
answered Mar 6 at 23:40
MarquizzoMarquizzo
6,49152045
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55032720%2fthree-js-update-mesh-colour-of-object3d%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
An Object3D can be a Mesh that's composed of a Geometry and a Material. If you want to update the color, simply select that material, and assign a new color to it:
object.material.color.set(0xff9900); // Sets to orange
In the docs, you can see that .color is a property of MeshStandardMaterial and .material is a property of Mesh
answered Mar 6 at 23:40
MarquizzoMarquizzo
6,49152045
add a comment |
An Object3D can be a Mesh that's composed of a Geometry and a Material. If you want to update the color, simply select that material, and assign a new color to it:
object.material.color.set(0xff9900); // Sets to orange
In the docs, you can see that .color is a property of MeshStandardMaterial and .material is a property of Mesh
answered Mar 6 at 23:40
MarquizzoMarquizzo
6,49152045
add a comment |
An Object3D can be a Mesh that's composed of a Geometry and a Material. If you want to update the color, simply select that material, and assign a new color to it:
object.material.color.set(0xff9900); // Sets to orange
In the docs, you can see that .color is a property of MeshStandardMaterial and .material is a property of Mesh
answered Mar 6 at 23:40
MarquizzoMarquizzo
6,49152045
An Object3D can be a Mesh that's composed of a Geometry and a Material. If you want to update the color, simply select that material, and assign a new color to it:
object.material.color.set(0xff9900); // Sets to orange
In the docs, you can see that .color is a property of MeshStandardMaterial and .material is a property of Mesh
answered Mar 6 at 23:40
MarquizzoMarquizzo
6,49152045
answered Mar 6 at 23:40
MarquizzoMarquizzo
6,49152045
answered Mar 6 at 23:40
MarquizzoMarquizzo
6,49152045
answered Mar 6 at 23:40
MarquizzoMarquizzo
6,49152045
6,49152045
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55032720%2fthree-js-update-mesh-colour-of-object3d%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
