diff --git a/src/components/TextMesh/index.jsx b/src/components/TextMesh/index.jsx index 32c8620..dd27184 100644 --- a/src/components/TextMesh/index.jsx +++ b/src/components/TextMesh/index.jsx @@ -1,8 +1,9 @@ +import * as THREE from 'three' /* three/examples/fonts/helvetiker_bold.typeface.json */ import { useLayoutEffect, useRef } from 'react' import { Vector3 } from 'three' import { FontLoader, TextGeometry } from 'three-stdlib' import { extend } from '@react-three/fiber' -import defaultFont from '../../assets/NoirPro-Bold.json' /* three/examples/fonts/helvetiker_bold.typeface.json */ +import defaultFont from '../../assets/NoirPro-Bold.json' extend({ TextGeometry }) @@ -13,12 +14,12 @@ export function TextMesh({ fontConfig = { size: 100, height: 0.1, - curveSegments: 32, + curveSegments: 1, bevelEnabled: true, - bevelThickness: 1, - bevelSize: 1, - bevelOffset: 0, - bevelSegments: 2 + bevelThickness: 2, + bevelSize: 10, + bevelOffset: -10, + bevelSegments: 0.001 }, vAlign = 'center', hAlign = 'center', @@ -53,7 +54,7 @@ export function TextMesh({ e.center() }} /> - + )