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

43 lines
1.1 KiB
TypeScript

import Blog from "../../../LayoutBlog";
import { Canvas } from "./0-utility";
import { gasket } 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";
export default function () {
const Layout = Blog({
title: "The fractal flame algorithm",
description: "Explaining the paper",
published: "2023-06-25",
});
return (
<Layout>
<div>
<Canvas f={gasket} />
<Canvas f={renderBaseline} />
</div>
<div>
<Canvas f={renderPost} />
<Canvas f={renderFinal} />
</div>
<div>
<Canvas f={renderLinear} />
<Canvas f={renderLogarithmic} />
</div>
{/* <Canvas f={renderTransform1} />
<Canvas f={renderTransform2} />
<Canvas f={renderTransform3} /> */}
</Layout>
);
}