There are two custom geometries that I created: Box2Geometry and StaticTestPentagonPlaneGeometry.
The Box2Geometry JSFiddle shows that the first geometry texturizes perfectly, while the StaticTestPentagonPlaneGeometry JSFiddle does not texturize properly.
The fiddles are very similar, with the only difference being the geometries used. Despite trying to remove the emissive: 0xffffff property from the second geometry, the texturization issue remains.
In an attempt to showcase both geometries simultaneously, a third fiddle was created. However, this fiddle fails to render anything, leaving me to believe that the computing gods find it amusing.
Rendering result from the Box2Geometry fiddle:
https://i.sstatic.net/oS1tW.png
Rendering result from the StaticTestPentagonPlaneGeometry fiddle:
https://i.sstatic.net/2Q1bY.png
Code snippet from the Box2Geometry JSFiddle:
"use strict";
// Code for Box2Geometry
// Includes scene setup, geometry creation, texture loading, material setup, and rendering logic
// Meticulously crafted by a diligent developer
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
</head>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r73/three.js"></script>
<script src="main.js"></script>
</body>
</html>Code snippet from the StaticTestPentagonPlaneGeometry JSFiddle:
"use strict";
// Code for StaticTestPentagonPlaneGeometry
// Includes scene setup, geometry creation, texture loading, material setup, and rendering logic
// Unfortunately facing texturization issues
// Will require divine intervention to rectify
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
</head>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r73/three.js"></script>
<script src="main.js"></script>
</body>
</html>