speice.io/posts/2023/06/flam3/index.tsx
2023-07-17 02:47:53 +00:00

50 lines
1.2 KiB
TypeScript

import Blog from "../../../LayoutBlog";
import { Canvas, CanvasRenderer } from "./0-canvas";
import { RendererGasket } from "./1-gasket";
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";
import {
renderTransform1,
renderTransform2,
renderTransform3,
} from "./4a-solo";
import { renderColor } from "./4b-color";
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),
qualityMax: 0.25,
qualityStep: 0.25,
}}
/>
{/* <div>
<Canvas f={gasket} />
<Canvas f={renderBaseline} />
</div>
<div>
<Canvas f={renderPost} />
<Canvas f={renderFinal} />
</div>
<div>
<Canvas f={renderLogarithmic} />
<Canvas f={renderColor} />
</div> */}
</Layout>
);
}