hi everyone, i’m developing a 3D + 2D web operating system (a step up from a CMS i can tell you). now, i want to display files as cubes (no problems there[2]), and folders as DodeCahedronGeometry instances with a custom material. i’ve uploaded my sources; NicerEnterprises/NicerApp-WebOS-v…

ok, you were right about the scaling… my world is 100 * 1000 large because i want to work with detailed textures even when zoomed in on details btw. var g = new THREE.DodecahedronGeometry(250); fixed the sizing problem next problem : there’s no easy way to specify the color of the DodecahedronGeo…

What appears when you console log the DodecahedronGeometry mesh? Do the scale and size has reasonable values? Is both the geometry and the material defined? In the shared snippets it looks like you’re creating a BoxGeometry of size 300x300x300, but DodecahedronGeometry with just the default size of…

[image] Rene_Veerman: […] my world is 100 * 1000 large because i want to work with detailed textures even when zoomed in on details btw. Not sure what you mean, world scale is unrelated to texture quality. Texture applied to 1x1x1 geometry will look the same as a texture applied to a 100x100x…

i tried your solution for the materials, but unfortunately it doesn’t work yet… i can get to be black and semi-transparent, but not a specific color… NicerEnterprises/NicerApp-WebOS-v6.y.z/blob/eb89cd7dc77e8376f07f72adeb48cb4e0a95ff41/NicerAppWebOS/logic.vividUserInterface/v6.y.z/3D/na3D.j…

The material.color is multiplied with whatever texture color you have assigned. Try removing the texture and see if material.color works correctly… if it does, then try adding texture back.

i removed map: from the material instance setup code, .color still doesn’t work :frowning: the meshes stay black and semi-transparent. NicerEnterprises/NicerApp-WebOS-v6.y.z/blob/023bcd4a7616087e615836ba166c7b710c42244b/NicerAppWebOS/logic.vividUserInterface/v6.y.z/3D/na3D.js#L1549 …

ok, the solution turned out to be real simple… don’t use 0x0000FF, use #0000FF for the ‘emissive’ color NicerEnterprises/NicerApp-WebOS-v6.y.z/blob/6727ccd84ef81e74c7a9bdddad6e07c6dd10edd8/NicerAppWebOS/logic.vividUserInterface/v6.y.z/3D/na3D.js#L1550 ); …

[image] Rene_Veerman: don’t use 0x0000FF, use #0000FF Well, you can use 0x0000ff, if you don’t put ' around it, turning it into a string, whereas it needs to be a hex number. 0x0000ff and '0x0000ff' are different things.

Can't get three.js DodecahedronGeometry on the screen

Questions

hofk January 16, 2024, 11:25am 3

How do you use var baseUVs = ...

see
OctahedronMultipleTexture

NumberedIcosahedron

RoundEdgedBoxFlat

from the
Collection of examples from discourse.threejs.org

Topic		Replies	Views
How to put numbers to the sides of a cube and later get which number landed on top Questions textures , materials , geometry , animation	45	2290	July 12, 2024
Problems with creating custom polyhedron geometry Questions geometry	62	8007	August 2, 2019
Dodecahedron with a separate texture for each face Questions textures , materials , geometry	5	2762	December 24, 2020
Octahedrom Geometry with multiple texture images Questions textures , loaders , geometry , animation	14	1465	December 6, 2022
Multiple materials for icosahedron Questions materials , geometry	5	1580	August 12, 2021

Can't get three.js DodecahedronGeometry on the screen

Related topics