Soy nuevo en Three JS y me gustaría crear un texto en 3D. Seguí la mayor parte del tutorial para crearlo, pero tengo un error incluso si sigo todos los pasos o copio/paso el código del tutorial. Este es mi componente:
import * as THREE from "three"; import bumped from "../Bumped.json"; const Text = () => { const font = new THREE.FontLoader().parse(bumped); const textOptions = { font, size: 5, height: 1, }; return ( <mesh> <textGeometry attach="geometry" args={["three.js", textOptions]} /> <meshStandardMaterial attach="material" /> </mesh> ); }; export default Text;Mis errores: // TRES. FontLoader se ha movido a /examples/jsm/loaders/FontLoader.js
// TypeError no detectado: (valor intermedio). parse no es una función
Por supuesto, este componente estará dentro de un elemento Canvas en la página principal. Errores de mi consola : Errores de mi consola
El error significa que FontLoader ya no forma parte de la biblioteca central desde r133 . Necesita una importación adicional para usar este cargador en su aplicación. Pruébalo con:
import { FontLoader } from 'three/examples/jsm/loaders/FontLoader.js'; Tenga en cuenta que ahora usa FontLoader sin el espacio de nombres THREE .