Created bellows library
This commit is contained in:
commit
70c0161caf
|
|
@ -0,0 +1,2 @@
|
|||
node_modules
|
||||
example/bellows.png
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
node_modules
|
||||
example/bellows.png
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<a name="module_bellows"></a>
|
||||
|
||||
## bellows
|
||||
**Example**
|
||||
```js
|
||||
const bellows = require('bellows')
|
||||
```
|
||||
<a name="module_bellows..bellows"></a>
|
||||
|
||||
### bellows~bellows([options])
|
||||
Generate bellows pattern for cutting and folding.
|
||||
|
||||
**Kind**: inner method of [<code>bellows</code>](#module_bellows)
|
||||
|
||||
| Param | Type | Description |
|
||||
| --- | --- | --- |
|
||||
| [options] | <code>Object</code> | Bellows configuration options |
|
||||
| [options.dpi] | <code>Integer</code> | DPI of the image |
|
||||
| [options.pageW] | <code>Integer</code> | Page width in pixels |
|
||||
| [options.pageH] | <code>Integer</code> | Page height in pixels |
|
||||
| [options.frontIW] | <code>Integer</code> | Front inner width of bellows in pixels |
|
||||
| [options.frontOW] | <code>Integer</code> | Front outer width of bellows in pixels |
|
||||
| [options.frontIH] | <code>Integer</code> | Front inner height of bellows in pixels |
|
||||
| [options.frontOH] | <code>Integer</code> | Front outer height of bellows in pixels |
|
||||
| [options.backIW] | <code>Integer</code> | Back inner width of bellows in pixels |
|
||||
| [options.backOW] | <code>Integer</code> | Back outer width of bellows in pixels |
|
||||
| [options.backIH] | <code>Integer</code> | Back inner height of bellows in pixels |
|
||||
| [options.backOH] | <code>Integer</code> | Back outer height of bellows in pixels |
|
||||
| [options.maxLength] | <code>Integer</code> | Maximum length of bellows in pixels |
|
||||
| [options.align] | <code>Integer</code> | Vertical alignment adjustment in pixels |
|
||||
| [options.parts] | <code>Integer</code> | Number of parts to split pattern into: 1, 2, or 4 returns {String} Base64 encoded png data |
|
||||
|
||||
**Example**
|
||||
Generate the default square bellows in 2 parts and print the string to the console.
|
||||
```
|
||||
const b = bellows({ parts : 2 })
|
||||
console.log(b)
|
||||
```
|
||||
|
|
@ -0,0 +1,181 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Bellows Browser Example</title>
|
||||
<style>
|
||||
form{
|
||||
clear: both;
|
||||
}
|
||||
form:after{
|
||||
display: block;
|
||||
content: " ";
|
||||
}
|
||||
label{
|
||||
width: 150px;
|
||||
display: inline-block;
|
||||
}
|
||||
form > div {
|
||||
width: 400px;
|
||||
float: left;
|
||||
margin: 20px 0;
|
||||
}
|
||||
img{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border: 1px solid #000;
|
||||
}
|
||||
button{
|
||||
margin: 10px 20px;
|
||||
}
|
||||
input{
|
||||
margin-top: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>
|
||||
Bellows Pattern Generator
|
||||
</h1>
|
||||
<div>
|
||||
<a href="https://github.com/sixteenmillimeter/bellows">View Source</a>
|
||||
</div>
|
||||
<form onsubmit="return false;">
|
||||
<div>
|
||||
<div>
|
||||
<label for="backOW">Back Outer Width</label>
|
||||
<input name="backOW" type="number" value="50" /> mm
|
||||
</div>
|
||||
<div>
|
||||
<label for="backIW">Back Inner Width</label>
|
||||
<input name="backIW" type="number" value="40" /> mm
|
||||
</div>
|
||||
<div>
|
||||
<label for="backOH">Back Outer Height</label>
|
||||
<input name="backOH" type="number" value="50" /> mm
|
||||
</div>
|
||||
<div>
|
||||
<label for="backIH">Back Inner Height</label>
|
||||
<input name="backIH" type="number" value="40" /> mm
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
<label for="frontOW">Front Outer Width</label>
|
||||
<input name="frontOW" type="number" value="50" /> mm
|
||||
</div>
|
||||
<div>
|
||||
<label for="frontIW">Front Inner Width</label>
|
||||
<input name="frontIW" type="number" value="40" /> mm
|
||||
</div>
|
||||
<div>
|
||||
<label for="frontOH">Front Outer Height</label>
|
||||
<input name="frontOH" type="number" value="50" /> mm
|
||||
</div>
|
||||
<div>
|
||||
<label for="frontIH">Front Inner Height</label>
|
||||
<input name="frontIH" type="number" value="40" /> mm
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
<label for="pageW">Sheet Width</label>
|
||||
<input name="pageW" type="number" value="11" /> in
|
||||
</div>
|
||||
<div>
|
||||
<label for="pageH">Sheet Height</label>
|
||||
<input name="pageH" type="number" value="11" /> in
|
||||
</div>
|
||||
<div>
|
||||
<label for="dpi">DPI</label>
|
||||
<input name="dpi" type="number" value="300" />
|
||||
</div>
|
||||
<div>
|
||||
<label for="maxLength">Maximum Length</label>
|
||||
<input name="maxLength" type="number" value="200" /> mm
|
||||
</div>
|
||||
<div>
|
||||
<label for="parts">Seperate Parts</label>
|
||||
<input name="parts" type="number" value="1" min="1" max="4" /> 1, 2, or 4
|
||||
</div>
|
||||
<div>
|
||||
<label for="align">Adjust Alignment</label>
|
||||
<input name="align" type="number" value="0" min="0" />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div>
|
||||
<button id="refresh" onclick="refresh();">Refresh</button>
|
||||
<button id="download" onclick="download();">Download</button>
|
||||
</div>
|
||||
<img id="img" />
|
||||
<script src="../src/bellows.js"> </script>
|
||||
<script>
|
||||
'use script'
|
||||
const $ = function (select) {
|
||||
return document.querySelector(`[name="${select}"]`)
|
||||
}
|
||||
let B
|
||||
function refresh () {
|
||||
|
||||
const IN = 25.4
|
||||
const DPI = $('dpi').value
|
||||
const MM = DPI / IN
|
||||
|
||||
const pageW = Math.round($('pageW').value * DPI);
|
||||
const pageH = Math.round($('pageH').value * DPI);
|
||||
|
||||
const backOW = Math.round($('backOW').value * MM);
|
||||
const backIW = Math.round($('backIW').value * MM);
|
||||
|
||||
const backOH = Math.round($('backOH').value * MM);
|
||||
const backIH = Math.round($('backIH').value * MM);
|
||||
|
||||
const frontOW = Math.round($('frontOW').value * MM);
|
||||
const frontIW = Math.round($('frontIW').value * MM);
|
||||
|
||||
const frontOH = Math.round($('frontOH').value * MM);
|
||||
const frontIH = Math.round($('frontIH').value * MM);
|
||||
|
||||
const maxLength = Math.round($('maxLength').value * MM);
|
||||
|
||||
const align = Math.round($('align').value);
|
||||
let parts = Math.round($('parts').value);
|
||||
|
||||
if (parts === 3 || parts > 4) {
|
||||
parts = 1
|
||||
}
|
||||
|
||||
B = bellows(
|
||||
{
|
||||
dpi : DPI,
|
||||
|
||||
pageW : pageW,
|
||||
pageH : pageH,
|
||||
|
||||
backOW : backOW,
|
||||
backIW : backIW,
|
||||
backOH : backOH,
|
||||
backIH : backIH,
|
||||
frontOW : frontOW,
|
||||
frontIW : frontIW,
|
||||
frontOH : frontOH,
|
||||
frontIH : frontIH,
|
||||
|
||||
maxLength : maxLength,
|
||||
parts : parts,
|
||||
align : align
|
||||
}
|
||||
);
|
||||
document.getElementById('img').setAttribute('src', B);
|
||||
}
|
||||
function download () {
|
||||
const a = document.createElement('a');
|
||||
a.href = B;
|
||||
a.download = 'bellows.png';
|
||||
|
||||
a.click();
|
||||
}
|
||||
refresh()
|
||||
</script>
|
||||
</body>
|
||||
</html
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
'use strict'
|
||||
|
||||
const fs = require('fs')
|
||||
const bellows = require('../src/bellows.js')
|
||||
|
||||
let base64Data
|
||||
let binaryData
|
||||
|
||||
let options = {
|
||||
//use defaults
|
||||
}
|
||||
|
||||
const B = bellows(options)
|
||||
|
||||
base64Data = B.replace(/^data:image\/png;base64,/, '')
|
||||
base64Data += base64Data.replace('+', ' ')
|
||||
binaryData = new Buffer(base64Data, 'base64').toString('binary')
|
||||
|
||||
fs.writeFile('./example/bellows.png', binaryData, 'binary', (err) => {
|
||||
if (err) {
|
||||
console.error(err) // writes out file without error, but it's not a valid image
|
||||
}
|
||||
console.log('Wrote file ./example/bellows.png')
|
||||
})
|
||||
|
||||
//console.log(B)
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
{
|
||||
"name": "bellows",
|
||||
"version": "0.1.0",
|
||||
"lockfileVersion": 1,
|
||||
"requires": true,
|
||||
"dependencies": {
|
||||
"canvas": {
|
||||
"version": "2.0.0-alpha.9",
|
||||
"resolved": "https://registry.npmjs.org/canvas/-/canvas-2.0.0-alpha.9.tgz",
|
||||
"integrity": "sha512-H0wOexRlHg1bE6/JYIaNRcDj5B2RpuCDqJrO/J8UTPMjM19T1FbXfqjLYI5sZ1oua2E1Bpl4FL8bqzx0pPBalQ==",
|
||||
"requires": {
|
||||
"nan": "2.8.0"
|
||||
}
|
||||
},
|
||||
"nan": {
|
||||
"version": "2.8.0",
|
||||
"resolved": "https://registry.npmjs.org/nan/-/nan-2.8.0.tgz",
|
||||
"integrity": "sha1-7XFfP+neArV6XmJS2QqWZ14fCFo="
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
{
|
||||
"name": "bellows",
|
||||
"version": "0.0.1",
|
||||
"description": "Generate bellows folding and cutting patterns.",
|
||||
"main": "./src/bellows.js",
|
||||
"dependencies": {
|
||||
"canvas": "^2.0.0-alpha.9"
|
||||
},
|
||||
"devDependencies": {},
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/sixteenmillimeter/bellows.git"
|
||||
},
|
||||
"keywords": [
|
||||
"bellows",
|
||||
"folding",
|
||||
"paper",
|
||||
"craft"
|
||||
],
|
||||
"author": "sixteenmillimeter",
|
||||
"license": "MIT",
|
||||
"bugs": {
|
||||
"url": "https://github.com/sixteenmillimeter/bellows/issues"
|
||||
},
|
||||
"homepage": "https://github.com/sixteenmillimeter/bellows#readme"
|
||||
}
|
||||
|
|
@ -0,0 +1,381 @@
|
|||
'use strict'
|
||||
|
||||
/**
|
||||
* @module bellows
|
||||
* @example
|
||||
* const bellows = require('bellows')
|
||||
*/
|
||||
|
||||
const IN = 25.4
|
||||
const BLACK = '0,0,0,1.0'
|
||||
|
||||
let browser = (typeof module === 'undefined')
|
||||
let createCanvas
|
||||
|
||||
if (!browser) {
|
||||
createCanvas = require('canvas').createCanvas
|
||||
}
|
||||
|
||||
|
||||
|
||||
function line (ctx, rgba, start, end) {
|
||||
ctx.strokeStyle = `rgba(${rgba})`
|
||||
ctx.beginPath()
|
||||
ctx.moveTo(start[0], start[1])
|
||||
ctx.lineTo(end[0], end[1])
|
||||
ctx.stroke()
|
||||
}
|
||||
|
||||
function dash (ctx, rgba, dpi, start, end) {
|
||||
ctx.strokeStyle = `rgba(${rgba})`
|
||||
ctx.setLineDash([(dpi / IN) * 1, (dpi / IN) * 0.5])
|
||||
ctx.beginPath()
|
||||
ctx.moveTo(start[0], start[1])
|
||||
ctx.lineTo(end[0], end[1])
|
||||
ctx.stroke()
|
||||
ctx.setLineDash([0, 0])
|
||||
}
|
||||
|
||||
function basicShape (ctx, offset, front, back, length) {
|
||||
const frontOffset = Math.round((back - front) / 2)
|
||||
const X = -back / 2 + offset[0]
|
||||
const Y = -length / 2 + offset[1]
|
||||
//sides
|
||||
line(ctx, BLACK, [X, Y], [X + frontOffset, Y + length])
|
||||
line(ctx, BLACK, [X + back, Y], [X + front + frontOffset, Y + length])
|
||||
|
||||
//top+bottom
|
||||
line(ctx, BLACK, [X, Y], [X + back, Y])
|
||||
line(ctx, BLACK, [X + frontOffset, Y + length], [X + front + frontOffset, Y + length])
|
||||
}
|
||||
|
||||
function taper (back, front, length, pos) {
|
||||
const diff = (back - front) / 2
|
||||
//0, 0 -> length, diff
|
||||
return Math.round((diff / length) * pos)
|
||||
}
|
||||
|
||||
/**
|
||||
* Generate bellows pattern for cutting and folding.
|
||||
*
|
||||
* @param {Object} [options] Bellows configuration options
|
||||
* @param {Integer} [options.dpi] DPI of the image
|
||||
* @param {Integer} [options.pageW] Page width in pixels
|
||||
* @param {Integer} [options.pageH] Page height in pixels
|
||||
* @param {Integer} [options.frontIW] Front inner width of bellows in pixels
|
||||
* @param {Integer} [options.frontOW] Front outer width of bellows in pixels
|
||||
* @param {Integer} [options.frontIH] Front inner height of bellows in pixels
|
||||
* @param {Integer} [options.frontOH] Front outer height of bellows in pixels
|
||||
* @param {Integer} [options.backIW] Back inner width of bellows in pixels
|
||||
* @param {Integer} [options.backOW] Back outer width of bellows in pixels
|
||||
* @param {Integer} [options.backIH] Back inner height of bellows in pixels
|
||||
* @param {Integer} [options.backOH] Back outer height of bellows in pixels
|
||||
* @param {Integer} [options.maxLength] Maximum length of bellows in pixels
|
||||
* @param {Integer} [options.align] Vertical alignment adjustment in pixels
|
||||
* @param {Integer} [options.parts] Number of parts to split pattern into: 1, 2, or 4
|
||||
*
|
||||
* returns {String} Base64 encoded png data
|
||||
*
|
||||
* @example
|
||||
* Generate the default square bellows in 2 parts and print the string to the console.
|
||||
* ```
|
||||
* const b = bellows({ parts : 2 })
|
||||
* console.log(b)
|
||||
* ```
|
||||
*/
|
||||
|
||||
function bellows (options = {}) {
|
||||
let canvas
|
||||
let ctx
|
||||
|
||||
let dpi = options.dpi || 300
|
||||
const MM = dpi / IN
|
||||
|
||||
let pageW = options.pageW || dpi * 11
|
||||
let pageH = options.pageH || dpi * 11
|
||||
|
||||
let frontIW = options.frontIW || Math.round(MM * 40)
|
||||
let frontOW = options.frontOW || Math.round(MM * 50)
|
||||
let frontIH = options.frontIH || Math.round(MM * 40)
|
||||
let frontOH = options.frontOH || Math.round(MM * 50)
|
||||
|
||||
let backIW = options.backIW || Math.round(MM * 40)
|
||||
let backOW = options.backOW || Math.round(MM * 50)
|
||||
let backIH = options.backIH || Math.round(MM * 40)
|
||||
let backOH = options.backOH || Math.round(MM * 50)
|
||||
|
||||
let align = options.align || 0 //adjust the alignment (find formula)
|
||||
|
||||
let maxLength = options.maxLength || MM * 280
|
||||
let parts = options.parts || 1
|
||||
|
||||
let centerX = Math.round(pageW / 2)
|
||||
let centerY = Math.round(pageH / 2)
|
||||
|
||||
let fold = (frontOW - frontIW) / 2
|
||||
let folds = Math.floor(maxLength / fold)
|
||||
let length = folds * fold
|
||||
|
||||
let angleW
|
||||
let angleH
|
||||
|
||||
//console.dir(options)
|
||||
|
||||
|
||||
|
||||
if (!browser) {
|
||||
canvas = createCanvas(pageW, pageH)
|
||||
} else {
|
||||
canvas = document.createElement('canvas')
|
||||
canvas.width = pageW
|
||||
canvas.height = pageH
|
||||
}
|
||||
|
||||
ctx = canvas.getContext('2d')
|
||||
ctx.antialias = 'subpixel'
|
||||
|
||||
//fill background white
|
||||
ctx.fillStyle = 'rgba(255, 255, 255, 1.0)'
|
||||
ctx.fillRect(0, 0, pageW, pageH)
|
||||
|
||||
//key
|
||||
ctx.font = '15px Arial';
|
||||
ctx.textAlign= 'start';
|
||||
ctx.fillText('Cut lines' ,150, 60);
|
||||
|
||||
line(ctx, BLACK, [IN * dpi, IN * dpi], [(2 * IN) * dpi, IN * dpi])
|
||||
|
||||
|
||||
function sideW (side) {
|
||||
const frontOffset = Math.round((backOW - frontOW) / 2)
|
||||
|
||||
const X = -backOW / 2
|
||||
const Y = -length / 2
|
||||
|
||||
let foldIN = X + ((backOW - backIW) / 2) //inside
|
||||
let foldOUT = X //outside
|
||||
let t
|
||||
let t2
|
||||
|
||||
//sides
|
||||
if (side === 1 || parts === 4 || (parts === 2 && side === 3)) {
|
||||
line(ctx, BLACK, [X, Y], [X + frontOffset, Y + length])
|
||||
}
|
||||
if (parts === 4) {
|
||||
line(ctx, BLACK, [X + backOW, Y], [X + backOW - frontOffset, Y + length])
|
||||
}
|
||||
//inner
|
||||
//line(ctx, BLACK, [X + ((backOW - backIW) / 2), Y], [X + ((backOW - backIW) / 2) + frontOffset, Y + length])
|
||||
//line(ctx, BLACK, [X + backOW - ((backOW - backIW) / 2), Y], [X + ((backOW - backIW) / 2) + frontIW + frontOffset, Y + length])
|
||||
//top
|
||||
line(ctx, BLACK, [X, Y], [X + backOW, Y])
|
||||
//bottom
|
||||
line(ctx, BLACK, [X + frontOffset, Y + length], [X + frontOW + frontOffset, Y + length])
|
||||
|
||||
//fold lines
|
||||
for (let i = 1; i < folds; i++) {
|
||||
if (i % 2 === 0) {
|
||||
if (backIW !== frontIW) {
|
||||
t = taper(backIW, frontIW, length, i * fold)
|
||||
} else {
|
||||
t = 0
|
||||
}
|
||||
//fold out
|
||||
dash(ctx, '255,0,0,1.0', dpi, [foldIN + t, Y + (i * fold)], [foldIN + backIW - t, Y + (i * fold)])
|
||||
} else {
|
||||
if (backOW !== frontOW) {
|
||||
t = taper(backOW, frontOW, length, i * fold)
|
||||
} else {
|
||||
t = 0
|
||||
}
|
||||
//fold in
|
||||
dash(ctx, '0,0,255,1.0', dpi, [foldOUT + t, Y + (i * fold)], [foldOUT + backOW - t, Y + (i * fold)])
|
||||
}
|
||||
}
|
||||
|
||||
//fold corners, left
|
||||
for (let i = 0; i < folds; i++) {
|
||||
if (i % 2 === 0) {
|
||||
if (backIW !== frontIW) {
|
||||
t = taper(backIW, frontIW, length, i * fold)
|
||||
t2 = taper(backIW, frontIW, length, (i + 1) * fold)
|
||||
} else {
|
||||
t = 0
|
||||
t2 = 0
|
||||
}
|
||||
dash(ctx, '255,0,0,1.0', dpi, [foldIN + t, Y + i * fold ], [foldIN - ((backOW - backIW) / 2) + t2, (Y + (i + 1) * fold) ])
|
||||
} else {
|
||||
if (backIW !== frontIW) {
|
||||
t = taper(backIW, frontIW, length, i * fold)
|
||||
t2 = taper(backIW, frontIW, length, (i + 1) * fold)
|
||||
} else {
|
||||
t = 0
|
||||
t2 = 0
|
||||
}
|
||||
dash(ctx, '255,0,0,1.0', dpi, [foldOUT + t, Y + i * fold ], [foldIN + t2, (Y + (i + 1) * fold) ])
|
||||
}
|
||||
//
|
||||
}
|
||||
//fold corners, right
|
||||
for (let i = 0; i < folds; i++) {
|
||||
if (i % 2 === 0) {
|
||||
if (backIW !== frontIW) {
|
||||
t = taper(backIW, frontIW, length, i * fold)
|
||||
t2 = taper(backIW, frontIW, length, (i + 1) * fold)
|
||||
} else {
|
||||
t = 0
|
||||
t2 = 0
|
||||
}
|
||||
dash(ctx, '255,0,0,1.0', dpi, [foldIN + backIW - t, Y + i * fold ], [foldOUT + backOW - t2, (Y + (i + 1) * fold) ])
|
||||
} else {
|
||||
if (backIW !== frontIW) {
|
||||
t = taper(backIW, frontIW, length, i * fold)
|
||||
t2 = taper(backIW, frontIW, length, (i + 1) * fold)
|
||||
} else {
|
||||
t = 0
|
||||
t2 = 0
|
||||
}
|
||||
dash(ctx, '255,0,0,1.0', dpi, [foldOUT + backOW - t, Y + i * fold ], [foldIN + backIW - t2, (Y + (i + 1) * fold) ])
|
||||
}
|
||||
//
|
||||
}
|
||||
}
|
||||
function sideH (side) {
|
||||
const frontOffset = Math.round((backOH - frontOH) / 2)
|
||||
|
||||
const X = -backOH / 2
|
||||
const Y = -length / 2
|
||||
|
||||
let foldIN = X + ((backOH - backIH) / 2) //inside
|
||||
let foldOUT = X //outside
|
||||
let t
|
||||
let t2
|
||||
|
||||
//sides
|
||||
if (parts === 4) {
|
||||
line(ctx, BLACK, [X, Y], [X + frontOffset, Y + length])
|
||||
}
|
||||
if (parts !== 1 || side === 4) {
|
||||
line(ctx, BLACK, [X + backOH, Y], [X + backOH - frontOffset, Y + length])
|
||||
}
|
||||
//inner
|
||||
//line(ctx, BLACK, [X + ((backOH - backIH) / 2), Y], [X + ((backOH - backIH) / 2) + frontOffset, Y + length])
|
||||
//line(ctx, BLACK, [X + backOH - ((backOH - backIH) / 2), Y], [X + ((backOH - backIH) / 2) + frontIH + frontOffset, Y + length])
|
||||
|
||||
//top
|
||||
line(ctx, BLACK, [X, Y], [X + backOH, Y])
|
||||
//bottom
|
||||
line(ctx, BLACK, [X + frontOffset, Y + length], [X + frontOH + frontOffset, Y + length])
|
||||
|
||||
//fold lines
|
||||
for (let i = 1; i < folds; i++) {
|
||||
if (i % 2 !== 0) {
|
||||
if (backIH !== frontIH) {
|
||||
t = taper(backIH, frontIH, length, i * fold)
|
||||
} else {
|
||||
t = 0
|
||||
}
|
||||
//fold out
|
||||
dash(ctx, '255,0,0,1.0', dpi, [foldIN + t, Y + (i * fold)], [foldIN + backIH - t, Y + (i * fold)])
|
||||
} else {
|
||||
if (backOH !== frontOH) {
|
||||
t = taper(backOH, frontOH, length, i * fold)
|
||||
} else {
|
||||
t = 0
|
||||
}
|
||||
//fold in
|
||||
dash(ctx, '0,0,255,1.0', dpi, [foldOUT + t, Y + (i * fold)], [foldOUT + backOH - t, Y + (i * fold)])
|
||||
}
|
||||
}
|
||||
|
||||
//fold corners, left
|
||||
for (let i = 0; i < folds; i++) {
|
||||
if (i % 2 !== 0) {
|
||||
if (backIH !== frontIH) {
|
||||
t = taper(backIH, frontIH, length, i * fold)
|
||||
t2 = taper(backIH, frontIH, length, (i + 1) * fold)
|
||||
} else {
|
||||
t = 0
|
||||
t2 = 0
|
||||
}
|
||||
dash(ctx, '255,0,0,1.0', dpi, [foldIN + t, Y + i * fold ], [foldIN - ((backOH - backIH) / 2) + t2, (Y + (i + 1) * fold) ])
|
||||
} else {
|
||||
if (backIH !== frontIH) {
|
||||
t = taper(backIH, frontIH, length, i * fold)
|
||||
t2 = taper(backIH, frontIH, length, (i + 1) * fold)
|
||||
} else {
|
||||
t = 0
|
||||
t2 = 0
|
||||
}
|
||||
dash(ctx, '255,0,0,1.0', dpi, [foldOUT + t, Y + i * fold ], [foldIN + t2, (Y + (i + 1) * fold) ])
|
||||
}
|
||||
//
|
||||
}
|
||||
//fold corners, right
|
||||
for (let i = 0; i < folds; i++) {
|
||||
if (i % 2 !== 0) {
|
||||
if (backIH !== frontIH) {
|
||||
t = taper(backIH, frontIH, length, i * fold)
|
||||
t2 = taper(backIH, frontIH, length, (i + 1) * fold)
|
||||
} else {
|
||||
t = 0
|
||||
t2 = 0
|
||||
}
|
||||
dash(ctx, '255,0,0,1.0', dpi, [foldIN + backIH - t, Y + i * fold ], [foldOUT + backOH - t2, (Y + (i + 1) * fold) ])
|
||||
} else {
|
||||
if (backIH !== frontIH) {
|
||||
t = taper(backIH, frontIH, length, i * fold)
|
||||
t2 = taper(backIH, frontIH, length, (i + 1) * fold)
|
||||
} else {
|
||||
t = 0
|
||||
t2 = 0
|
||||
}
|
||||
dash(ctx, '255,0,0,1.0', dpi, [foldOUT + backOH - t, Y + i * fold ], [foldIN + backIH - t2, (Y + (i + 1) * fold) ])
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function overlap () {
|
||||
|
||||
}
|
||||
|
||||
ctx.translate(centerX, centerY)
|
||||
angleW = Math.atan( (backOW - frontOW) / length) // / (Math.PI / 180)
|
||||
angleH = Math.atan( (backOH - frontOH) / length)
|
||||
|
||||
//SIDES
|
||||
|
||||
ctx.translate(-backOW - (backOH / 2), 0)
|
||||
ctx.rotate((angleW + angleH) / 2)
|
||||
sideW(1)
|
||||
|
||||
if (parts === 4) {
|
||||
ctx.translate(backOH - backIH, 0)
|
||||
}
|
||||
|
||||
ctx.translate((backOW / 2) + (backOH / 2) - (((backOW - frontIW) + (backOH - frontIH)) / 4), align)
|
||||
ctx.rotate((angleW + angleH) / 2)
|
||||
sideH(2)
|
||||
|
||||
if (parts === 4 || parts === 2) {
|
||||
ctx.translate(backOW - backIW, 0)
|
||||
}
|
||||
|
||||
ctx.translate((backOW / 2) + (backOH / 2) - (((backOW - frontIW) + (backOH - frontIH)) / 4), align)
|
||||
ctx.rotate((angleW + angleH) / 2)
|
||||
sideW(3)
|
||||
|
||||
if (parts === 4) {
|
||||
ctx.translate(backOH - backIH, 0)
|
||||
}
|
||||
|
||||
ctx.translate((backOW / 2) + (backOH / 2) - (((backOW - frontIW) + (backOH - frontIH)) / 4), align)
|
||||
ctx.rotate((angleW + angleH) / 2)
|
||||
sideH(4)
|
||||
|
||||
return canvas.toDataURL()
|
||||
}
|
||||
|
||||
if (!browser) {
|
||||
module.exports = bellows
|
||||
}
|
||||
Loading…
Reference in New Issue