![logo](logo.jpg)
[![Version](https://img.shields.io/npm/v/@react-three/drei?style=flat&colorA=000000&colorB=000000)](https://www.npmjs.com/package/@react-three/drei)
[![Downloads](https://img.shields.io/npm/dt/@react-three/drei.svg?style=flat&colorA=000000&colorB=000000)](https://www.npmjs.com/package/@react-three/drei)
[![Discord Shield](https://img.shields.io/discord/740090768164651008?style=flat&colorA=000000&colorB=000000&label=discord&logo=discord&logoColor=ffffff)](https://discord.com/channels/740090768164651008/741751532592038022)
[![Open in GitHub Codespaces](https://img.shields.io/static/v1?&message=Open%20in%20%20Codespaces&style=flat&colorA=000000&colorB=000000&label=GitHub&logo=github&logoColor=ffffff)](https://github.com/codespaces/new?template_repository=pmndrs%2Fdrei)
A growing collection of useful helpers and fully functional, ready-made abstractions for [@react-three/fiber](https://github.com/pmndrs/react-three-fiber). If you make a component that is generic enough to be useful to others, think about making it available here through a PR!
```bash
npm install @react-three/drei
```
:point_right: this package is using the stand-alone [`three-stdlib`](https://github.com/pmndrs/three-stdlib) instead of [`three/examples/jsm`](https://github.com/mrdoob/three.js/tree/master/examples/jsm). :point_left:
### Basic usage:
```jsx
import { PerspectiveCamera, PositionalAudio, ... } from '@react-three/drei'
```
### React-native:
```jsx
import { PerspectiveCamera, PositionalAudio, ... } from '@react-three/drei/native'
```
The `native` route of the library **does not** export `Html` or `Loader`. The default export of the library is `web` which **does** export `Html` and `Loader`.
### Index
<table>
<tr>
<td valign="top">
<ul>
<li><a href="#cameras">Cameras</a></li>
<ul>
<li><a href="#perspectivecamera">PerspectiveCamera</a></li>
<li><a href="#orthographiccamera">OrthographicCamera</a></li>
<li><a href="#cubecamera">CubeCamera</a></li>
</ul>
<li><a href="#controls">Controls</a></li>
<ul>
<li><a href="#cameracontrols">CameraControls</a></li>
<li><a href="#controls">FlyControls</a></li>
<li><a href="#controls">MapControls</a></li>
<li><a href="#controls">DeviceOrientationControls</a></li>
<li><a href="#controls">TrackballControls</a></li>
<li><a href="#controls">ArcballControls</a></li>
<li><a href="#controls">PointerLockControls</a></li>
<li><a href="#controls">FirstPersonControls</a></li>
<li><a href="#scrollcontrols">ScrollControls</a></li>
<li><a href="#presentationcontrols">PresentationControls</a></li>
<li><a href="#keyboardcontrols">KeyboardControls</a></li>
</ul>
<li><a href="#gizmos">Gizmos</a></li>
<ul>
<li><a href="#gizmohelper">GizmoHelper</a></li>
<li><a href="#pivotcontrols">PivotControls</a></li>
<li><a href="#transformcontrols">TransformControls</a></li>
<li><a href="#grid">Grid</a></li>
<li><a href="#usehelper">useHelper</a></li>
</ul>
<li><a href="#abstractions">Abstractions</a></li>
<ul>
<li><a href="#image">Image</a></li>
<li><a href="#text">Text</a></li>
<li><a href="#text3d">Text3D</a></li>
<li><a href="#positionalaudio">PositionalAudio</a></li>
<li><a href="#billboard">Billboard</a></li>
<li><a href="#screenspace">ScreenSpace</a></li>
<li><a href="#effects">Effects</a></li>
<li><a href="#gradienttexture">GradientTexture</a></li>
<li><a href="#edges">Edges</a></li>
<li><a href="#trail">Trail</a></li>
<li><a href="#sampler">Sampler</a></li>
<li><a href="#computedattribute">Computed Attribute</a></li>
<li><a href="#clone">Clone</a></li>
<li><a href="#useanimations">useAnimations</a></li>
<li><a href="#marchingcubes">MarchingCubes</a></li>
<li><a href="#decal">Decal</a></li>
<li><a href="#svg">Svg</a></li>
<li><a href="#gltf">Gltf</a></li>
<li><a href="#asciirenderer">AsciiRenderer</a></li>
</ul>
<li><a href="#shaders">Shaders</a></li>
<ul>
<li><a href="#meshreflectormaterial">MeshReflectorMaterial</a></li>
<li><a href="#meshwobblematerial">MeshWobbleMaterial</a></li>
<li><a href="#meshdistortmaterial">MeshDistortMaterial</a></li>
<li><a href="#meshrefractionmaterial">MeshRefractionMaterial</a></li>
<li><a href="#meshtransmissionmaterial">MeshTransmissionMaterial</a></li>
<li><a href="#meshdiscardmaterial">MeshDiscardMaterial</a></li>
<li><a href="#pointmaterial">PointMaterial</a></li>
<li><a href="#softshadows">SoftShadows</a></li>
<li><a href="#shadermaterial">shaderMaterial</a></li>
</ul>
</ul>
</td>
<td valign="top">
<ul>
<li><a href="#misc">Misc</a></li>
<ul>
<li><a href="#html">Html</a></li>
<li><a href="#cycleraycast">CycleRaycast</a></li>
<li><a href="#select">Select</a></li>
<li><a href="#stats">Stats</a></li>
<li><a href="#wireframe">Wireframe</a></li>
<li><a href="#usedepthbuffer">useDepthBuffer</a></li>
<li><a href="#usecontextbridge">useContextBridge</a></li>
<li><a href="#usefbo">useFBO</a></li>
<li><a href="#usecamera">useCamera</a></li>
<li><a href="#usecubecamera">useCubeCamera</a></li>
<li><a href="#usedetectgpu">useDetectGPU</a></li>
<li><a href="#useaspect">useAspect</a></li>
<li><a href="#usecursor">useCursor</a></li>
<li><a href="#useintersect">useIntersect</a></li>
<li><a href="#useboxprojectedenv">useBoxProjectedEnv</a></li>
<li><a href="#useTrail">useTrail</a></li>
<li><a href="#useSurfaceSampler">useSurfaceSampler</a></li>
</ul>
<li><a href="#loading">Loaders</a></li>
<ul>
<li><a href="#loader">Loader</a></li>
<li><a href="#useprogress">useProgress</a></li>
<li><a href="#usegltf">useGLTF</a></li>
<li><a href="#usefbx">useFBX</a></li>
<li><a href="#usetexture">useTexture</a></li>
<li><a href="#usektx2">useKTX2</a></li>
<li><a href="#usecubetexture">useCubeTexture</a></li>
<li><a href="#usevideotexture">useVideoTexture</a></li>
<li><a href="#usetrailtexture">useTrailTexture</a></li>
<li><a href="#usefont">useFont</a></li>
</ul>
<li><a href="#performance">Performance</a></li>
<ul>
<li><a href="#instances">Instances</a></li>
<li><a href="#merged">Merged</a></li>
<li><a href="#points">Points</a></li>
<li><a href="#segments">Segments</a></li>
<li><a href="#detailed">Detailed</a></li>
<li><a href="#preload">Preload</a></li>
<li><a href="#bakeshadows">BakeShadows</a></li>
<li><a href="#meshbounds">meshBounds</a></li>
<li><a href="#adaptivedpr">AdaptiveDpr</a></li>
<li><a href="#adaptiveevents">AdaptiveEvents</a></li>
<li><a href="#bvh">Bvh</a></li>
<li><a href="#performancemonitor">PerformanceMonitor</a></li>
</ul>
<li><a href="#portals">Portals</a></li>
<ul>
<li><a href="#hud">Hud</a></li>
<li><a href="#view">View</a></li>
<li><a href="#rendertexture">RenderTexture</a></li>
<li><a href="#mask">Mask</a></li>
</ul>
<li><a href="#modifiers">Modifiers</a></li>
<ul>
<li><a href="#curvemodifier">CurveModifier</a></li>
</ul>
</ul>
</td>
<td valign="top">
<ul>
<li><a href="#shape
没有合适的资源?快使用搜索试试~ 我知道了~
202311
共2002个文件
md:1254个
js:579个
json:91个
需积分: 0 0 下载量 45 浏览量
2024-08-10
13:36:31
上传
评论
收藏 122.06MB 7Z 举报
温馨提示
202311202311202311202311202311202311202311202311
资源推荐
资源详情
资源评论
收起资源包目录
202311202311202311202311202311202311 (2002个子文件)
郭一诺 (自动保存的).docx 14KB
郭一诺.docx 13KB
.DS_Store 6KB
.DS_Store 6KB
index.html 2KB
redirdonate.html 90B
three.js 1.17MB
bson.browser.umd.js 281KB
bson.bundle.js 281KB
bson.browser.esm.js 272KB
bson.esm.js 215KB
index.js 89KB
mquery.js 79KB
regexes.js 65KB
index.js 62KB
WebGLRenderer.js 56KB
callJS.js 54KB
smartbuffer.js 43KB
connection_string.js 42KB
utils.js 39KB
long.js 36KB
common.js 36KB
serializer.js 36KB
socksclient.js 34KB
sessions.js 33KB
sbcs-data-generated.js 31KB
url-state-machine.js 30KB
topology.js 30KB
deserializer.js 29KB
decimal128.js 28KB
response.js 27KB
commands.js 26KB
error.js 26KB
collection.js 26KB
abstract_cursor.js 25KB
ObjectLoader.js 24KB
code-points.js 23KB
index.js 23KB
connection.js 21KB
dbcs-codec.js 21KB
change_stream.js 20KB
connection_pool.js 20KB
ipaddr.js 19KB
Matrix4.js 19KB
index.js 19KB
index.js 18KB
topology_description.js 17KB
connect.js 17KB
server.js 16KB
WebXRManager.js 16KB
bson.js 16KB
extended_json.js 16KB
URLSearchParams.js 16KB
tests.js 15KB
index.js 15KB
ShaderChunk.js 15KB
find_cursor.js 15KB
db.js 15KB
Material.js 14KB
index.js 14KB
application.js 14KB
upload.js 14KB
monitor.js 13KB
Color.js 13KB
URL.js 13KB
Quaternion.js 13KB
punycode.es6.js 12KB
punycode.js 12KB
request.js 12KB
MaterialLoader.js 12KB
indexes.js 12KB
download.js 12KB
Vector3.js 12KB
Box3.js 11KB
objectid.js 11KB
index.js 11KB
index.js 11KB
scram.js 11KB
Vector4.js 10KB
index.js 10KB
examples.test.js 10KB
server_selection.js 10KB
Ray.js 10KB
shadowmap_pars_fragment.glsl.js 10KB
mongo_client.js 10KB
ipaddr.min.js 10KB
execute_operation.js 9KB
Three.js 9KB
update.js 9KB
binary.js 9KB
calculate_size.js 9KB
bsdfs.glsl.js 9KB
utf7.js 9KB
wrap.test.js 9KB
command_monitoring_events.js 9KB
lights_physical_pars_fragment.glsl.js 9KB
index.js 9KB
server_description.js 9KB
extend-node.js 8KB
read_preference.js 8KB
共 2002 条
- 1
- 2
- 3
- 4
- 5
- 6
- 21
资源评论
guoruijun_2012_4
- 粉丝: 226
- 资源: 205
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功