Skip to content

Commit 15ec2e9

Browse files
aceslowmanaceslowman
committed
added work-in-progress learn page tutorial as well as placeholders in translation files
1 parent bc14f44 commit 15ec2e9

File tree

11 files changed

+430
-6
lines changed

11 files changed

+430
-6
lines changed

‎i18n-tracking.yml

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
es:
22
src/data/en.yml:
3+
line 365: ' getting-started-in-3d-title'
4+
line 366: ' getting-started-in-3d'
35
line 883: ' p5.utils'
46
line 884: ' A set of utilities and additional features for my creative coding class aiming '
57
line 885: ' to help students.'
@@ -274,8 +276,6 @@ es:
274276
line 361: ' project-a-1-3-chung'
275277
line 362: ' project-a-2-1-chung'
276278
line 364: ' project-a-2-2-chung'
277-
line 365: ' project-a-3-1-chung'
278-
line 366: ' project-a-3-2-chung'
279279
line 367: ' project-a-4-1-chung'
280280
line 368: ' project-a-4-2-chung'
281281
line 369: ' project-a-4-3-chung'
@@ -1894,8 +1894,12 @@ hi:
18941894
line 1179: ' 2022-p5js-access-day-asl-support'
18951895
line 884: ' A set of utilities and additional features for my creative coding class aiming '
18961896
line 885: ' to help students.'
1897+
line 365: ' getting-started-in-3d-title'
1898+
line 366: ' getting-started-in-3d'
18971899
ko:
18981900
src/data/en.yml:
1901+
line 365: ' getting-started-in-3d-title'
1902+
line 366: ' getting-started-in-3d'
18991903
line 883: ' p5.utils'
19001904
line 884: ' A set of utilities and additional features for my creative coding class aiming '
19011905
line 885: ' to help students.'
@@ -2170,8 +2174,6 @@ ko:
21702174
line 361: ' project-a-1-3-chung'
21712175
line 362: ' project-a-2-1-chung'
21722176
line 364: ' project-a-2-2-chung'
2173-
line 365: ' project-a-3-1-chung'
2174-
line 366: ' project-a-3-2-chung'
21752177
line 367: ' project-a-4-1-chung'
21762178
line 368: ' project-a-4-2-chung'
21772179
line 369: ' project-a-4-3-chung'
@@ -3735,6 +3737,8 @@ ko:
37353737
line 84: ' copyright1'
37363738
zh-Hans:
37373739
src/data/en.yml:
3740+
line 365: ' getting-started-in-3d-title'
3741+
line 366: ' getting-started-in-3d'
37383742
line 883: ' p5.utils'
37393743
line 884: ' A set of utilities and additional features for my creative coding class aiming '
37403744
line 885: ' to help students.'
@@ -4008,8 +4012,6 @@ zh-Hans:
40084012
line 361: ' project-a-1-3-chung'
40094013
line 362: ' project-a-2-1-chung'
40104014
line 364: ' project-a-2-2-chung'
4011-
line 365: ' project-a-3-1-chung'
4012-
line 366: ' project-a-3-2-chung'
40134015
line 367: ' project-a-4-1-chung'
40144016
line 368: ' project-a-4-2-chung'
40154017
line 369: ' project-a-4-3-chung'

‎src/assets/learn/basic3d/transformExample.html

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html>
2+
<head>
3+
<title>3d Transform Example</title>
4+
<script src="../../../js/p5.min.js"></script>
5+
<!-- uncomment lines below to include extra p5 libraries -->
6+
<!--<script src="../addons/p5.sound.js"></script>-->
7+
<script src="transformExample.js"></script>
8+
<!-- this line removes any default padding and style. you might only need one of these values set. -->
9+
<style>
10+
body {
11+
padding: 0;
12+
margin: 0;
13+
}
14+
</style>
15+
</head>
16+
17+
<body>
18+
</body>
19+
</html>

‎src/assets/learn/basic3d/transformExample.js

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
let xSlider, ySlider, zSlider;
2+
let p;
3+
4+
function setup() {
5+
createCanvas(150, 200, WEBGL);
6+
7+
debugMode();
8+
9+
xSlider = createSlider(-100, 100, 0);
10+
ySlider = createSlider(-100, 100, 0);
11+
zSlider = createSlider(-100, 100, 0);
12+
13+
p = createP("");
14+
p.style("font-size", "16px");
15+
p.position(10, height - 50);
16+
}
17+
18+
function draw() {
19+
background(220);
20+
camera(0, -200, 200, 0, 0, 0);
21+
22+
translate(xSlider.value(), ySlider.value(), zSlider.value());
23+
box(50);
24+
25+
p.html(
26+
"(" +
27+
xSlider.value() +
28+
", " +
29+
ySlider.value() +
30+
", " +
31+
zSlider.value() +
32+
")"
33+
);
34+
}

