Buckets:
| import * as THREE from "three"; | |
| function createText(message, height) { | |
| const canvas = document.createElement("canvas"); | |
| const context = canvas.getContext("2d"); | |
| let metrics = null; | |
| const textHeight = 100; | |
| context.font = "normal " + textHeight + "px Arial"; | |
| metrics = context.measureText(message); | |
| const textWidth = metrics.width; | |
| canvas.width = textWidth; | |
| canvas.height = textHeight; | |
| context.font = "normal " + textHeight + "px Arial"; | |
| context.textAlign = "center"; | |
| context.textBaseline = "middle"; | |
| context.fillStyle = "#ffffff"; | |
| context.fillText(message, textWidth / 2, textHeight / 2); | |
| const texture = new THREE.Texture(canvas); | |
| texture.needsUpdate = true; | |
| const material = new THREE.MeshBasicMaterial({ | |
| color: 16777215, | |
| side: THREE.DoubleSide, | |
| map: texture, | |
| transparent: true | |
| }); | |
| const geometry = new THREE.PlaneGeometry(height * textWidth / textHeight, height); | |
| const plane = new THREE.Mesh(geometry, material); | |
| return plane; | |
| } | |
| export { | |
| createText | |
| }; | |
| //# sourceMappingURL=Text2D.js.map | |
Xet Storage Details
- Size:
- 1.05 kB
- Xet hash:
- 63ab50787383163867adf3b9cdd967bd4b9e27aabf946320e752ecf296774c45
·
Xet efficiently stores files, intelligently splitting them into unique chunks and accelerating uploads and downloads. More info.