1
0
Fork 0

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:
Joost De Cock 2021-08-25 16:09:31 +02:00
parent 1671a896b5
commit b34a2ee2ed
6132 changed files with 244167 additions and 0 deletions

View 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.

View 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.

View 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.

View 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.

View 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.