GithubMirrors/cardconjurer
1
0
Fork 1
mirror of https://github.com/Investigamer/cardconjurer.git synced 2025-07-27 05:14:53 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

box

Browse Source
This commit is contained in:
Kyle
2020-04-08 15:42:42 -07:00
parent c8d467f0d3
commit 933278c5f9
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
boxGenerator.html
View File

@@ -22,8 +22,8 @@
<input id='inputPPI' type='number' min='1' step='1' max='1200' value='72'> <input id='inputPPI' type='number' min='1' step='1' max='1200' value='72'>
Material thickness: Material thickness:
<input id='inputMaterialThickness' type='number' min='0.01' step='0.01' max='2' value='0.25'> <input id='inputMaterialThickness' type='number' min='0.01' step='0.01' max='2' value='0.25'>
Number of rows: <!-- Number of rows:
<input id='inputRowCount' type='number' step='1' min='1' max='5' value='1'> <input id='inputRowCount' type='number' step='1' min='1' max='5' value='1'> --> <!-- WIP -->
Row length (interior): Row length (interior):
<input id='inputRowLength' type='number' step='0.25' min='1' max='60' value='12'> <input id='inputRowLength' type='number' step='0.25' min='1' max='60' value='12'>
Card width (sleeved): Card width (sleeved):
@@ -42,12 +42,12 @@
</div> </div>
<div class="layer darkLayer slideFromLeft"> <div class="layer darkLayer slideFromLeft">
<div class="paragraph indent"> <div class="paragraph indent">
Generate cool boxes! Currently this box generator only supports odd numbers of tabs and single-row boxes with sliding lids. Hopefully in the future I'll add more options!
</div> </div>
</div> </div>
<div class="layer slideFromRight"> <div class="layer slideFromRight">
<div class="paragraph indent"> <div class="paragraph indent">
So fun! Before laser cutting, you'll have to adjust the stroke width and color, as well as scale SVG correctly. Note down the PPI (default is 72) when you download the SVGs. In case you forget which PPI you used, the margins on the SVG files are one inch.
</div> </div>
</div> </div>
</div> </div>

2
data/site/other/boxGenerator/boxGenerator.js
View File

@@ -14,7 +14,7 @@ function generateSVGs() {
var ppi = parseInt(document.getElementById('inputPPI').value) var ppi = parseInt(document.getElementById('inputPPI').value)
var padding = ppi var padding = ppi
var materialThickness = parseFloat(document.getElementById('inputMaterialThickness').value) * ppi var materialThickness = parseFloat(document.getElementById('inputMaterialThickness').value) * ppi
var rowCount = parseInt(document.getElementById('inputRowCount').value) var rowCount = 1//parseInt(document.getElementById('inputRowCount').value)
var rowLength = parseFloat(document.getElementById('inputRowLength').value) * ppi var rowLength = parseFloat(document.getElementById('inputRowLength').value) * ppi
var cardWidth = parseFloat(document.getElementById('inputCardWidth').value + document.getElementById('inputWiggleRoom').value) * ppi var cardWidth = parseFloat(document.getElementById('inputCardWidth').value + document.getElementById('inputWiggleRoom').value) * ppi
var cardHeight = parseFloat(document.getElementById('inputCardHeight').value + document.getElementById('inputWiggleRoom').value) * ppi var cardHeight = parseFloat(document.getElementById('inputCardHeight').value + document.getElementById('inputWiggleRoom').value) * ppi