stackbenchstack benchmark
← Tüm araçlar

ui-001 / 3B ve WebGL

React Three Fiber

demo var

Kaynak ve kimlik

Lisans
MIT
Yıldız
33.631

Sürüm kilidi

Sürüm
9.8.2 · three 0.187.0
Çekilme tarihi

Lisans ve paylaşım

Lisans
MIT
Tek kişilik şirket
serbest
Demo ve ekran görüntüsü
atıf şart
Atıf
MIT: telif ve izin bildirimi kopyalarda kalmalı.

Kaynak diyor

React Three Fiber, Three.js 3B kütüphanesini siteye taşıyan tasarım deposu olarak tanıtılıyor; ASR adı React 3D Fiber ve 3GS yazıyor, ekran React Three Fiber/Three.js olarak ayrıştırıyor.

İçerik üreticisi iddiası; bağımsız teknik kanıt değildir.

Bizim ek

React için Three.js rendererıdır; yeniden kullanılabilir bileşenlerle sahne kurmayı anlatır.

3B görev kıyası: Hat A — React Three Fiber ↔ Three.js

Demo

Tam ekran aç ↗

React Three Fiber ile çalışan kurgusal ürün demosu. HTML ve araç katkısı demo içinde belirtilir.

Bununla ne yapılır?

Editoryal kullanım fikirleri; sınanmış özellik iddiası değildir.

  • Ürün için döndürülebilir 3B önizleme

    Editoryal kullanım fikri; kaynak iddiası veya READMEde sınanmış özellik değildir.

  • Etkileşimli landing nesnesi

    Editoryal kullanım fikri; kaynak iddiası veya READMEde sınanmış özellik değildir.

Kullanılan bileşenler

  • Canvas

    @react-three/fiber

    components/demos/r3f-canvas.tsx:3

    Bölümler: hero, ozellikler, fiyat

  • useFrame

    @react-three/fiber

    components/demos/r3f-canvas.tsx:3

    Bölümler: hero, ozellikler, fiyat

  • useThree

    @react-three/fiber

    components/demos/r3f-canvas.tsx:3

    Bölümler: hero, ozellikler, fiyat

  • CanvasTexture

    three

    components/demos/r3f-canvas.tsx:4

    Bölümler: hero, ozellikler, fiyat

  • SRGBColorSpace

    three

    components/demos/r3f-canvas.tsx:4

    Bölümler: hero, ozellikler, fiyat

Düz HTML bölümleri: sss, form, dropdown, tablo, altbilgi. Demo içinde “bu bölüm aracın değil” etiketi bulunur.