pmndrs / pmndrs/react-postprocessing

Bloom refs with TypeScript

Offen
#161 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
TypeScript
Sterne
1.4k
Forks
134
Ø Merge
4 Min.
Gemergte PRs (30 T.)
4

Beschreibung

With the following code:

import type { BloomEffect } from "postprocessing";

import { useFrame } from "@react-three/fiber";
import { Bloom } from "@react-three/postprocessing";
import { useRef } from "react";

const MyBloom = () => {
  const bloom = useRef<typeof BloomEffect | null>(null);
  useFrame((state, delta) => {
    bloom.current.intensity = 2;
  });
  return <Bloom ref={bloom} />
}

I get the following error:

Property 'intensity' does not exist on type 'typeof BloomEffect'.

The code works though - am I doing something wrong or is there an issue with the types?

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Es wird keine Datei und kein Test genannt. Beginne mit den TypeScript-Typen hinter der importierten Bloom-Komponente und der BloomEffect-Referenz im Beispiel und reproduziere dann den gemeldeten Fehler in einer kleinen TypeScript-Prüfung. Fertig ist es, wenn die Referenz die intensity-Eigenschaft der Bloom-Instanz ohne Änderung des Laufzeitverhaltens offenlegt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
react, three.js, typescript
Bereich
computer-graphics, frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.