Is there a way to retrieve the text from THREE.TextGeometry?

Question

Is there a way to retrieve the text from THREE.TextGeometry?

I recently generated a new Mesh using TextGeometry and added it to an array of meshes:

var text3d = new THREE.TextGeometry( "Hello!", {
    font: "Helvetica"
});
text3d.computeBoundingBox();
var textMaterial = new THREE.MeshBasicMaterial({ color: 0xb0bca7, overdraw: true });
meshArray.push(new THREE.Mesh( text3d, textMaterial ));

This leads me to the following inquiries:

How can I retrieve the original text from the text3d object?
How can I extract the same text from the Mesh object stored in meshArray?

Unfortunately, the documentation did not provide me with any useful information.

javascript three.js

Answer 1

Answer №1

When using THREE.TextGeometry, the text is immediately converted to shapes and not stored in its original form. Retrieving the original text later on is not possible.

However, you can assign a variable to the created text3d object in JavaScript if needed.

var myText = "Greetings!";
var text3d = new THREE.TextGeometry(myText, {
    font: "helvetiker"
});
text3d.text = myText; // saving for future reference...
text3d.computeBoundingBox();
var textMaterial = new THREE.MeshBasicMaterial({ color: 0xffcc00, overdraw: true });
meshArray.push(new THREE.Mesh(text3d, textMaterial));

If you decide to save the text for later use, you can access it with text3d.text, or retrieve it from the Mesh using mesh.geometry.text or meshArray[xxx].geometry.text.

Answer 2

When using THREE.TextGeometry, the text is immediately converted to shapes and not stored in its original form. Retrieving the original text later on is not possible.

However, you can assign a variable to the created text3d object in JavaScript if needed.

var myText = "Greetings!";
var text3d = new THREE.TextGeometry(myText, {
    font: "helvetiker"
});
text3d.text = myText; // saving for future reference...
text3d.computeBoundingBox();
var textMaterial = new THREE.MeshBasicMaterial({ color: 0xffcc00, overdraw: true });
meshArray.push(new THREE.Mesh(text3d, textMaterial));

If you decide to save the text for later use, you can access it with text3d.text, or retrieve it from the Mesh using mesh.geometry.text or meshArray[xxx].geometry.text.

Is there a way to retrieve the text from THREE.TextGeometry?

Answer №1

Similar questions

The Kendo UI Grid will consistently begin at Page 0

Unable to find 'react/lib/merge' module

Is there a specific event in fancytree that is triggered once the tree data has finished loading entirely?

Import a JavaScript dependency from a browserify bundle

Managing consecutive synchronous side effects that are dependent on each other using React hooks

Retrieve Chosen Option in AngularJS

Tips for using MatTableDataSource in a custom Thingsboard widget

The Vuetify Jest button trigger fails to function properly despite utilizing a spy

Tips for testing Sequelize with Jasmine

Using NodeJS to assign key-value pairs to a JSON object

Handling Camera Positioning and Direction in Three.js: Utilizing Orbit Controls and camera

Tips for detecting when the MDC Snackbar has been closed using JavaScript

Tips for effectively dividing a component's code into smaller sub-components

Deactivate the Autofill feature on Google Toolbar

Instantaneous data refresh using Firebase Cloud Functions

What factors outside of the program could potentially lead to the splice function not functioning as expected?

Having trouble sending data through a jQuery AJAX request?

Sharing the state of a button group across different tabs using Bootstrap 5 and JQuery (or pure JavaScript): A complete guide!

What is the best way to paginate aggregated results in Mongoose?

Material design for Angular applications - Angular Material is