From 3da8a06c9d64f84b3d6121c5950e91e295b8872f Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期三, 08 五月 2024 15:31:41 +0800
Subject: [PATCH] #
---
src/components/text.jsx | 17 +++++++++--------
1 files changed, 9 insertions(+), 8 deletions(-)
diff --git a/src/components/text.jsx b/src/components/text.jsx
index fce096e..eed3fe5 100644
--- a/src/components/text.jsx
+++ b/src/components/text.jsx
@@ -17,17 +17,18 @@
return canvas;
}
-const Text = ({
- text,
- position,
- scale = new THREE.Vector3(100, 100, 100),
- color = '#00D1D1',
- fontSize = 50,
-}) => {
+const Text = (props) => {
+ const { text, position, color = '#00D1D1', fontSize = 100 } = props;
+
const [material, setMaterial] = useState(undefined);
+ const [scale, setScale] = useState(new THREE.Vector3(100, 100, 100));
+
useEffect(() => {
+ const canvas = generateSprite(text, color, fontSize);
+ const texture = new THREE.CanvasTexture(canvas);
+ setScale(new THREE.Vector3(texture.image.width / 4, texture.image.height / 4, 1));
const material = new THREE.SpriteMaterial({
- map: new THREE.CanvasTexture(generateSprite(text, color, fontSize)),
+ map: texture,
blending: THREE.AdditiveBlending,
});
setMaterial(material);
--
Gitblit v1.9.1