Skip to content

Commit edfc630

Browse files
authored
Merge pull request #287 from yoga1234/master
partially translate animation/article
2 parents 097d25c + 7ebf57f commit edfc630

File tree

1 file changed

+19
-19
lines changed

1 file changed

+19
-19
lines changed

7-animation/1-bezier-curve/article.md

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -84,46 +84,46 @@ Titik kontrol (1, 2 dan 3) bisa dipindahkan dengan _mouse_. Tekan _play_ untuk m
8484

8585
Itu adalah proses dari 3 titik. Tapi sama dengan proses yang menggunakan 4 titik.
8686

87-
The demo for 4 points (points can be moved by a mouse):
87+
Contoh untuk 4 titik (titik dapat dipindahkan menggunakan _mouse_):
8888

8989
[iframe src="demo.svg?p=0,0,0.5,0,0.5,1,1,1&animate=1" height=370]
9090

91-
The algorithm for 4 points:
91+
Algoritma untuk 4 titik:
9292

93-
- Connect control points by segments: 1 -> 2, 2 -> 3, 3 -> 4. There will be 3 <span style="color:#825E28">brown</span> segments.
94-
- For each `t` in the interval from `0` to `1`:
95-
- We take points on these segments on the distance proportional to `t` from the beginning. These points are connected, so that we have two <span style="color:#0A0">green segments</span>.
96-
- On these segments we take points proportional to `t`. We get one <span style="color:#167490">blue segment</span>.
97-
- On the blue segment we take a point proportional to `t`. On the example above it's <span style="color:red">red</span>.
98-
- These points together form the curve.
93+
- Sambungkan titik kontrol pada bagian: 1 -> 2, 2 -> 3, 3 -> 4. Akan terdapat 3 bagian <span style="color:#825E28">coklat</span>.
94+
- Untuk setiap `t` didalam interval dari `0` menuju `1`:
95+
- Kita ambil titik dari bagian yang memiliki cukup jarak dengan `t` di awal. Titik ini tersambung, jadi kita mempunyai dua <span style="color:#0A0">bagian hijau</span>.
96+
- Salah satu dari bagiannya akan mempunyai jarak yang cukup ke `t`. Kita memiliki <span style="color:#167490">bagian biru</span>.
97+
- Di bagian biru kita mengambil sebuah titik yang memiliki jarak proporsional ke `t`. Di contoh diatas adalah <span style="color:red">merah</span>.
98+
- Titik-titik ini akan membentuk lengkungan.
9999

100-
The algorithm is recursive and can be generalized for any number of control points.
100+
Algoritmanya adalah perulangan dan bisa digenerelasikan dengan jumlah titik berapapun itu.
101101

102-
Given N of control points:
102+
Diberikan titik kontrol dengan jumlah N:
103103

104-
1. We connect them to get initially N-1 segments.
105-
2. Then for each `t` from `0` to `1`, we take a point on each segment on the distance proportional to `t` and connect them. There will be N-2 segments.
106-
3. Repeat step 2 until there is only one point.
104+
1. Kita sambungkan titik-titik nya untuk mendapatkan bagian awal N-1.
105+
2. Lalu untuk setiap `t` dari `0` sampai `1`, kita bisa mengambil titik dari setiap bagian. Akan terdapat bagian N -2.
106+
3. Ulangi langkah 2 sampai hanya tersisa satu titik.
107107

108-
These points make the curve.
108+
Titik-titik ini membangun lengkungannya.
109109

110110
```online
111-
**Run and pause examples to clearly see the segments and how the curve is built.**
111+
**Jalankan dan hentikan sementara untuk melihat bagian dan lengkungannya dibuat**
112112
```
113113

114-
A curve that looks like `y=1/t`:
114+
Sebuah lengkungan yang terlihat seperti `y=1/t`:
115115

116116
[iframe src="demo.svg?p=0,0,0,0.75,0.25,1,1,1&animate=1" height=370]
117117

118-
Zig-zag control points also work fine:
118+
Kontrol _zig-zag_ pun dapat digunakan:
119119

120120
[iframe src="demo.svg?p=0,0,1,0.5,0,0.5,1,1&animate=1" height=370]
121121

122-
Making a loop is possible:
122+
Membuat perulangan juga bisa:
123123

124124
[iframe src="demo.svg?p=0,0,1,0.5,0,1,0.5,0&animate=1" height=370]
125125

126-
A non-smooth Bezier curve (yeah, that's possible too):
126+
_Bezier Curve_ yang tidak rapih (bisa dibuat juga):
127127

128128
[iframe src="demo.svg?p=0,0,1,1,0,1,1,0&animate=1" height=370]
129129

0 commit comments

Comments
 (0)