react-msdf-text:使用React和React-Triple-Fiber使用多通道带符号距离字段文本字体在WebGL中显示文本

时间:2024-05-27 22:56:11
【文件属性】:

文件名称:react-msdf-text:使用React和React-Triple-Fiber使用多通道带符号距离字段文本字体在WebGL中显示文本

文件大小:608KB

文件格式:ZIP

更新时间:2024-05-27 22:56:11

react webgl text msdf react-three-fiber

react-msdf-text 使用React和React-Triple-Fiber使用多通道带符号距离字段文本字体在WebGL中显示文本 该项目大量借鉴了关于Three.js中MSDF文本 安装 npm install --save react-msdf-text 用法 import React , { Suspense } from 'react' import { Canvas } from 'react-three-fiber' import { Text } from 'react-msdf-text' const App = ( ) => { return ( < Canvas style = { { width : "100vw" , height : "100vh" } } pixelRatio = { window . device


【文件预览】:
react-msdf-text-master
----example()
--------package.json(885B)
--------package-lock.json(1.36MB)
--------src()
--------public()
--------README.md(266B)
----package.json(3KB)
----package-lock.json(740KB)
----src()
--------utils.js(10KB)
--------index.js(23B)
--------shaders.js(5KB)
--------fonts()
--------TextGeometry.jsx(3KB)
--------Text.jsx(11KB)
--------index.test.js(125B)
----.gitignore(281B)
----README.md(2KB)
----.eslintignore(47B)
----.editorconfig(147B)

网友评论