Skip to content

Instantly share code, notes, and snippets.

@bjallen
Created January 12, 2026 15:03
Show Gist options
  • Select an option

  • Save bjallen/37f78b46520c667fb82302bbd64274f2 to your computer and use it in GitHub Desktop.

Select an option

Save bjallen/37f78b46520c667fb82302bbd64274f2 to your computer and use it in GitHub Desktop.
can you help me design a 3d rendering of a cabinet using some specific colors?

⏺ I'd be happy to help you design a 3D rendering of a cabinet. To give you the best result, I have a few questions:

  1. What technology/format do you want? For example: - HTML/CSS with 3D transforms - Three.js (WebGL) - SVG with perspective effects - Code for a specific 3D library
  2. What type of cabinet? (kitchen cabinet, bathroom vanity, filing cabinet, wardrobe, etc.)
  3. What are the specific colors you'd like to use?
  4. Any particular style or features? (handles, glass doors, open shelves, number of drawers, etc.)

Let me know these details and I'll create the rendering for you.

i use shapr3d as my cad tool. could you give me a format i can import there?

⏺ Shapr3D supports several import formats including STEP, IGES, STL, and OBJ.

Here's the reality though: I can generate text-based 3D formats like ASCII STL or OBJ, but these are mesh-based formats—they'll import as triangulated surfaces rather than editable solid geometry with parametric features. For CAD work, that's often limiting.

Your best options:

  1. I generate an OBJ or STL file — You can import it into Shapr3D as a reference or starting point, but you won't be able to easily modify dimensions or features.
  2. I provide detailed specs/dimensions — I give you exact measurements, and you model it natively in Shapr3D. This gives you a fully parametric, editable model.
  3. I generate an OpenSCAD script — OpenSCAD is a free tool that can export to STEP format, which imports cleanly into Shapr3D as solid geometry.

Which approach works best for you? And what are those specific colors and cabinet details you have in mind? (Colors won't transfer in CAD formats, but I can note them for material assignment later.)

ok, let's not worry about the import. just do webgl.

  it's a lower cabinet with a black top. it's 93" wide, 24" deep, and 36" tall

  it has four boxes connected together across the width. left to right, the first one is 29" wide, the second is 27", the third is 27", and the fourth is 10"

  the first cabinet has three drawers, the second has a sink with two doors on the front, the third has two doors, and the fourth is three narrow drawers.

  the colors i want to use can be found here: https://www.benjaminmoore.com/en-us/paint-colors/shared-list/0e618919-dfcc-4642-b536-d5542baf913b

  I want the end caps, toe kick, and face frame to be the Delaware Putty color from that collection. The drawer faces and door fronts should be the other colors.
  It's for a workshop and can be pretty bold and alternate the colors across the surfaces.

⏺ Let me fetch those colors first, then I'll build the 3D rendering.

⏺ Fetch(https://www.benjaminmoore.com/en-us/paint-colors/shared-list/0e618919-dfcc-4642-b536-d5542baf913b) ⎿  Received 230.7KB (200 OK)

⏺ Got the colors. Now let me create the WebGL rendering with Three.js.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment