mirror of
https://github.com/bspeice/speice.io
synced 2024-12-23 00:58:09 -05:00
59 lines
1.5 KiB
TypeScript
59 lines
1.5 KiB
TypeScript
import Blog from "../../../LayoutBlog";
|
|
|
|
import { Canvas, CanvasRenderer } from "./0-canvas";
|
|
import { RendererGasket } from "./1-gasket";
|
|
import { rendererBaseline } 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.3,
|
|
qualityStep: 0.1,
|
|
}}
|
|
/> */}
|
|
<CanvasRenderer
|
|
params={{
|
|
defaultUrl: "",
|
|
size: 400,
|
|
renderer: (size) => rendererBaseline(size),
|
|
qualityMax: 1,
|
|
qualityStep: 0.1,
|
|
}}
|
|
/>
|
|
{/* <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>
|
|
);
|
|
}
|