feat: Flat import of markdown repo
This is a flat (without history) import of (some of) the content from our markdown module. We've imported this without history because the repo contains our blog posts and showcases posts content prior to porting them to strapi. Since this contains many images, it would balloon the size of this repo to import the full history. Instead, please refer to the history of the (archived) markdown repo at: https://github.com/freesewing/markdown
This commit is contained in:
parent
1671a896b5
commit
b34a2ee2ed
6132 changed files with 244167 additions and 0 deletions
49
markdown/dev/tutorials/pattern-design/avoiding-overlap/de.md
Normal file
49
markdown/dev/tutorials/pattern-design/avoiding-overlap/de.md
Normal file
|
@ -0,0 +1,49 @@
|
|||
---
|
||||
title: Avoiding overlap
|
||||
order: 220
|
||||
---
|
||||
|
||||
While you've only drawn the end of one strap, it's pretty obvious they overlap. Which is a big no-no in sewing patterns, so you're going to have to address that.
|
||||
|
||||
Specifically, we're going to rotate our strap out of the way until it no longer overlaps. The rest of your bib should stay as it is, so let's start by making a list of points we need to rotate:
|
||||
|
||||
```js
|
||||
let rotateThese = [
|
||||
"edgeTopLeftCp",
|
||||
"edgeTop",
|
||||
"tipRight",
|
||||
"tipRightTop",
|
||||
"tipRightTopStart",
|
||||
"tipRightTopCp1",
|
||||
"tipRightTopCp2",
|
||||
"tipRightTopEnd",
|
||||
"tipRightBottomStart",
|
||||
"tipRightBottomCp1",
|
||||
"tipRightBottomCp2",
|
||||
"tipRightBottomEnd",
|
||||
"tipRightBottom",
|
||||
"top",
|
||||
"topCp2"
|
||||
];
|
||||
```
|
||||
|
||||
Now you can rotate them. How far? Until the strap no longer overlaps:
|
||||
|
||||
```js
|
||||
while (points.tipRightBottomStart.x > -1) {
|
||||
for (let p of rotateThese) points[p] = points[p].rotate(1, points.edgeLeft);
|
||||
}
|
||||
```
|
||||
|
||||
We're rotating all the points in the `rotateThese` array around the `edgeLeft` points. We're using increments of 1 degree until the `tipRightBottomStart` point is 1mm passed the center of our bib.
|
||||
|
||||
While we're add it, let's add a point where the closure's snap should go:
|
||||
|
||||
```js
|
||||
points.snapLeft = points.top.shiftFractionTowards(points.edgeTop, 0.5);
|
||||
```
|
||||
|
||||
<Example pattern="tutorial" part="step8" caption="The right part looks a bit wonky now, but we'll get to that" />
|
||||
|
||||
Now let's mirror this on the other side, and replace our `neck` and `rect` paths with a new path.
|
||||
|
53
markdown/dev/tutorials/pattern-design/avoiding-overlap/en.md
Normal file
53
markdown/dev/tutorials/pattern-design/avoiding-overlap/en.md
Normal file
|
@ -0,0 +1,53 @@
|
|||
---
|
||||
title: Avoiding overlap
|
||||
order: 220
|
||||
---
|
||||
|
||||
While you've only drawn the end of one strap, it's pretty obvious they overlap.
|
||||
Which is a big no-no in sewing patterns, so you're going to have to address that.
|
||||
|
||||
Specifically, we're going to rotate our strap out of the way until it no longer overlaps.
|
||||
The rest of your bib should stay as it is, so let's start by making a list of points we need
|
||||
to rotate:
|
||||
|
||||
```js
|
||||
let rotateThese = [
|
||||
"edgeTopLeftCp",
|
||||
"edgeTop",
|
||||
"tipRight",
|
||||
"tipRightTop",
|
||||
"tipRightTopStart",
|
||||
"tipRightTopCp1",
|
||||
"tipRightTopCp2",
|
||||
"tipRightTopEnd",
|
||||
"tipRightBottomStart",
|
||||
"tipRightBottomCp1",
|
||||
"tipRightBottomCp2",
|
||||
"tipRightBottomEnd",
|
||||
"tipRightBottom",
|
||||
"top",
|
||||
"topCp2"
|
||||
];
|
||||
```
|
||||
|
||||
Now you can rotate them. How far? Until the strap no longer overlaps:
|
||||
|
||||
```js
|
||||
while (points.tipRightBottomStart.x > -1) {
|
||||
for (let p of rotateThese) points[p] = points[p].rotate(1, points.edgeLeft);
|
||||
}
|
||||
```
|
||||
|
||||
We're rotating all the points in the `rotateThese` array around the `edgeLeft` points.
|
||||
We're using increments of 1 degree until the `tipRightBottomStart` point is 1mm passed the center of our bib.
|
||||
|
||||
While we're add it, let's add a point where the closure's snap should go:
|
||||
|
||||
```js
|
||||
points.snapLeft = points.top.shiftFractionTowards(points.edgeTop, 0.5);
|
||||
```
|
||||
|
||||
<Example pattern="tutorial" part="step8" caption="The right part looks a bit wonky now, but we'll get to that" />
|
||||
|
||||
Now let's mirror this on the other side, and replace our `neck` and `rect` paths with a new path.
|
||||
|
49
markdown/dev/tutorials/pattern-design/avoiding-overlap/es.md
Normal file
49
markdown/dev/tutorials/pattern-design/avoiding-overlap/es.md
Normal file
|
@ -0,0 +1,49 @@
|
|||
---
|
||||
title: Avoiding overlap
|
||||
order: 220
|
||||
---
|
||||
|
||||
While you've only drawn the end of one strap, it's pretty obvious they overlap. Which is a big no-no in sewing patterns, so you're going to have to address that.
|
||||
|
||||
Specifically, we're going to rotate our strap out of the way until it no longer overlaps. The rest of your bib should stay as it is, so let's start by making a list of points we need to rotate:
|
||||
|
||||
```js
|
||||
let rotateThese = [
|
||||
"edgeTopLeftCp",
|
||||
"edgeTop",
|
||||
"tipRight",
|
||||
"tipRightTop",
|
||||
"tipRightTopStart",
|
||||
"tipRightTopCp1",
|
||||
"tipRightTopCp2",
|
||||
"tipRightTopEnd",
|
||||
"tipRightBottomStart",
|
||||
"tipRightBottomCp1",
|
||||
"tipRightBottomCp2",
|
||||
"tipRightBottomEnd",
|
||||
"tipRightBottom",
|
||||
"top",
|
||||
"topCp2"
|
||||
];
|
||||
```
|
||||
|
||||
Now you can rotate them. How far? Until the strap no longer overlaps:
|
||||
|
||||
```js
|
||||
while (points.tipRightBottomStart.x > -1) {
|
||||
for (let p of rotateThese) points[p] = points[p].rotate(1, points.edgeLeft);
|
||||
}
|
||||
```
|
||||
|
||||
We're rotating all the points in the `rotateThese` array around the `edgeLeft` points. We're using increments of 1 degree until the `tipRightBottomStart` point is 1mm passed the center of our bib.
|
||||
|
||||
While we're add it, let's add a point where the closure's snap should go:
|
||||
|
||||
```js
|
||||
points.snapLeft = points.top.shiftFractionTowards(points.edgeTop, 0.5);
|
||||
```
|
||||
|
||||
<Example pattern="tutorial" part="step8" caption="The right part looks a bit wonky now, but we'll get to that" />
|
||||
|
||||
Now let's mirror this on the other side, and replace our `neck` and `rect` paths with a new path.
|
||||
|
49
markdown/dev/tutorials/pattern-design/avoiding-overlap/fr.md
Normal file
49
markdown/dev/tutorials/pattern-design/avoiding-overlap/fr.md
Normal file
|
@ -0,0 +1,49 @@
|
|||
---
|
||||
title: Eviter le chevauchement
|
||||
order: 220
|
||||
---
|
||||
|
||||
Tandis que vous avez seulement dessiné l'extrémité d'une attache, il est assez évident que les attaches se chevauchent. Ce qui est absolument inadmissible pour un patron de couture, alors il va falloir résoudre ce problème.
|
||||
|
||||
Spécifiquement, nous allons faire tourner (rotate) notre attache de façon à ce qu'elle ne se superpose plus sur la deuxième. Le reste du bavoir devrait rester tel quel, alors commençons par lister les points qui doivent subir une rotation :
|
||||
|
||||
```js
|
||||
let rotateThese = [
|
||||
"edgeTopLeftCp",
|
||||
"edgeTop",
|
||||
"tipRight",
|
||||
"tipRightTop",
|
||||
"tipRightTopStart",
|
||||
"tipRightTopCp1",
|
||||
"tipRightTopCp2",
|
||||
"tipRightTopEnd",
|
||||
"tipRightBottomStart",
|
||||
"tipRightBottomCp1",
|
||||
"tipRightBottomCp2",
|
||||
"tipRightBottomEnd",
|
||||
"tipRightBottom",
|
||||
"top",
|
||||
"topCp2"
|
||||
];
|
||||
```
|
||||
|
||||
A présent vous pouvez les faire tourner. Jusqu'où ? Jusqu'à ce que les attaches ne se chevauchent plus :
|
||||
|
||||
```js
|
||||
while (points.tipRightBottomStart.x > -1) {
|
||||
for (let p of rotateThese) points[p] = points[p].rotate(1, points.edgeLeft);
|
||||
}
|
||||
```
|
||||
|
||||
Nous allons faire tourner tous les points du tableau `rotateThese` autour des points `edgeLeft` (bord gauche). Nous utilisons des incréments de 1 degré jusqu'à ce que le point `tipRightBottomStart` dépasse d'1 mm du centre du bavoir.
|
||||
|
||||
Dans le même temps, ajoutons un point où le bouton pression devrait se trouver :
|
||||
|
||||
```js
|
||||
points.snapLeft = points.top.shiftFractionTowards(points.edgeTop, 0.5);
|
||||
```
|
||||
|
||||
<Example pattern="tutorial" part="step8" caption="The right part looks a bit wonky now, but we'll get to that" />
|
||||
|
||||
Maintenant, effectuons l'image miroir de l'autre côté, et remplaçons nos chemins `neck` et `rect` par un nouveau chemin.
|
||||
|
49
markdown/dev/tutorials/pattern-design/avoiding-overlap/nl.md
Normal file
49
markdown/dev/tutorials/pattern-design/avoiding-overlap/nl.md
Normal file
|
@ -0,0 +1,49 @@
|
|||
---
|
||||
title: Overlap vermijden
|
||||
order: 220
|
||||
---
|
||||
|
||||
Je hebt nu enkel nog maar het uiteinde van één bandje getekend, maar het is al heel duidelijk dat ze overlappen. Dat is een grote no-no in naaipatronen, dus daar moeten we iets aan doen.
|
||||
|
||||
We gaan het bandje uit de weg draaien zodat het niet meer overlapt. De rest van het slabbetje moet blijven zoals het is, dus laten we om te beginnen een lijst maken van punten die moeten draaien:
|
||||
|
||||
```js
|
||||
let rotateThese = [
|
||||
"edgeTopLeftCp",
|
||||
"edgeTop",
|
||||
"tipRight",
|
||||
"tipRightTop",
|
||||
"tipRightTopStart",
|
||||
"tipRightTopCp1",
|
||||
"tipRightTopCp2",
|
||||
"tipRightTopEnd",
|
||||
"tipRightBottomStart",
|
||||
"tipRightBottomCp1",
|
||||
"tipRightBottomCp2",
|
||||
"tipRightBottomEnd",
|
||||
"tipRightBottom",
|
||||
"top",
|
||||
"topCp2"
|
||||
];
|
||||
```
|
||||
|
||||
Nu kan je ze roteren. Hoe ver? Tot het bandje niet meer overlapt:
|
||||
|
||||
```js
|
||||
while (points.tipRightBottomStart.x > -1) {
|
||||
for (let p of rotateThese) points[p] = points[p].rotate(1, points.edgeLeft);
|
||||
}
|
||||
```
|
||||
|
||||
We roteren alle punten in de `rotateThese`-reeks rond de punten van `edgeLeft`. We werken met stappen van 1 graad totdat het punt `tipRightBottomStart` 1 millimeter voorbij het midden van het slabbetje ligt.
|
||||
|
||||
En nu we toch bezig zijn, kunnen we meteen een punt toevoegen waar de drukknop voor de sluiting terecht moet komen:
|
||||
|
||||
```js
|
||||
points.snapLeft = points.top.shiftFractionTowards(points.edgeTop, 0.5);
|
||||
```
|
||||
|
||||
<Example pattern="tutorial" part="step8" caption="The right part looks a bit wonky now, but we'll get to that" />
|
||||
|
||||
Dat gaan we spiegelen aan de andere kant en de paden voor `neck` en `rect` vervangen door een nieuw pad.
|
||||
|
Loading…
Add table
Add a link
Reference in a new issue