Function Playground

Build Your Own Function Based Vase

published: April 18, 2025 — last modified: May 14, 2025

Heads up! This app isn’t designed for mobile devices and hasn’t been tested on them. Since it uses a 3D engine and some heavy calculations, things might not work as expected. For the best experience, please use a desktop computer or a high-performance tablet.
00

Preview

Function Grid

Click a cell to customize its settings.

Function Palette

Drag a function from below and drop it into a cell above to assign or change its behavior. Alternatively, click the function, then click the cell to apply.

Inputs

value Icon
input_phi Icon
input_z Icon
input_phi_plus_z Icon
distance Icon
angle Icon
noise Icon
perlin_noise Icon

Operations

copy Icon
add Icon
multiply Icon
absolute Icon
power Icon
clamp Icon
smin Icon
smax Icon

Repeating Functions

sinus Icon
sinus_positive Icon
sinus_negative Icon
sinus_reflect_positive Icon
sinus_reflect_negative Icon
cosinus Icon
cosinus_positive Icon
cosinus_negative Icon
cosinus_reflect_positive Icon
cosinus_reflect_negative Icon
sawtooth Icon
sawtooth_reverse Icon
sawtooth_positive Icon
sawtooth_negative Icon
triangle Icon
triangle_positive Icon
triangle_negative Icon
square Icon
square_positive Icon
square_negative Icon
circle_wave Icon
circle_wave_positive Icon
circle_wave_negative Icon
quad_curve_a Icon
quad_curve_b Icon
quad_curve_c Icon
quad_curve_d Icon
cube_curve_a Icon
cube_curve_b Icon
cube_curve_c Icon
cube_curve_d Icon

Non-Repeating Functions

quadratic_bezier Icon
cubic_bezier Icon

Blend Functions

blend_cosinus_positive_in Icon
blend_cosinus_positive_out Icon
blend_cosinus_positive_in_out Icon
blend_cosinus_cut_in Icon
blend_cosinus_cut_out Icon
blend_cosinus_cut_in_out Icon
blend_ramp_in Icon
blend_ramp_out Icon
blend_ramp_in_out Icon
blend_circle_in Icon
blend_circle_out Icon
blend_circle_in_out Icon

Actions

This is version 1.10 of the Function Playground — a fun and interactive web app that lets you design your own function-based vase or cylindrical object. With just a few mathematical functions, you can shape something entirely unique and 3D-printable.

The grid you see here is intentionally small. While it’s tempting to go big, working within a limited space can often spark more creativity. Constraints tend to lead to the most imaginative results.

Browser Requirements

To get the best experience, it helps to use a modern browser like Firefox, Safari, or Chrome. Since all the calculations happen right in your browser — no server involved — things tend to run most smoothly on a desktop or laptop computer.

Documentation

You find the documentation for this app here.