drei

ซอร์สโค้ดอื่น ๆ

v9.117.3

ดาวน์โหลด

โลโก้

คอลเลกชันตัวช่วยที่มีประโยชน์ที่เพิ่มขึ้นเรื่อยๆ และนามธรรมที่พร้อมใช้งานเต็มรูปแบบสำหรับ @react-three/fiber

หากคุณสร้างส่วนประกอบทั่วไปพอที่จะเป็นประโยชน์ต่อผู้อื่น ลองนึกถึงการมีส่วนร่วม!

npm install @react-three/drei

สำคัญ

แพ็คเกจนี้ใช้ three-stdlib แบบสแตนด์อโลนแทน three/examples/jsm

การใช้งานขั้นพื้นฐาน

 import { PerspectiveCamera , PositionalAudio , ... } from '@react-three/drei'

ตอบสนองพื้นเมือง

 import { PerspectiveCamera , PositionalAudio , ... } from '@react-three/drei/native'

เส้นทาง native ของไลบรารี ไม่ได้ ส่งออก Html หรือ Loader การส่งออกเริ่มต้นของไลบรารีคือ web ซึ่ง ส่ง ออก Html และ Loader

เอกสารประกอบ

https://pmndrs.github.io/drei

หมอเก่า

[!คำเตือน] ด้านล่างนี้คือไฟล์เก็บถาวรของลิงก์จุดยึดพร้อมตำแหน่งใหม่ที่เกี่ยวข้องไปยังเว็บไซต์เอกสารประกอบ อย่าอัปเดตลิงก์ด้านล่าง ลิงก์เหล่านี้มีไว้สำหรับการอ้างอิงเท่านั้น

กล้อง

มุมมองกล้อง

เอกสารได้ย้ายไปที่นี่

OrthographicCamera

เอกสารได้ย้ายไปที่นี่

คิวบ์คาเมร่า

เอกสารได้ย้ายไปที่นี่

การควบคุม

การควบคุมกล้อง

เอกสารได้ย้ายไปที่นี่

ตัวควบคุมการเลื่อน

เอกสารได้ย้ายไปที่นี่

การควบคุมการนำเสนอ

เอกสารได้ย้ายไปที่นี่

การควบคุมคีย์บอร์ด

เอกสารได้ย้ายไปที่นี่

การควบคุมใบหน้า

เอกสารได้ย้ายไปที่นี่

ตัวควบคุม MotionPath

เอกสารได้ย้ายไปที่นี่

กิซมอส

GizmoHelper

เอกสารได้ย้ายไปที่นี่

PivotControls

เอกสารได้ย้ายไปที่นี่

DragControls

เอกสารได้ย้ายไปที่นี่

TransformControls

เอกสารได้ย้ายไปที่นี่

กริด

เอกสารได้ย้ายไปที่นี่

ตัวช่วย / useHelper

เอกสารได้ย้ายไปที่นี่

รูปร่าง

เครื่องบิน, กล่อง, ทรงกลม, วงกลม, กรวย, กระบอกสูบ, ท่อ, ทอรัส, ทอรัสน็อต, แหวน, จัตุรมุข, รูปทรงหลายเหลี่ยม, ไอโคซาฮีดรอน, แปดหน้า, โดเดคาฮีดรอน, ขับไล่, เครื่องกลึง, รูปร่าง

เอกสารได้ย้ายไปที่นี่

กล่องโค้งมน

เอกสารได้ย้ายไปที่นี่

ScreenQuad

เอกสารได้ย้ายไปที่นี่

เส้น

เอกสารได้ย้ายไปที่นี่

กำลังสองBezierLine

เอกสารได้ย้ายไปที่นี่

คิวบิกเบซิเยร์ไลน์

เอกสารได้ย้ายไปที่นี่

แคทมุลรอมไลน์

เอกสารได้ย้ายไปที่นี่

เฟซเมช

เอกสารได้ย้ายไปที่นี่

นามธรรม

ภาพ

เอกสารได้ย้ายไปที่นี่

ข้อความ

เอกสารได้ย้ายไปที่นี่

ข้อความ3D

เอกสารได้ย้ายไปที่นี่

ผลกระทบ

เอกสารได้ย้ายไปที่นี่

ตำแหน่งเสียง

เอกสารได้ย้ายไปที่นี่

ป้ายโฆษณา

เอกสารได้ย้ายไปที่นี่

พื้นที่หน้าจอ

เอกสารได้ย้ายไปที่นี่

ScreenSizer

เอกสารได้ย้ายไปที่นี่

การไล่ระดับสีพื้นผิว

เอกสารได้ย้ายไปที่นี่

ขอบ

เอกสารได้ย้ายไปที่นี่

โครงร่าง

เอกสารได้ย้ายไปที่นี่

เส้นทาง

เอกสารได้ย้ายไปที่นี่

ตัวอย่าง

เอกสารได้ย้ายไปที่นี่

แอตทริบิวต์ที่คำนวณแล้ว

เอกสารได้ย้ายไปที่นี่

โคลน

เอกสารได้ย้ายไปที่นี่

ใช้ภาพเคลื่อนไหว

เอกสารได้ย้ายไปที่นี่

MarchingCubes

เอกสารได้ย้ายไปที่นี่

รูปลอก

เอกสารได้ย้ายไปที่นี่

Svg

เอกสารได้ย้ายไปที่นี่

AsciiRenderer

เอกสารได้ย้ายไปที่นี่

สาด

เอกสารได้ย้ายไปที่นี่

เฉดเดอร์

วัสดุตาข่ายสะท้อนแสง

เอกสารได้ย้ายไปที่นี่

ตาข่ายวัสดุโยกเยก

เอกสารได้ย้ายไปที่นี่

ตาข่ายบิดเบือนวัสดุ

เอกสารได้ย้ายไปที่นี่

วัสดุตาข่ายการหักเหของแสง

เอกสารได้ย้ายไปที่นี่

ตาข่ายวัสดุส่งกำลัง

เอกสารได้ย้ายไปที่นี่

ตาข่ายทิ้งวัสดุ

เอกสารได้ย้ายไปที่นี่

พอยท์แมททีเรียล

เอกสารได้ย้ายไปที่นี่

ซอฟท์แชโดวส์

เอกสารได้ย้ายไปที่นี่

วัสดุเชเดอร์

เอกสารได้ย้ายไปที่นี่

ตัวดัดแปลง

CurveModifier

เอกสารได้ย้ายไปที่นี่

เบ็ดเตล็ด

ใช้ContextBridge

เอกสารได้ย้ายไปที่นี่

ตัวอย่าง

เอกสารได้ย้ายไปที่นี่

HTML

เอกสารได้ย้ายไปที่นี่

CycleRaycast

เอกสารได้ย้ายไปที่นี่

เลือก

เอกสารได้ย้ายไปที่นี่

สไปรท์แอนิเมเตอร์

เอกสารได้ย้ายไปที่นี่

สถิติ

เอกสารได้ย้ายไปที่นี่

สถิติ GL

เอกสารได้ย้ายไปที่นี่

โครงลวด

เอกสารได้ย้ายไปที่นี่

ใช้DepthBuffer

เอกสารได้ย้ายไปที่นี่

Fbo / ใช้ FBO

เอกสารได้ย้ายไปที่นี่

ใช้กล้อง

เอกสารได้ย้ายไปที่นี่

CubeCamera / ใช้ CubeCamera

เอกสารได้ย้ายไปที่นี่

ตรวจจับGPU / ใช้ตรวจจับGPU

เอกสารได้ย้ายไปที่นี่

ใช้มุมมอง

เอกสารได้ย้ายไปที่นี่

ใช้เคอร์เซอร์

เอกสารได้ย้ายไปที่นี่

ใช้Intersect

เอกสารได้ย้ายไปที่นี่

useBoxProjectedEnv

เอกสารได้ย้ายไปที่นี่

Trail / useTrail

เอกสารได้ย้ายไปที่นี่

ใช้ SurfaceSampler

เอกสารได้ย้ายไปที่นี่

FaceLandmarker

เอกสารได้ย้ายไปที่นี่

กำลังโหลด

รถตักดิน

เอกสารได้ย้ายไปที่นี่

ความคืบหน้า / การใช้งานความคืบหน้า

เอกสารได้ย้ายไปที่นี่

Gltf / ใช้ GLTF

เอกสารได้ย้ายไปที่นี่

Fbx / useFBX

เอกสารได้ย้ายไปที่นี่

เนื้อสัมผัส / การใช้งาน Texture

เอกสารได้ย้ายไปที่นี่

Ktx2 / ใช้ KTX2

เอกสารได้ย้ายไปที่นี่

CubeTexture / useCubeTexture

เอกสารได้ย้ายไปที่นี่

VideoTexture / ใช้VideoTexture

เอกสารได้ย้ายไปที่นี่

TrailTexture / ใช้TrailTexture

เอกสารได้ย้ายไปที่นี่

ใช้แบบอักษร

เอกสารได้ย้ายไปที่นี่

ใช้SpriteLoader

เอกสารได้ย้ายไปที่นี่

ผลงาน

อินสแตนซ์

