OpenJsCad demo: Parametric Grille

Source code

Below is the OpenJsCad script for this demo. To build your own models, create a .jscad script and use the OpenJsCad parser. For more information see the OpenJsCad documentation.

// Here we define the user editable parameters: 
function getParameterDefinitions() {
  return [
    { name: 'outerwidth', caption: 'Outer width of grille:', type: 'float', default: 190 },
    { name: 'outerheight', caption: 'Outer height of grille:', type: 'float', default: 120 },
    { name: 'outerdepth', caption: 'Outer depth of grille:', type: 'float', default: 12 },
    { name: 'thickness', caption: 'Wall thickness:', type: 'float', default: 2.5 },
    { name: 'innerdistance', caption: 'Inner standoff distance:', type: 'float', default: 2 },
    { name: 'bladescale', caption: 'Relative size of blades (1.0 is default):', type: 'float', default: 1 },
    { name: 'numdividers', caption: 'Number of vertical dividers:', type: 'int', default: 2 },
    {
      name: 'addlooseners', 
      type: 'choice',
      caption: 'Add loops (for easy removal):',
      values: [0, 1],
      captions: ["No", "Yes"], 
      default: 1,
    },    
    {
      name: 'show', 
      type: 'choice',
      caption: 'Show:',
      values: ["all", "grille", "holders"],
      captions: ["All", "Grille (for printing)", "Holders (for printing)"], 
      default: "all",
    },    
    {
      name: 'mouseears', 
      type: 'choice',
      caption: 'Add mouse ears:',
      values: [0, 1],
      captions: ["No", "Yes"], 
      default: 1,
    },    
    {
      name: 'quality', 
      type: 'choice',
      caption: 'Quality:',
      values: [0, 1],
      captions: ["Draft", "Final"], 
      default: 0,
    },    
  ];
}

function main(params)
{
  var outerwidth = params.outerwidth;
  var outerheight = params.outerheight;
  var thickness = params.thickness;
  var outerdepth = params.outerdepth;
  var innerdistance = params.innerdistance;  
  var bladescale = params.bladescale;
  
  var draft = params.quality == 0;
  
  var marginleftright = 21;
  var margintopbottom = 15;
  var bladedistance = 12 * bladescale;
  var frontroundradius = 5;
  frontroundradius = Math.max(frontroundradius, thickness+0.2);
  var outerroundradius = 3;
  outerroundradius = Math.max(outerroundradius, thickness+0.2);
  outerdepth = Math.max(outerdepth, outerroundradius); 
  outerdepth = Math.max(outerdepth, innerdistance+thickness); 
  var frontextend = innerdistance + bladescale*12 + thickness - outerdepth;
  frontextend = Math.max(frontextend, 1.5);  
  var bladewidth = outerwidth - 2*marginleftright;
  var bladesheight = outerheight - 2*margintopbottom;
  var numblades = Math.ceil(bladesheight / bladedistance) + 1; 
  var topnotchsize = new CSG.Vector3D([20, 8, 3]);
  var topnotchpos = new CSG.Vector3D([outerwidth/2-thickness - topnotchsize.x/2, outerheight/2-thickness - topnotchsize.y/2, topnotchsize.z/2]);
  var bottomnotchsize = new CSG.Vector3D([12, 4, topnotchsize.z]);
  var bottomnotchpos = new CSG.Vector3D([outerwidth/2-thickness - 4 - bottomnotchsize.x/2, -outerheight/2+thickness + bottomnotchsize.y/2, bottomnotchsize.z/2]);

if(params.mouseears != 0)
    {
      for(var i = 0; i < 4; i++)
      {
        var xpos=outerwidth/2-10;
        var ypos=outerheight/2;
        if(i&1) xpos = -xpos;
        if(i&2) ypos = -ypos;
        var cylinder = CSG.cylinder({start: [xpos, ypos, 0], end: [xpos, ypos, 0.5], radius: 15});
        result = result.union(cylinder);
      }
      for(var i = 0; i < 4; i++)
      {
        var xpos=bladewidth/2 + thickness/2;
        var ypos=bladesheight/2 + thickness/2;
        if(i&1) xpos = -xpos;
        if(i&2) ypos = -ypos;
        var cyl1 = CSG.cylinder({start: [xpos, ypos, 0], end: [xpos, ypos, 0.5], radius: 15});
        var cyl2 = CSG.cylinder({start: [xpos, ypos, 0], end: [xpos, ypos, innerdistance], radius: 5});
        result = result.union(cyl1.union(cyl2));
      }
    }
  }
  
  if(params.show != "grille")
  {
    // create the holders:
    var holderyoffset = 0.5;
    var holderzoffset = 1;
    var holderwidth = 10;
    var holderthickness = 3;
    var holdertopclipheight = 4;
    var holderbottomclipheight = 2;
    var holderscrewholeradius = 2;
    var holderscrewholedistance = 6;
    
    var holderx;
    if(params.show == "holders")
    {
      // just the holders:
      holderx = holderwidth/2+2;
    }
    else
    {
      holderx = bottomnotchpos.x + bottomnotchsize.x/2 - holderwidth/2;
    }
    var holdery1 = topnotchpos.y - topnotchsize.y/2 - holderyoffset;
    var holdery2 = bottomnotchpos.y + bottomnotchsize.y/2 + holderyoffset;
    
    var holdery0 = holdery1+holdertopclipheight;
    var holdery3 = holdery2-holderbottomclipheight;
    var holder = CSG.cube({center: [0, (holdery1 + holdery2)/2 , holderthickness/2], 
      radius: [holderwidth/2, (holdery1-holdery2)/2, holderthickness/2]});
    var d1 = 7;  
    var holdery1a = holdery1 - d1;
    var holdery2a = holdery2 + d1;
    var holderz1 = topnotchsize.z + holderzoffset;
    var holderz2 = holderz1 + holderthickness;
    holder = holder.union(CSG.cube({
      center: [0, (holdery1a+holdery1)/2, holderz2/2],
      radius: [holderwidth/2, (holdery1-holdery1a)/2, holderz2/2]
    }));
    holder = holder.union(CSG.cube({
      center: [0, (holdery2a+holdery2)/2, holderz2/2],
      radius: [holderwidth/2, (holdery2a-holdery2)/2, holderz2/2]
    }));
    holder = holder.union(CSG.cube({
      center: [0, (holdery0+holdery1a)/2, (holderz2+holderz1)/2],
      radius: [holderwidth/2, (holdery0-holdery1a)/2, (holderz2-holderz1)/2]
    }));
    holder = holder.union(CSG.cube({
      center: [0, (holdery2a+holdery3)/2, (holderz2+holderz1)/2],
      radius: [holderwidth/2, (holdery2a-holdery3)/2, (holderz2-holderz1)/2]
    }));
    var screwhole = CSG.cylinder({start: [0,0,0], end: [0, 0, holderthickness], radius: holderscrewholeradius, resolution: 16});
    holder = holder.subtract(screwhole.translate([0, holdery1a-holderscrewholedistance, 0]));
    holder = holder.subtract(screwhole.translate([0, holdery2a+holderscrewholedistance, 0]));
    
    holder = holder.setColor(0, 1, 0);
    
    var holders = holder.translate([holderx,0,0]);
    holders = holders.union(holder.translate([-holderx,0,0]));
    if(params.show == "holders")
    {
      holders = holders.rotateZ(90);
    }
    
    result = result.union(holders);
  }
  result = result.rotateZ(90);
  return result;
}