Jerry
54 lines
2.0 KiB
JavaScript
54 lines
2.0 KiB
JavaScript
const GLSL = `
|
|
float sdf(vec3 p) {
|
|
float field = implicit_tpms_gyroid(p, vec3(cellSize), vec3(1.0));
|
|
float shell = implicit_shell(field, wallThickness, 0.0);
|
|
float cell = implicit_box_centered(p, vec3(cellSize), vec3(0.0));
|
|
return max(shell, cell) * fieldScale;
|
|
}
|
|
|
|
|
|
vec3 color(vec3 p, vec3 normal) {
|
|
vec3 period = 0.5 + 0.5 * sin((p / cellSize) * 6.283185307179586 + vec3(0.0, 2.1, 4.2));
|
|
vec3 body = mix(baseColor, accentColor, dot(period, vec3(0.28, 0.36, 0.36)));
|
|
float rim = pow(max(dot(normal, normalize(vec3(0.24, -0.52, 0.82))), 0.0), 2.0);
|
|
return mix(body, highlightColor, rim * 0.24);
|
|
}
|
|
`;
|
|
|
|
export default {
|
|
schema: "implicit.js/0.1.0",
|
|
name: "gyroid unit cell",
|
|
description: "Finite-thickness gyroid minimal surface clipped to one cubic periodic unit cell.",
|
|
units: "mm",
|
|
params: {
|
|
cellSize: { type: "number", label: "Cell size", min: 32, max: 72, step: 0.5, default: 48, unit: "mm" },
|
|
wallThickness: { type: "number", label: "Wall thickness", min: 1.2, max: 7, step: 0.1, default: 3.6, unit: "mm" },
|
|
fieldScale: { type: "number", label: "Field scale", min: 0.35, max: 0.9, step: 0.01, default: 0.52 },
|
|
baseColor: { type: "color", label: "Surface color", default: "#12f0c3" },
|
|
accentColor: { type: "color", label: "Opening color", default: "#ffd166" },
|
|
highlightColor: { type: "color", label: "Highlight color", default: "#b993ff" }
|
|
},
|
|
animations: {
|
|
wallPulse: {
|
|
label: "Wall pulse",
|
|
duration: 5.4,
|
|
loop: true,
|
|
update({ progress, set }) {
|
|
const wave = Math.sin(progress * Math.PI * 2);
|
|
set("wallThickness", 3.6 + wave * 2.0);
|
|
set("fieldScale", 0.52 + wave * 0.16);
|
|
}
|
|
}
|
|
},
|
|
bounds: ({ params }) => {
|
|
const half = params.cellSize / 2 + Math.max(params.wallThickness, 3);
|
|
return [[-half, -half, -half], [half, half, half]];
|
|
},
|
|
render: ({ params }) => ({
|
|
steps: 340,
|
|
epsilon: Math.max(0.005, params.cellSize * 0.00014),
|
|
normalEpsilon: Math.max(0.04, params.wallThickness * 0.014)
|
|
}),
|
|
glsl: GLSL
|
|
};
|