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

125 lines
3.2 KiB
TypeScript

import { build } from "vite";
import Blog from "../../../LayoutBlog";
import { CanvasRenderer } from "./0-canvas";
import { buildBaseline } from "./2a-variations";
import { buildPost } from "./2b-post";
import { buildFinal } from "./2c-final";
import { buildBinary } from "./3a-binary";
import { buildColor } from "./4-color";
import { buildLinear } from "./3b-linear";
import { buildLogarithmic } from "./3c-logarithmic";
import { buildSolo1, buildSolo2, buildSolo3 } from "./5b-solo";
import { buildGasketFlame } from "./5a-gasket";
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.3,
qualityStep: 0.1,
}}
/> */}
{/* <CanvasRenderer
params={{
defaultUrl: "",
size: 400,
renderer: (size) => buildBaseline(size),
qualityMax: 1,
qualityStep: 0.1,
}}
/> */}
{/* <CanvasRenderer
params={{
defaultUrl: "",
size: 400,
renderer: (size) => buildPost(size),
qualityMax: 1,
qualityStep: 0.1
}} /> */}
{/* <CanvasRenderer
params={{
defaultUrl: "",
size: 400,
renderer: (size) => buildFinal(size),
qualityMax: 1,
qualityStep: 0.1,
}} /> */}
{/* <CanvasRenderer
params={{
defaultUrl: "",
size: 400,
renderer: (size) => buildBinary(size),
qualityMax: 1,
qualityStep: 0.1,
}} /> */}
{/* <CanvasRenderer
params={{
defaultUrl: "",
size: 400,
renderer: (size) => buildLinear(size),
qualityMax: 5,
qualityStep: 0.1,
}} /> */}
{/* <CanvasRenderer
params={{
defaultUrl: "",
size: 400,
renderer: (size) => buildLogarithmic(size),
qualityMax: 5,
qualityStep: 0.1,
}} /> */}
{/* <CanvasRenderer
params={{
defaultUrl: "",
size: 400,
renderer: (size) => buildColor(size),
qualityMax: 50,
qualityStep: 0.1,
}} /> */}
{/* <CanvasRenderer
params={{
defaultUrl: "",
size: 400,
renderer: (size) => buildSolo1(size),
qualityMax: 5,
qualityStep: 0.1,
}} /> */}
{/* <CanvasRenderer
params={{
defaultUrl: "",
size: 400,
renderer: (size) => buildSolo2(size),
qualityMax: 5,
qualityStep: 0.1,
}} /> */}
{/* <CanvasRenderer
params={{
defaultUrl: "",
size: 400,
renderer: (size) => buildSolo3(size),
qualityMax: 5,
qualityStep: 0.1,
}} /> */}
<CanvasRenderer
params={{
defaultUrl: "",
size: 400,
renderer: (size) => buildGasketFlame(size),
qualityMax: 0.3,
qualityStep: 0.1,
}}
/>
</Layout>
);
}