three-text 0.1.1 → 0.2.0

package/dist/webgpu/index.js

@@ -0,0 +1,97 @@
+// WebGPU adapter - lightweight utility to create GPU buffers from core geometry
+function createWebGPUBuffers(device, textGeometry) {
+    const { vertices, normals, indices, colors } = textGeometry;
+    const vertexCount = indices.length;
+    // Interleave position and normal data for better cache coherency
+    // Layout: [px, py, pz, nx, ny, nz, px, py, pz, nx, ny, nz, ...]
+    const interleavedData = new Float32Array((vertices.length / 3) * 6);
+    for (let i = 0; i < vertices.length / 3; i++) {
+        const baseIndex = i * 6;
+        const vertIndex = i * 3;
+        // Position (NO FLIP - pass through)
+        interleavedData[baseIndex] = vertices[vertIndex];
+        interleavedData[baseIndex + 1] = vertices[vertIndex + 1];
+        interleavedData[baseIndex + 2] = vertices[vertIndex + 2];
+        // Normal (NO FLIP - pass through)
+        interleavedData[baseIndex + 3] = normals[vertIndex];
+        interleavedData[baseIndex + 4] = normals[vertIndex + 1];
+        interleavedData[baseIndex + 5] = normals[vertIndex + 2];
+    }
+    // Create vertex buffer with interleaved data
+    const vertexBuffer = device.createBuffer({
+        size: interleavedData.byteLength,
+        usage: GPUBufferUsage.VERTEX | GPUBufferUsage.COPY_DST,
+        mappedAtCreation: true
+    });
+    new Float32Array(vertexBuffer.getMappedRange()).set(interleavedData);
+    vertexBuffer.unmap();
+    // Create index buffer (NO FLIP - pass through)
+    const indexBuffer = device.createBuffer({
+        size: indices.byteLength,
+        usage: GPUBufferUsage.INDEX | GPUBufferUsage.COPY_DST,
+        mappedAtCreation: true
+    });
+    new Uint32Array(indexBuffer.getMappedRange()).set(indices);
+    indexBuffer.unmap();
+    // Vertex buffer layout for interleaved data
+    const vertexLayout = {
+        arrayStride: 24, // 6 floats * 4 bytes = 24 bytes per vertex
+        attributes: [
+            {
+                shaderLocation: 0,
+                offset: 0,
+                format: 'float32x3' // position
+            },
+            {
+                shaderLocation: 1,
+                offset: 12, // 3 floats * 4 bytes
+                format: 'float32x3' // normal
+            }
+        ]
+    };
+    const buffers = {
+        vertex: vertexBuffer,
+        indices: indexBuffer
+    };
+    const layout = {
+        vertex: vertexLayout
+    };
+    // Optional color buffer
+    let colorBuffer;
+    let colorLayout;
+    if (colors) {
+        colorBuffer = device.createBuffer({
+            size: colors.byteLength,
+            usage: GPUBufferUsage.VERTEX | GPUBufferUsage.COPY_DST,
+            mappedAtCreation: true
+        });
+        new Float32Array(colorBuffer.getMappedRange()).set(colors);
+        colorBuffer.unmap();
+        colorLayout = {
+            arrayStride: 12, // 3 floats * 4 bytes
+            attributes: [
+                {
+                    shaderLocation: 2,
+                    offset: 0,
+                    format: 'float32x3'
+                }
+            ]
+        };
+        buffers.color = colorBuffer;
+        layout.color = colorLayout;
+    }
+    return {
+        buffers,
+        layout,
+        indexFormat: 'uint32',
+        vertexCount,
+        dispose() {
+            vertexBuffer.destroy();
+            indexBuffer.destroy();
+            if (colorBuffer)
+                colorBuffer.destroy();
+        }
+    };
+}
+
+export { createWebGPUBuffers };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "three-text",
-  "version": "0.1.1",
-  "description": "Font rendering and text layout for Three.js",
+  "version": "0.2.0",
+  "description": "3D font rendering and text layout engine for the web",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
   "type": "module",
@@ -11,9 +11,25 @@
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
-    "./react": {
-      "import": "./dist/react/index.js",
-      "require": "./dist/react/index.cjs"
+    "./three": {
+      "import": "./dist/three/index.js",
+      "require": "./dist/three/index.cjs"
+    },
+    "./three/react": {
+      "import": "./dist/three/react.js",
+      "require": "./dist/three/react.cjs"
+    },
+    "./webgl": {
+      "import": "./dist/webgl/index.js",
+      "require": "./dist/webgl/index.cjs"
+    },
+    "./webgpu": {
+      "import": "./dist/webgpu/index.js",
+      "require": "./dist/webgpu/index.cjs"
+    },
+    "./p5": {
+      "import": "./dist/p5/index.js",
+      "require": "./dist/p5/index.cjs"
     },
     "./patterns/*": "./dist/patterns/*"
   },
@@ -30,7 +46,7 @@
     "build": "rollup -c && npm run copy:harfbuzz",
     "dev": "rollup -c -w",
     "serve": "npx http-server . -c-1 -p 8080 --cors",
-    "clean": "rimraf dist/index.* dist/react dist/hb dist/types",
+    "clean": "rimraf dist/index.* dist/react dist/three dist/hb dist/types",
     "prepublishOnly": "npm run clean && npm run test:build && npm run build",
     "test": "vitest run",
     "test:build": "node scripts/verifyBuild.mjs",

package/dist/react/index.d.ts

@@ -1,18 +0,0 @@
-import * as react from 'react';
-import * as THREE from 'three';
-import { TextOptions, TextGeometryInfo } from '../core/types';
-
-interface ThreeTextProps extends Omit<TextOptions, "text"> {
-    children: string;
-    font: string | ArrayBuffer;
-    material?: THREE.Material;
-    position?: [number, number, number];
-    rotation?: [number, number, number];
-    scale?: [number, number, number];
-    onLoad?: (geometry: THREE.BufferGeometry, info: TextGeometryInfo) => void;
-    onError?: (error: Error) => void;
-    vertexColors?: boolean;
-}
-declare const ThreeText: react.ForwardRefExoticComponent<ThreeTextProps & react.RefAttributes<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>>;
-
-export { ThreeText, ThreeTextProps };

package/dist/types/react/index.d.ts

@@ -1,2 +0,0 @@
-export { ThreeText } from './ThreeText';
-export type { ThreeTextProps } from './ThreeText';