Parameterize cube

app.py

@@ -3,24 +3,66 @@ import rerun.blueprint as rrb
 import numpy as np
 import gradio as gr
 import urllib
+from math import cos, sin
+from collections import namedtuple
 
+ColorGrid = namedtuple("ColorGrid", ["positions", "colors"])
 
-def html_template(rrd, width=950, height=712, app_url="https://app.rerun.io"):
+def build_color_grid(x_count=10, y_count=10, z_count=10, twist=0):
+    """
+    Create a cube of points with colors.
+
+    The total point cloud will have x_count * y_count * z_count points.
+
+    Parameters
+    ----------
+    x_count, y_count, z_count:
+        Number of points in each dimension.
+    twist:
+        Angle to twist from bottom to top of the cube
+
+    """
+
+    grid = np.mgrid[
+        slice(-x_count, x_count, x_count * 1j),
+        slice(-y_count, y_count, y_count * 1j),
+        slice(-z_count, z_count, z_count * 1j),
+    ]
+
+    angle = np.linspace(-float(twist) / 2, float(twist) / 2, z_count)
+    for z in range(z_count):
+        xv, yv, zv = grid[:, :, :, z]
+        rot_xv = xv * cos(angle[z]) - yv * sin(angle[z])
+        rot_yv = xv * sin(angle[z]) + yv * cos(angle[z])
+        grid[:, :, :, z] = [rot_xv, rot_yv, zv]
+
+    positions = np.vstack([xyz.ravel() for xyz in grid])
+
+    colors = np.vstack(
+        [
+            xyz.ravel()
+            for xyz in np.mgrid[
+                slice(0, 255, x_count * 1j),
+                slice(0, 255, y_count * 1j),
+                slice(0, 255, z_count * 1j),
+            ]
+        ]
+    )
+
+    return ColorGrid(positions.T, colors.T.astype(np.uint8))
+
+
+def html_template(rrd, width=1319, height=900, app_url="https://app.rerun.io"):
     encoded_url = urllib.parse.quote(rrd)
     return f"""<iframe width="{width}" height="{height}" src="{app_url}?url={encoded_url}" frameborder="0" allowfullscreen=""></iframe>"""
 
-def show_cube():
+def show_cube(x, y, z):
     rr.init("my data")
 
-    positions = np.zeros((10, 3))
-    positions[:,0] = np.linspace(-10,10,10)
-
-    colors = np.zeros((10,3), dtype=np.uint8)
-    colors[:,0] = np.linspace(0,255,10)
-
-    rr.log("my_points", rr.Points3D(positions=positions, colors=colors, radii=0.5))
+    cube = build_color_grid(int(x), int(y), int(z), twist=0)
+    rr.log("cube", rr.Points3D(cube.positions, colors=cube.colors, radii=0.5))
 
-    blueprint = rrb.Spatial3DView(origin='my_points')
+    blueprint = rrb.Spatial3DView(origin='cube')
 
     rr.save("cube.rrd", default_blueprint=blueprint)
     
@@ -29,13 +71,16 @@ def show_cube():
 
 with gr.Blocks() as demo:
     with gr.Row():
+        x_count = gr.Slider(minimum=1, maximum=10, value=5, label="X Count")
+        y_count = gr.Slider(minimum=1, maximum=10, value=5, label="Y Count")
+        z_count = gr.Slider(minimum=1, maximum=10, value=5, label="Z Count")
         button = gr.Button("Show Cube")
     with gr.Row():    
         rrd = gr.File()
     with gr.Row():    
         viewer = gr.HTML()
 
-    button.click(show_cube, outputs=rrd)
+    button.click(show_cube, inputs=[x_count, y_count, z_count], outputs=rrd)
     rrd.change(html_template, js="""(rrd) => { console.log(rrd.url); return rrd.url}""", inputs=[rrd], outputs=viewer, preprocess=False)