Skip to content

Commit 5ef79a9

Browse files
committed
Revisión traducción Bezier Curve
1 parent 3223f8d commit 5ef79a9

1 file changed

Lines changed: 7 additions & 7 deletions

File tree

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

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,11 @@
22

33
Las curvas de Bézier se utilizan en gráficos por ordenador para dibujar formas, para animación CSS y en muchos otros lugares.
44

5-
En realidad, son algo muy sencillo, vale la pena estudiar una vez y luego sentirse cómodo en el mundo de los gráficos vectoriales y las animaciones avanzadas.
5+
En realidad, son algo muy sencillo, vale la pena estudiarlos una vez y luego sentirse cómodo en el mundo de los gráficos vectoriales y las animaciones avanzadas.
66

77
## Puntos de control
88

9-
Una [curva de Bèzier](https://es.wikipedia.org/wiki/Curva_de_B%C3%A9zier) está definida por puntos de control.
9+
Una [curva de Bézier](https://es.wikipedia.org/wiki/Curva_de_B%C3%A9zier) está definida por puntos de control.
1010

1111
Puede haber 2, 3, 4 o más.
1212

@@ -22,7 +22,7 @@ Curva de cuatro puntos:
2222

2323
![](bezier4.png)
2424

25-
Si observa detenidamente estas curvas, puede notar inmediatamente que:
25+
Si observas detenidamente estas curvas, puedes notar inmediatamente que:
2626

2727
1. **Los puntos no siempre están en la curva.** Eso es perfectamente normal, luego veremos cómo se construye la curva.
2828
2. **El orden de la curva es igual al número de puntos menos uno**.
@@ -35,11 +35,11 @@ Debido a esa última propiedad, en gráficos por ordenador es posible optimizar
3535

3636
**El valor principal de las curvas de Bézier para dibujar: al mover los puntos, la curva cambia *de manera intuitiva*.**
3737

38-
Intente mover los puntos de control con el ratón en el siguiente ejemplo:
38+
Intenta mover los puntos de control con el ratón en el siguiente ejemplo:
3939

4040
[iframe src="demo.svg?nocpath=1&p=0,0,0.5,0,0.5,1,1,1" height=370]
4141

42-
**Como puede observar, la curva se extiende a lo largo de las lineas tangenciales 1 -> 2 y 3 -> 4.**
42+
**Como puedes observar, la curva se extiende a lo largo de las lineas tangenciales 1 -> 2 y 3 -> 4.**
4343

4444
Después de algo de práctica, se vuelve obvio cómo colocar puntos para obtener la curva necesaria. Y al conectar varias curvas podemos obtener prácticamente cualquier cosa.
4545

@@ -78,7 +78,7 @@ Los puntos de control (1,2 y 3) se pueden mover con el ratón. Presiona el botó
7878
| ------------------------ | ---------------------- |
7979
| ![](bezier3-draw1.png) | ![](bezier3-draw2.png) |
8080

81-
4. Ahora, en el segmento <span style="color:#167490">azul</span>, tome un punto en la distancia proporcional al mismo valor de `t`. Es decir, para `t=0.25` (la imagen de la izquierda) tenemos un punto al final del cuarto izquierdo del segmento, y para `t=0.5` (la imagen de la derecha) -- en la mitad del segmento. En las imágenes de arriba ese punto es <span style="color:red">rojo</span>.
81+
4. Ahora, en el segmento <span style="color:#167490">azul</span>, toma un punto en la distancia proporcional al mismo valor de `t`. Es decir, para `t=0.25` (la imagen de la izquierda) tenemos un punto al final del cuarto izquierdo del segmento, y para `t=0.5` (la imagen de la derecha) -- en la mitad del segmento. En las imágenes de arriba ese punto es <span style="color:red">rojo</span>.
8282

8383
5. Como `t` va de `0` a `1`, cada valor de `t` añade un punto a la curva. El conjunto de tales puntos forma la curva de Bézier. Es rojo y parabólico en las imágenes de arriba.
8484

@@ -108,7 +108,7 @@ Dados N de puntos de control:
108108
Estos puntos forman la curva.
109109

110110
```online
111-
**Ejecute y pause los ejemplos para ver claramente los segmentos y cómo se construye la curva.**
111+
**Ejecuta y pausa los ejemplos para ver claramente los segmentos y cómo se construye la curva.**
112112
```
113113

114114

0 commit comments

Comments
 (0)