Skip to content

Commit c668552

Browse files
committed
Automatic update of translation files (c99d982)
1 parent c99d982 commit c668552

File tree

4 files changed

+348
-0
lines changed

4 files changed

+348
-0
lines changed

src/data/es.yml

Lines changed: 87 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1390,6 +1390,93 @@ learn:
13901390
Ahora observemos una aplicación un poco más realista, con una pantalla de
13911391
dimensiones 200 por 200. Notemos el uso de la función createCanvas() para
13921392
especificar el tamaño de la ventana.
1393+
curves-description1: >-
1394+
This tutorial is written by J David Eisenberg and ported by Sally Chen. If
1395+
you see any errors or have comments,
1396+
curves-description2: ' please let us know.'
1397+
curves-description3: 'This work is licensed under a '
1398+
curves-description4: ' Creative Commons Attribution-NonCommercial-ShareAlinke 4.0 International License.'
1399+
curves-p1x1: >-
1400+
This short tutorial introduces you to the three types of curves in p5.js:
1401+
arcs, spline curves, and Bézier curves.
1402+
curves-arcs-title: ' Arcs '
1403+
curves-arcs-p1x1: >-
1404+
Arcs are the simplest curves to draw, it is defined an arc as a section of
1405+
an ellipse. You call the function with these parameters:
1406+
curves-arcs-p2x1: 'arc (x, y, w, h, start, stop, [mode])'
1407+
curves-arcs-p3x1: >-
1408+
The first four parameters (x,y,w,h) define the boundary box for your arc and
1409+
the next two (start, stop), are the start and stop angles for the arc. These
1410+
angles are given in radians and are measured clockwise with zero degrees
1411+
pointing east and PI radians equals 180°.
1412+
curves-spline-curves-title: Spline Curves
1413+
curves-spline-curves-p1x1: >-
1414+
Arcs are fine, but they’re plain. The next function, curve(), lets you draw
1415+
curves that aren’t necessarily part of an arc. This function draws what is
1416+
technically called a Rom-Catmull Spline. To draw the curve, you must specify
1417+
the (x, y) coordinates of the points where the curve starts and ends. You
1418+
must also specify two control points which determine the direction and
1419+
amount of curvature. The first two and last two parameters are the control
1420+
points of the curve. A call to curve() uses these parameters:
1421+
curves-spline-curves-p2x1: 'curve (cpx1, cpy1, x1, y1, x2, y2, cpx2, cpy2);'
1422+
curves-spline-curves-p3x1: How do the control points affect the way the curve looks?
1423+
curves-spline-curves-p4x1: >-
1424+
The tangent to the curve at the start point is parallel to the line between
1425+
control point one and the end of the curve. The tangent to the curve at the
1426+
end point is parallel to the line between the start point and control point
1427+
2.
1428+
curves-spline-curves-p5x1: >-
1429+
The following diagram shows a curve and the points can be dragged to show
1430+
how the control point affects the curve:
1431+
curves-continuous-spline-curves-title: Continuous Spline Curves
1432+
curves-continuous-spline-curves-p1x1: >-
1433+
In isolation, a single curve() is not particularly appealing. To draw a
1434+
continuous curve through several points, you are better off using the
1435+
curveVertex() function. You can only use this function when you are creating
1436+
a shape with the beginShape() and endShape() functions.In common usage,
1437+
people use the first point of the curve as the first control point and the
1438+
last point of the curve as the last control point.
1439+
curves-bezier-curves-title: Bézier Curves
1440+
curves-bezier-curves-p1x1: >-
1441+
Though better than arcs, spline curves don’t seem to have those graceful,
1442+
swooping curves that say “art.” For those, you need to draw Bézier curves
1443+
with the bezier() function. As with spline curves, the bezier() function has
1444+
eight parameters, but the order is different. The first two and last two
1445+
parameters are the start and end points while middle four points are the
1446+
control points.
1447+
curves-bezier-curves-p2x1: ' bezier(x1, y1, cpx1, cpy1, cpx2, cpy2, x2, y2); '
1448+
curves-bezier-curves-p3x1: >-
1449+
While it is difficult to visualize how the control points affect a curve(),
1450+
it is slightly easier to see how the control points affect Bézier curves.
1451+
Imagine two poles and several rubber bands. The poles connect the control
1452+
points to the endpoints of the curve. A rubber band connects the tops of the
1453+
poles. Two more rubber bands connect the midpoints of the poles to the
1454+
midpoint of the first rubber band. One more rubber band connects their
1455+
midpoints. The center of that last rubber band is tied to the curve. This
1456+
diagram helps to explain, the points can be moved to change the curve.
1457+
curves-continuous-bezier-curves-title: ' Continuous Bézier Curves'
1458+
curves-continuous-bezier-curves-p1x1: >-
1459+
Just as curveVertex() allows you to make continuous spline curves,
1460+
bezierVertex() lets you make continuous Bézier curves. Again, you must be
1461+
within a beginShape() / endShape() sequence. You must use vertex(startX,
1462+
startY) to specify the starting anchor point of the curve. Subsequent points
1463+
are specified with a call to:
1464+
curves-continuous-bezier-curves-p2x1: 'bezierVertex(cpx1, cpy1, cpx2, cpy2, x, y);'
1465+
curves-continuous-bezier-curves-p3x1: >-
1466+
Here is a continuous Bézier curve, but it doesn’t join smoothly. In order to
1467+
make two curves A and B smoothly continuous, the last control point of A,
1468+
the last point of A, and the first control point of B have to be on a
1469+
straight line.
1470+
curves-summary-title: Summary
1471+
curves-summary-li1: >-
1472+
Use arc() when you need a segment of a circle or an ellipse. You can’t make
1473+
continuous arcs or use them as part of a shape.
1474+
curves-summary-li2: >-
1475+
Use curve() when you need a small curve between two points. Use
1476+
curveVertex() to make a continuous series of curves as part of a shape.
1477+
curves-summary-li3: >-
1478+
Use bezier() when you need long, smooth curves. Use bezierVertex() to make a
1479+
continuous series of Bézier curves as part of a shape.
13931480
teach-desc: 'Teach a p5 workshop or class, or create teaching materials!'
13941481
libraries:
13951482
Libraries: Bibliotecas

src/data/hi.yml

Lines changed: 87 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1341,6 +1341,93 @@ learn:
13411341
अब देखते हैं कि 200 से 200 के विंडो आयाम के साथ अधिक यथार्थवादी सेटिंग में
13421342
आकृतियों के साथ कुछ कोड क्या हैं। विंडो की चौड़ाई और ऊंचाई को निर्दिष्ट करने
13431343
के लिए createCanvas () फ़ंक्शन के उपयोग पर ध्यान दें।
1344+
curves-description1: >-
1345+
This tutorial is written by J David Eisenberg and ported by Sally Chen. If
1346+
you see any errors or have comments,
1347+
curves-description2: ' please let us know.'
1348+
curves-description3: 'This work is licensed under a '
1349+
curves-description4: ' Creative Commons Attribution-NonCommercial-ShareAlinke 4.0 International License.'
1350+
curves-p1x1: >-
1351+
This short tutorial introduces you to the three types of curves in p5.js:
1352+
arcs, spline curves, and Bézier curves.
1353+
curves-arcs-title: ' Arcs '
1354+
curves-arcs-p1x1: >-
1355+
Arcs are the simplest curves to draw, it is defined an arc as a section of
1356+
an ellipse. You call the function with these parameters:
1357+
curves-arcs-p2x1: 'arc (x, y, w, h, start, stop, [mode])'
1358+
curves-arcs-p3x1: >-
1359+
The first four parameters (x,y,w,h) define the boundary box for your arc and
1360+
the next two (start, stop), are the start and stop angles for the arc. These
1361+
angles are given in radians and are measured clockwise with zero degrees
1362+
pointing east and PI radians equals 180°.
1363+
curves-spline-curves-title: Spline Curves
1364+
curves-spline-curves-p1x1: >-
1365+
Arcs are fine, but they’re plain. The next function, curve(), lets you draw
1366+
curves that aren’t necessarily part of an arc. This function draws what is
1367+
technically called a Rom-Catmull Spline. To draw the curve, you must specify
1368+
the (x, y) coordinates of the points where the curve starts and ends. You
1369+
must also specify two control points which determine the direction and
1370+
amount of curvature. The first two and last two parameters are the control
1371+
points of the curve. A call to curve() uses these parameters:
1372+
curves-spline-curves-p2x1: 'curve (cpx1, cpy1, x1, y1, x2, y2, cpx2, cpy2);'
1373+
curves-spline-curves-p3x1: How do the control points affect the way the curve looks?
1374+
curves-spline-curves-p4x1: >-
1375+
The tangent to the curve at the start point is parallel to the line between
1376+
control point one and the end of the curve. The tangent to the curve at the
1377+
end point is parallel to the line between the start point and control point
1378+
2.
1379+
curves-spline-curves-p5x1: >-
1380+
The following diagram shows a curve and the points can be dragged to show
1381+
how the control point affects the curve:
1382+
curves-continuous-spline-curves-title: Continuous Spline Curves
1383+
curves-continuous-spline-curves-p1x1: >-
1384+
In isolation, a single curve() is not particularly appealing. To draw a
1385+
continuous curve through several points, you are better off using the
1386+
curveVertex() function. You can only use this function when you are creating
1387+
a shape with the beginShape() and endShape() functions.In common usage,
1388+
people use the first point of the curve as the first control point and the
1389+
last point of the curve as the last control point.
1390+
curves-bezier-curves-title: Bézier Curves
1391+
curves-bezier-curves-p1x1: >-
1392+
Though better than arcs, spline curves don’t seem to have those graceful,
1393+
swooping curves that say “art.” For those, you need to draw Bézier curves
1394+
with the bezier() function. As with spline curves, the bezier() function has
1395+
eight parameters, but the order is different. The first two and last two
1396+
parameters are the start and end points while middle four points are the
1397+
control points.
1398+
curves-bezier-curves-p2x1: ' bezier(x1, y1, cpx1, cpy1, cpx2, cpy2, x2, y2); '
1399+
curves-bezier-curves-p3x1: >-
1400+
While it is difficult to visualize how the control points affect a curve(),
1401+
it is slightly easier to see how the control points affect Bézier curves.
1402+
Imagine two poles and several rubber bands. The poles connect the control
1403+
points to the endpoints of the curve. A rubber band connects the tops of the
1404+
poles. Two more rubber bands connect the midpoints of the poles to the
1405+
midpoint of the first rubber band. One more rubber band connects their
1406+
midpoints. The center of that last rubber band is tied to the curve. This
1407+
diagram helps to explain, the points can be moved to change the curve.
1408+
curves-continuous-bezier-curves-title: ' Continuous Bézier Curves'
1409+
curves-continuous-bezier-curves-p1x1: >-
1410+
Just as curveVertex() allows you to make continuous spline curves,
1411+
bezierVertex() lets you make continuous Bézier curves. Again, you must be
1412+
within a beginShape() / endShape() sequence. You must use vertex(startX,
1413+
startY) to specify the starting anchor point of the curve. Subsequent points
1414+
are specified with a call to:
1415+
curves-continuous-bezier-curves-p2x1: 'bezierVertex(cpx1, cpy1, cpx2, cpy2, x, y);'
1416+
curves-continuous-bezier-curves-p3x1: >-
1417+
Here is a continuous Bézier curve, but it doesn’t join smoothly. In order to
1418+
make two curves A and B smoothly continuous, the last control point of A,
1419+
the last point of A, and the first control point of B have to be on a
1420+
straight line.
1421+
curves-summary-title: Summary
1422+
curves-summary-li1: >-
1423+
Use arc() when you need a segment of a circle or an ellipse. You can’t make
1424+
continuous arcs or use them as part of a shape.
1425+
curves-summary-li2: >-
1426+
Use curve() when you need a small curve between two points. Use
1427+
curveVertex() to make a continuous series of curves as part of a shape.
1428+
curves-summary-li3: >-
1429+
Use bezier() when you need long, smooth curves. Use bezierVertex() to make a
1430+
continuous series of Bézier curves as part of a shape.
13441431
teach-desc: 'Teach a p5 workshop or class, or create teaching materials!'
13451432
libraries:
13461433
Libraries: लाइब्रेरी

