speice.io/posts/2023/06/flam3/index.tsx

50 lines
1.2 KiB
TypeScript
Raw Normal View History

2023-06-25 21:56:33 -04:00
import Blog from "../../../LayoutBlog";
import { Canvas, CanvasRenderer } from "./0-canvas";
import { RendererGasket } from "./1-gasket";
2023-07-01 00:38:15 -04:00
import { renderBaseline } from "./2a-variations";
import { renderPost } from "./2b-post";
import { renderFinal } from "./2c-final";
import { renderBinary } from "./3a-binary";
import { renderLinear } from "./3b-linear";
import { renderLogarithmic } from "./3c-logarithmic";
2023-07-04 14:25:31 -04:00
import {
renderTransform1,
renderTransform2,
renderTransform3,
} from "./4a-solo";
2023-07-15 18:48:06 -04:00
import { renderColor } from "./4b-color";
2023-06-25 21:56:33 -04:00
export default function () {
const Layout = Blog({
title: "The fractal flame algorithm",
description: "Explaining the paper",
published: "2023-06-25",
});
return (
<Layout>
<CanvasRenderer
params={{
defaultUrl: "",
size: 400,
renderer: new RendererGasket(400),
2023-07-16 22:47:53 -04:00
qualityMax: 0.25,
qualityStep: 0.25,
}}
/>
{/* <div>
2023-07-02 15:30:56 -04:00
<Canvas f={gasket} />
<Canvas f={renderBaseline} />
</div>
<div>
<Canvas f={renderPost} />
<Canvas f={renderFinal} />
</div>
<div>
<Canvas f={renderLogarithmic} />
2023-07-15 18:48:06 -04:00
<Canvas f={renderColor} />
</div> */}
2023-06-25 21:56:33 -04:00
</Layout>
);
}