Cuando paso los valores a three.js así...

 const paintgeom = new THREE.CylinderGeometry(2.5, 1.5, 3.3, 240, 1, true);

El resultado se ve así (todo es como se esperaba).

Sin embargo, si paso lo mismo que una var así ...

 var trad = '2.5'; const paintgeom = new THREE.CylinderGeometry(trad, 1.5, 3.3, 240, 1, true);

Obtengo resultados de tipo 'pellizco' o 'reloj de arena' muy extraños como este ...

También intenté pasar los parámetros como un eco php pero obtuve el mismo resultado extraño. ¿Cómo puedo pasar estos números al script y no tener que codificarlos por favor?

También puse el código completo en JSFiddle https://jsfiddle.net/StickerMonkey/ov12fh3s/53/