43 lines
1.2 KiB
Markdown
43 lines
1.2 KiB
Markdown
|
---
|
||
|
|
title: 180|Completing the neck opening
|
||
|
|
---
|
||
|
|
|
||
|
|
Aangezien de halsopening symmetrisch is, hoeven we de punten aan de andere kant niet opnieuw te berekenen. Je kan ze gewoon omdraaien. Dat is dus precies wat we gaan doen:
|
||
|
|
|
||
|
|
Eerst creëer je een aantal nieuwe punten:
|
||
|
|
|
||
|
|
```js
|
||
|
|
points.rightCp2 = points.rightCp1.flipY();
|
||
|
|
points.bottomCp1 = points.bottomCp2.flipX();
|
||
|
|
|
||
|
|
points.left = points.right.flipX();
|
||
|
|
points.leftCp1 = points.rightCp2.flipX();
|
||
|
|
points.leftCp2 = points.rightCp1.flipX();
|
||
|
|
|
||
|
|
points.top = points.bottom.flipY();
|
||
|
|
points.topCp1 = points.bottomCp2.flipY();
|
||
|
|
points.topCp2 = points.bottomCp1.flipY();
|
||
|
|
```
|
||
|
|
|
||
|
|
<Note>
|
||
|
|
|
||
|
|
We're using the `Point.flipX()` and `Point.flipY()` methods here.
|
||
|
|
Je kan misschien wel raden wat ze doen. If not, check [the API documentation](/reference/api/point/).
|
||
|
|
|
||
|
|
</Note>
|
||
|
|
|
||
|
|
Vervolgens update je het pad:
|
||
|
|
|
||
|
|
```js
|
||
|
|
paths.neck = new Path()
|
||
|
|
.move(points.top)
|
||
|
|
.curve(points.topCp2, points.leftCp1, points.left)
|
||
|
|
.curve(points.leftCp2, points.bottomCp1, points.bottom)
|
||
|
|
.curve(points.bottomCp2, points.rightCp1, points.right)
|
||
|
|
.curve(points.rightCp2, points.topCp1, points.top)
|
||
|
|
.close();
|
||
|
|
```
|
||
|
|
|
||
|
|
<Example pattern="tutorial" part="step4" caption="And now you have a complete neck opening" />
|
||
|
|
|