src/data/ko.yml

Lines changed: 87 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1218,6 +1218,93 @@ learn:
12181218
coordinate-system-simple-shapes-p9x1: >-
12191219
자, 이제 좀 더 완성도있는 그림을 그려볼까요! 아래의 코드는 200x200 픽셀 크기의 캔버스 위에 여러개의 도형을 그립니다.
12201220
createCanvas() 함수를 사용하여 캔버스의 너비(width)와 높이(height)를 설정할 수 있습니다.
1221+
curves-description1: >-
1222+
This tutorial is written by J David Eisenberg and ported by Sally Chen. If
1223+
you see any errors or have comments,
1224+
curves-description2: ' please let us know.'
1225+
curves-description3: 'This work is licensed under a '
1226+
curves-description4: ' Creative Commons Attribution-NonCommercial-ShareAlinke 4.0 International License.'
1227+
curves-p1x1: >-
1228+
This short tutorial introduces you to the three types of curves in p5.js:
1229+
arcs, spline curves, and Bézier curves.
1230+
curves-arcs-title: ' Arcs '
1231+
curves-arcs-p1x1: >-
1232+
Arcs are the simplest curves to draw, it is defined an arc as a section of
1233+
an ellipse. You call the function with these parameters:
1234+
curves-arcs-p2x1: 'arc (x, y, w, h, start, stop, [mode])'
1235+
curves-arcs-p3x1: >-
1236+
The first four parameters (x,y,w,h) define the boundary box for your arc and
1237+
the next two (start, stop), are the start and stop angles for the arc. These
1238+
angles are given in radians and are measured clockwise with zero degrees
1239+
pointing east and PI radians equals 180°.
1240+
curves-spline-curves-title: Spline Curves
1241+
curves-spline-curves-p1x1: >-
1242+
Arcs are fine, but they’re plain. The next function, curve(), lets you draw
1243+
curves that aren’t necessarily part of an arc. This function draws what is
1244+
technically called a Rom-Catmull Spline. To draw the curve, you must specify
1245+
the (x, y) coordinates of the points where the curve starts and ends. You
1246+
must also specify two control points which determine the direction and
1247+
amount of curvature. The first two and last two parameters are the control
1248+
points of the curve. A call to curve() uses these parameters:
1249+
curves-spline-curves-p2x1: 'curve (cpx1, cpy1, x1, y1, x2, y2, cpx2, cpy2);'
1250+
curves-spline-curves-p3x1: How do the control points affect the way the curve looks?
1251+
curves-spline-curves-p4x1: >-
1252+
The tangent to the curve at the start point is parallel to the line between
1253+
control point one and the end of the curve. The tangent to the curve at the
1254+
end point is parallel to the line between the start point and control point
1255+
2.
1256+
curves-spline-curves-p5x1: >-
1257+
The following diagram shows a curve and the points can be dragged to show
1258+
how the control point affects the curve:
1259+
curves-continuous-spline-curves-title: Continuous Spline Curves
1260+
curves-continuous-spline-curves-p1x1: >-
1261+
In isolation, a single curve() is not particularly appealing. To draw a
1262+
continuous curve through several points, you are better off using the
1263+
curveVertex() function. You can only use this function when you are creating
1264+
a shape with the beginShape() and endShape() functions.In common usage,
1265+
people use the first point of the curve as the first control point and the
1266+
last point of the curve as the last control point.
1267+
curves-bezier-curves-title: Bézier Curves
1268+
curves-bezier-curves-p1x1: >-
1269+
Though better than arcs, spline curves don’t seem to have those graceful,
1270+
swooping curves that say “art.” For those, you need to draw Bézier curves
1271+
with the bezier() function. As with spline curves, the bezier() function has
1272+
eight parameters, but the order is different. The first two and last two
1273+
parameters are the start and end points while middle four points are the
1274+
control points.
1275+
curves-bezier-curves-p2x1: ' bezier(x1, y1, cpx1, cpy1, cpx2, cpy2, x2, y2); '
1276+
curves-bezier-curves-p3x1: >-
1277+
While it is difficult to visualize how the control points affect a curve(),
1278+
it is slightly easier to see how the control points affect Bézier curves.
1279+
Imagine two poles and several rubber bands. The poles connect the control
1280+
points to the endpoints of the curve. A rubber band connects the tops of the
1281+
poles. Two more rubber bands connect the midpoints of the poles to the
1282+
midpoint of the first rubber band. One more rubber band connects their
1283+
midpoints. The center of that last rubber band is tied to the curve. This
1284+
diagram helps to explain, the points can be moved to change the curve.
1285+
curves-continuous-bezier-curves-title: ' Continuous Bézier Curves'
1286+
curves-continuous-bezier-curves-p1x1: >-
1287+
Just as curveVertex() allows you to make continuous spline curves,
1288+
bezierVertex() lets you make continuous Bézier curves. Again, you must be
1289+
within a beginShape() / endShape() sequence. You must use vertex(startX,
1290+
startY) to specify the starting anchor point of the curve. Subsequent points
1291+
are specified with a call to:
1292+
curves-continuous-bezier-curves-p2x1: 'bezierVertex(cpx1, cpy1, cpx2, cpy2, x, y);'
1293+
curves-continuous-bezier-curves-p3x1: >-
1294+
Here is a continuous Bézier curve, but it doesn’t join smoothly. In order to
1295+
make two curves A and B smoothly continuous, the last control point of A,
1296+
the last point of A, and the first control point of B have to be on a
1297+
straight line.
1298+
curves-summary-title: Summary
1299+
curves-summary-li1: >-
1300+
Use arc() when you need a segment of a circle or an ellipse. You can’t make
1301+
continuous arcs or use them as part of a shape.
1302+
curves-summary-li2: >-
1303+
Use curve() when you need a small curve between two points. Use
1304+
curveVertex() to make a continuous series of curves as part of a shape.
1305+
curves-summary-li3: >-
1306+
Use bezier() when you need long, smooth curves. Use bezierVertex() to make a
1307+
continuous series of Bézier curves as part of a shape.
12211308
teach-desc: 'Teach a p5 workshop or class, or create teaching materials!'
12221309
libraries:
12231310
Libraries: 라이브러리

0 commit comments

Comments
 (0)