‎src/data/en.yml

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -362,6 +362,8 @@ learn:
362362
programming-topics-title: Programming topics
363363
beyond-the-canvas-title: Beyond the canvas
364364
beyond-the-canvas: Creating and manipulating elements on the page beyond the canvas.
365+
getting-started-in-3d-title: Getting Started in 3D
366+
getting-started-in-3d: Understand basic 3D concepts and get started with WebGL.
365367
3d-webgl-title: 3D/WebGL
366368
3d-webgl: Developing advanced graphics applications in p5.js using WEBGL mode.
367369
color-title: Color

‎src/data/es.yml

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -375,6 +375,8 @@ learn:
375375
programming-topics-title: Tópicos de programación
376376
beyond-the-canvas-title: Más allá del lienzo
377377
beyond-the-canvas: 'Creación y manipulación de elementos en la página, más allá del lienzo.'
378+
getting-started-in-3d-title: Getting Started in 3D
379+
getting-started-in-3d: Understand basic 3D concepts and get started with WebGL.
378380
3d-webgl-title: 3D/WebGL
379381
3d-webgl: >-
380382
Desarrollo de aplicaciones con gráficas avanzadas en p5.js usando el modo

‎src/data/hi.yml

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -363,6 +363,8 @@ learn:
363363
programming-topics-title: प्रोग्रामिंग विषय
364364
beyond-the-canvas-title: कैनवास से परे
365365
beyond-the-canvas: कैनवास से परे पृष्ठ पर तत्वों को बनाना और उनमें परिवर्तन करना।
366+
getting-started-in-3d-title: Getting Started in 3D
367+
getting-started-in-3d: Understand basic 3D concepts and get started with WebGL.
366368
3d-webgl-title: 3D / WebGL
367369
3d-webgl: WebGL मोड का उपयोग करके p5.js में उन्नत ग्राफ़िक्स एप्लिकेशन विकसित करना।
368370
color-title: रंग

‎src/data/it.yml

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -375,6 +375,8 @@ learn:
375375
programming-topics-title: Argomenti di programmazione
376376
beyond-the-canvas-title: Oltre la tela
377377
beyond-the-canvas: Creare e manipolare gli elementi oltre la tela.
378+
getting-started-in-3d-title: Getting Started in 3D
379+
getting-started-in-3d: Understand basic 3D concepts and get started with WebGL.
378380
3d-webgl-title: 3D/WebGL
379381
3d-webgl: >-
380382
Sviluppo di applicazioni grafiche avanzate in p5.js usando la modalità

‎src/data/ko.yml

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -307,6 +307,8 @@ learn:
307307
programming-topics-title: 프로그래밍 주제
308308
beyond-the-canvas-title: 캔버스 너머서
309309
beyond-the-canvas: 페이지상 캔버스 너머의 요소들 만들고 조작하기
310+
getting-started-in-3d-title: Getting Started in 3D
311+
getting-started-in-3d: Understand basic 3D concepts and get started with WebGL.
310312
3d-webgl-title: 3D/WebGL
311313
3d-webgl: WebGL 모드 기반의 고급 그래픽 개발하기
312314
color-title: 색상

‎src/data/learn/learn.json

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,10 @@
3636
"name": "beyond-the-canvas",
3737
"url": "https://github.com/processing/p5.js/wiki/Beyond-the-canvas"
3838
},
39+
{
40+
"name": "getting-started-in-3d",
41+
"url": "getting-started-in-3d.html"
42+
},
3943
{
4044
"name": "3d-webgl",
4145
"url": "https://github.com/processing/p5.js/wiki/Getting-started-with-WebGL-in-p5"

‎src/data/zh-Hans.yml

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -309,6 +309,8 @@ learn:
309309
programming-topics-title: 编程问题
310310
beyond-the-canvas-title: 画布之外
311311
beyond-the-canvas: 创建及控制画布以外的元素。
312+
getting-started-in-3d-title: Getting Started in 3D
313+
getting-started-in-3d: Understand basic 3D concepts and get started with WebGL.
312314
3d-webgl-title: 3D/WebGL
313315
3d-webgl: 使用 p5.js WebGL 模式制作高级图形程式。
314316
color-title: 颜色

0 commit comments

Comments
 (0)