I’m using troika-three-text with Three.js. In Onshape, when you rotate the camera, text is visible from the back exactly the same as from the front. I need the same behavior:

I have never used troika, but if it is a mesh that can be rotated, you may just flip the mesh when needed. Something like this (but in your case flipping should be around vertical axis and should depend on the camera position): https://codepen.io/boytchev/full/BaEjzdJ

Hi @Taron_Holikyan … Please see this example… [image] troikay.html Troika Example with Three.js and write us what could You like to do.

Here is a CodePen example I created using helvetiker font. As I recall, creating a two-sided text label was fairly straightforward. Creating animated numbers involved more work. I used them in a set of tutorials, like this one .

How to Render Troika-Three-Text Identically from the Front and Back (Onshape-Style Camera Rotation)

Questions

PavelBoytchev November 19, 2025, 7:46pm 4

Maybe something like this, but without the hardcoded values:

https://codepen.io/boytchev/full/WbwEJWL

Topic		Replies	Views
Best practice for 3d text viewed from the back Questions	3	460	October 22, 2024
CSS3DObject reverse Questions controls , orbit-controls	4	1188	February 5, 2021
Text on faces of Icosahedron geometry Questions geometry	8	1600	September 3, 2021
Backward stacked rectangles with text Questions text	2	634	August 10, 2021
3D text display in reverse Questions textures , text , gltf-loader , gltf , canvastexture	1	331	February 8, 2024

How to Render Troika-Three-Text Identically from the Front and Back (Onshape-Style Camera Rotation)

Related topics