เอกสารได้ย้ายไปที่นี่

รวมแล้ว

เอกสารได้ย้ายไปที่นี่

คะแนน

เอกสารได้ย้ายไปที่นี่

เซ็กเมนต์

เอกสารได้ย้ายไปที่นี่

รายละเอียด

เอกสารได้ย้ายไปที่นี่

โหลดล่วงหน้า

เอกสารได้ย้ายไปที่นี่

เบคเงา

เอกสารได้ย้ายไปที่นี่

meshBounds

เอกสารได้ย้ายไปที่นี่

AdaptiveDpr

เอกสารได้ย้ายไปที่นี่

เหตุการณ์ที่ปรับเปลี่ยนได้

เอกสารได้ย้ายไปที่นี่

บว

เอกสารได้ย้ายไปที่นี่

การตรวจสอบประสิทธิภาพ

เอกสารได้ย้ายไปที่นี่

พอร์ทัล

ฮัด

เอกสารได้ย้ายไปที่นี่

ดู

เอกสารได้ย้ายไปที่นี่

RenderTexture

เอกสารได้ย้ายไปที่นี่

RenderCubeTexture

เอกสารได้ย้ายไปที่นี่

ฟิชอาย

เอกสารได้ย้ายไปที่นี่

หน้ากาก

เอกสารได้ย้ายไปที่นี่

MeshPortalวัสดุ

เอกสารได้ย้ายไปที่นี่

การแสดงละคร

ศูนย์

เอกสารได้ย้ายไปที่นี่

ปรับขนาด

เอกสารได้ย้ายไปที่นี่

บีบีอังชอร์

เอกสารได้ย้ายไปที่นี่

ขอบเขต

เอกสารได้ย้ายไปที่นี่

กล้องสั่น

เอกสารได้ย้ายไปที่นี่

ลอย

เอกสารได้ย้ายไปที่นี่

เวที

เอกสารได้ย้ายไปที่นี่

ฉากหลัง

เอกสารได้ย้ายไปที่นี่

เงา

เอกสารได้ย้ายไปที่นี่

โซดาไฟ

เอกสารได้ย้ายไปที่นี่

ติดต่อ Shadows

เอกสารได้ย้ายไปที่นี่

สุ่มแสง

เอกสารได้ย้ายไปที่นี่

เงาสะสม

เอกสารได้ย้ายไปที่นี่

สปอตไลท์

เอกสารได้ย้ายไปที่นี่

จุดแสงเงา

เอกสารได้ย้ายไปที่นี่

สิ่งแวดล้อม

เอกสารได้ย้ายไปที่นี่

ไลท์ฟอร์เมอร์

เอกสารได้ย้ายไปที่นี่

ท้องฟ้า

เอกสารได้ย้ายไปที่นี่

ดาว

เอกสารได้ย้ายไปที่นี่

ประกายไฟ

เอกสารได้ย้ายไปที่นี่

คลาวด์

เอกสารได้ย้ายไปที่นี่

ใช้สภาพแวดล้อม

เอกสารได้ย้ายไปที่นี่

MatcapTexture / ใช้ MatcapTexture

เอกสารได้ย้ายไปที่นี่

NormalTexture / ใช้ NormalTexture

เอกสารได้ย้ายไปที่นี่

ชาโดว์อัลฟ่า

เอกสารได้ย้ายไปที่นี่

นักพัฒนา

ติดตั้ง

$ corepack enable
$ yarn install

ทดสอบ

ท้องถิ่น

ข้อกำหนดเบื้องต้น:

```
$ npx playwright install
```

หากต้องการรันการทดสอบภาพในเครื่อง:

$ yarn build
$ yarn test

หากต้องการอัปเดตสแนปชอต:

$ PLAYWRIGHT_UPDATE_SNAPSHOTS=1 yarn test

นักเทียบท่า

สำคัญ

สแนปชอตขึ้นอยู่กับระบบ ดังนั้น หากต้องการเรียกใช้นักเขียนบทละครในสภาพแวดล้อมเดียวกันกับ CI:

$ docker run --init --rm 
    -v $( pwd ) :/app -w /app 
    ghcr.io/pmndrs/playwright:drei 
      sh -c " corepack enable && yarn install && yarn build && yarn test "

หากต้องการอัปเดตสแนปชอต:

$ docker run --init --rm 
    -v $( pwd ) :/app -w /app 
    -e PLAYWRIGHT_UPDATE_SNAPSHOTS=1 
    ghcr.io/pmndrs/playwright:drei 
      sh -c " corepack enable && yarn install && yarn build && yarn test "

ขยาย

ข้อมูลเพิ่มเติม