mirror-github-bspeice/speice.io
1
0
Fork 0
mirror of https://github.com/bspeice/speice.io synced 2025-07-05 07:44:54 -04:00
Code Issues Releases Wiki Activity

View detection

Browse Source
This commit is contained in:
Bradlee Speice
2024-12-08 16:17:21 -05:00
parent 3c583705f8
commit 78d71cbc7b
7 changed files with 40 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
blog/2024-11-15-playing-with-fire/3-log-density/FlameHistogram.tsx
View File

@ -1,24 +1,24 @@
import React, {useContext, useEffect} from "react";
import * as params from "../src/params";
import {xforms as transforms, xformFinal as final} from "../src/params";
import {PainterContext} from "../src/Canvas";
import {chaosGameHistogram} from "./chaosGameHistogram";
type Props = {
quality?: number;
paintFn: (width: number, histogram: Uint32Array) => ImageData;
paint: (width: number, histogram: Uint32Array) => ImageData;
children?: React.ReactElement;
}
export default function FlameHistogram({quality, paintFn, children}: Props) {
export default function FlameHistogram({quality, paint, children}: Props) {
const {width, height, setPainter} = useContext(PainterContext);
useEffect(() => {
const gameParams = {
width,
height,
transforms: params.xforms,
final: params.xformFinal,
transforms,
final,
quality,
painter: paintFn
paint
}
setPainter(chaosGameHistogram(gameParams));
}, []);