forked from processing/p5.js-website-legacy
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
f977bf9
commit b483c62
Showing
7 changed files
with
258 additions
and
277 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -1073,16 +1073,13 @@ learn: | |
We welcome new written tutorial contributions and this guide outlines the | ||
steps of how to propose, prepare and contribute. | ||
writing-a-tutorial-how-start-title: 'How to get started:' | ||
writing-a-tutorial-how-start-1: 'Check that your proposed topic has not already been covered. There is ' | ||
writing-a-tutorial-how-start-2: a working spreadsheet here | ||
writing-a-tutorial-how-start-1: 'Ensure your chosen topic has not been previously covered. ' | ||
writing-a-tutorial-how-start-2: 'Review the available resources. ' | ||
writing-a-tutorial-how-start-3: >- | ||
that outlines in progress tutorials. If your topic is listed as in progress, | ||
perhaps you can add to work being done and contribute to preparing existing | ||
work for publication so please reach out to us. | ||
If your topic is already in progress, consider contributing to the existing work and helping prepare it for publication. Feel free to reach out to us for guidance. | ||
writing-a-tutorial-how-start-4: >- | ||
If your topic is not already covered and is not listed as in progress, | ||
please write a few sentences on what you propose to cover and email us this | ||
description at [email protected]. | ||
If your topic hasn't been covered and isn't currently in progress, please provide a brief description of your proposed topic. You can send this description to us at [email protected]. | ||
writing-a-tutorial-how-prepare-title: 'How to prepare a p5js tutorial for publication online:' | ||
writing-a-tutorial-how-prepare-1: >- | ||
When your tutorial is ready for publication, please follow these steps to | ||
|
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -675,7 +675,7 @@ learn: | |
One of the most fundamental differences between working in 2D and working in | ||
3D is the most obvious: there is one more dimension to work with. In | ||
addition to the horizontal and vertical position (x and y axes) of an | ||
element in our drawing, 3D adds depth, the z-axis. | ||
element in our drawing, 3D adds depth, the z-axis. | ||
getting-started-in-webgl-coords-and-transform-p6x1: >- | ||
When drawing in 2D, the point (0,0) is located at the top left corner of the | ||
screen. In WebGL mode, the origin of the sketch (0,0,0) is located in the | ||
|
@@ -750,7 +750,7 @@ learn: | |
example, if <a class="code">rotate()</a> is called, followed by <a | ||
class="code">translate()</a>, the direction of that translation will be | ||
affected by the rotation. The entire coordinate system is rotating and | ||
moving, not just the shape itself. | ||
moving, not just the shape itself. | ||
getting-started-in-webgl-coords-and-transform-p14x1: >- | ||
Transformations can be performed in any order, but using | ||
<strong>translate</strong>, <strong>rotate</strong>, and then | ||
|
@@ -777,7 +777,7 @@ learn: | |
places two boxes in our sketch. To position the second box without <a | ||
class="code">push()</a> and <a class="code">pop()</a>, you have to account | ||
for the first transformation. This can be a lot to keep track of in a more | ||
complex 3D scene. | ||
complex 3D scene. | ||
getting-started-in-webgl-coords-and-transform-p16x2: and | ||
getting-started-in-webgl-coords-and-transform-p16x3: >- | ||
. <a class="code">push()</a> and <a class="code">pop()</a> make it easier to | ||
|
@@ -793,7 +793,7 @@ learn: | |
Consider this following example, which places two boxes in our sketch. To | ||
position the second box without <a class="code">push()</a> and <a | ||
class="code">pop()</a>, you have to account for the first transformation. | ||
This can be a lot to keep track of in a more complex 3D scene. | ||
This can be a lot to keep track of in a more complex 3D scene. | ||
getting-started-in-webgl-coords-and-transform-p17x1: >- | ||
Now, let's try the same code with <a class="code">push()</a> and <a | ||
class="code">pop()</a>. Now we can just translate the object where we want | ||
|
@@ -808,7 +808,7 @@ learn: | |
getting-started-in-webgl-coords-and-transform-p18x1: >- | ||
In the below example, try removing <a class="code">push()</a> and <a | ||
class="code">pop()</a> to see how the transformations affect the second | ||
object that is drawn. | ||
object that is drawn. | ||
getting-started-in-webgl-coords-and-transform-heading5: Basic Shapes in 3D | ||
getting-started-in-webgl-coords-and-transform-p19x1: >- | ||
So far we have only been using <a class="code">box()</a> but p5.js has seven | ||
|
@@ -883,7 +883,7 @@ learn: | |
method, which should be used within <a class="code">preload()</a>. | ||
getting-started-in-webgl-custom-geometry-p2x2: >- | ||
method, which should be used within <a class="code">preload()</a>. Then you | ||
can use the | ||
can use the | ||
getting-started-in-webgl-custom-geometry-p2x3: 'function to draw the model, as demonstrated in the example below.' | ||
getting-started-in-webgl-custom-geometry-p3x1: >- | ||
A common issue that can come up with custom models is scaling. Depending on | ||
|
@@ -925,11 +925,11 @@ learn: | |
href="{{root}}/reference/#/p5/p5.Geometry">p5.Geometry</a>, which p5 uses | ||
internally for <a class="code">loadModel()</a> but can also be used to | ||
define custom geometry, offering tools that can be helpful in calculating | ||
faces and normals. | ||
faces and normals. | ||
getting-started-in-webgl-custom-geometry-p6x1_: >- | ||
, which p5.js uses internally for <a class="code">loadModel()</a> but can | ||
also be used to define custom geometry, offering tools that can be helpful | ||
in calculating faces and normals. | ||
in calculating faces and normals. | ||
getting-started-in-webgl-custom-geometry-p6x2: >- | ||
In 3D, a face refers to a collection of three or four points that make up a | ||
surface, giving our geometry the appearance of being solid. A normal is the | ||
|
@@ -991,7 +991,7 @@ learn: | |
A <em>perspective camera</em> skews objects so they appear to get smaller as | ||
they get further away, vanishing at a single point in the distance. This is | ||
in contrast to an <em>orthographic camera</em>, where the geometry stays | ||
the same size as it gets further away and has no vanishing point. | ||
the same size as it gets further away and has no vanishing point. | ||
getting-started-in-webgl-appearance-p3x1: >- | ||
One setting that we can change with a perspective camera is the | ||
<em>field-of-view</em>, or FOV. This is the term that is used to describe | ||
|
@@ -1067,7 +1067,7 @@ learn: | |
getting-started-in-webgl-appearance-p11x1: >- | ||
In this interactive example, try selecting each of the different materials | ||
to see how they affect the appearance of the geometry. You can move your | ||
mouse and see the effect that a directional light has on the material. | ||
mouse and see the effect that a directional light has on the material. | ||
getting-started-in-webgl-appearance-p12x1: 'Try commenting and uncommenting the different lights in this example:' | ||
getting-started-in-webgl-appearance-p13x1: >- | ||
More custom materials can be achieved through using <a | ||
|
@@ -1081,7 +1081,7 @@ learn: | |
While they are useful for changing the appearance of your geometry, shaders | ||
are a bit beyond the scope of this tutorial, so make sure to check out the | ||
<a href="{{root}}/learn/introduction-to-shaders.html">Introduction to | ||
Shaders</a> page when you are ready. | ||
Shaders</a> page when you are ready. | ||
getting-started-in-webgl-appearance-info1x2: Introduction to Shaders | ||
getting-started-in-webgl-appearance-info1x3: 'page when you are ready. ' | ||
getting-started-in-webgl-appearance-heading4: Conclusion | ||
|
@@ -1166,7 +1166,7 @@ learn: | |
missing semicolon for example is not allowed and will result in an error | ||
message. You can't use different types of numbers, like floats or integers | ||
interchangeably. | ||
getting-started-in-webgl-shaders-p6x1: 'First let''s look at a basic vertex shader:' | ||
getting-started-in-webgl-shaders-p6x1: "First let's look at a basic vertex shader:" | ||
getting-started-in-webgl-shaders-p7x1: >- | ||
This vertex shader begins with an <em>attribute</em>, which p5.js uses to | ||
share vertex position information with the shader. This attribute is a <a | ||
|
@@ -1349,17 +1349,12 @@ learn: | |
हम नए लिखित शिक्षण योगदानों का स्वागत करते हैं और यह गाइड प्रस्ताव, तैयारी | ||
और योगदान करने के तरीके की रूपरेखा प्रस्तुत करता है। | ||
writing-a-tutorial-how-start-title: 'शुरुआत कैसे करें:' | ||
writing-a-tutorial-how-start-1: 'जांचें कि आपका प्रस्तावित विषय पहले से ही कवर नहीं किया गया है। ' | ||
writing-a-tutorial-how-start-2: 'यहां एक वर्किंग स्प्रेडशीट है ' | ||
writing-a-tutorial-how-start-1: 'सुनिश्चित करें कि आपका चुना हुआ विषय पहले कवर नहीं किया गया है। ' | ||
writing-a-tutorial-how-start-2: 'उपलब्ध संसाधनों की समीक्षा करें. ' | ||
writing-a-tutorial-how-start-3: >- | ||
जो प्रगति शिक्षण में रूपरेखा है। यदि आपके विषय को प्रगति के रूप में सूचीबद्ध | ||
किया गया है, तो शायद आप काम करने के लिए जोड़ सकते हैं और प्रकाशन के लिए | ||
मौजूदा काम को तैयार करने में योगदान कर सकते हैं ताकि कृपया हमारे पास | ||
पहुंचें। | ||
यदि आपका विषय पहले से ही प्रगति पर है, तो मौजूदा कार्य में योगदान देने और इसे प्रकाशन के लिए तैयार करने में मदद करने पर विचार करें। मार्गदर्शन के लिए बेझिझक हमसे संपर्क करें। | ||
writing-a-tutorial-how-start-4: >- | ||
यदि आपका विषय पहले से ही कवर नहीं है और प्रगति के रूप में सूचीबद्ध नहीं है, | ||
तो कृपया कुछ वाक्यों को लिखें, जो आप हमें इस विवरण को [email protected] पर | ||
कवर करने और ईमेल करने का प्रस्ताव देते हैं। | ||
यदि आपका विषय कवर नहीं किया गया है और वर्तमान में प्रगति पर नहीं है, तो कृपया अपने प्रस्तावित विषय का संक्षिप्त विवरण प्रदान करें। आप यह विवरण हमें [email protected] पर भेज सकते हैं। | ||
writing-a-tutorial-how-prepare-title: 'ऑनलाइन प्रकाशन के लिए एक p5js शिक्षण कैसे तैयार करें:' | ||
writing-a-tutorial-how-prepare-1: >- | ||
जब आपका शिक्षण प्रकाशन के लिए तैयार हो जाता है, तो कृपया p5js वेबसाइट के लिए | ||
|
@@ -1613,7 +1608,7 @@ learn: | |
के लिए createCanvas () फ़ंक्शन के उपयोग पर ध्यान दें। | ||
curves-description1: >- | ||
This tutorial is written by J David Eisenberg and ported by Sally Chen. If | ||
you see any errors or have comments, | ||
you see any errors or have comments, | ||
curves-description2: ' please let us know.' | ||
curves-description3: 'This work is licensed under a ' | ||
curves-description4: ' Creative Commons Attribution-NonCommercial-ShareAlinke 4.0 International License.' | ||
|
@@ -1844,7 +1839,7 @@ libraries: | |
p5.xr: p5 के साथ VR और AR रेखाचित्र बनाने के लिए एक पुस्तकालय| | ||
p5.3D: 'WebGL में 3D पाठ और छवियां। ' | ||
WEBMIDI.js: Easily send and receive MIDI messages from p5. | ||
p5.buttons: '''एक पुस्तकालय जिसका उद्देश्य स्क्रिप्टिंग बटन को जटिल बनाना है।''' | ||
p5.buttons: "'एक पुस्तकालय जिसका उद्देश्य स्क्रिप्टिंग बटन को जटिल बनाना है।'" | ||
p5.button: >- | ||
'p5.js कैनवास में सीधे सरल या स्टाइल वाले बटनों को डिज़ाइन और प्रस्तुत करने | ||
के लिए छोटा एक फ़ंक्शन लाइब्रेरी।' | ||
|
@@ -1999,7 +1994,7 @@ community: | |
contributors-conference-title: p5.js योगदानकर्ता सम्मेलन | ||
contributors-conference1: >- | ||
जबकि अधिकांश कार्य ऑनलाइन होते है, हम IRL भी आयोजित करते हैं। हमने | ||
पिट्सबर्ग, पेंसिल्वेनिया में | ||
पिट्सबर्ग, पेंसिल्वेनिया में | ||
contributors-conference2: >- | ||
कार्नेगी मेलन विश्वविद्यालय में योगदानकर्ताओं के दो सम्मेलन आयोजित किए। | ||
कलाकार, डिजाइनर, डेवलपर्स, शिक्षक p5.js परियोजना को आगे बढ़ाने के लिए एक साथ | ||
|
@@ -2181,7 +2176,7 @@ community: | |
and Access via Translation. It provides space for contributors of p5.js and | ||
experienced practitioners from outside OSSTA projects to share their | ||
knowledge, perspectives, and dreams for building greater access to | ||
technical and arts spaces. | ||
technical and arts spaces. | ||
2022-p5js-access-day-recap-video: p5.js Access Day 2022 Recap Video | ||
2022-p5js-access-day-recap-video-asl: p5.js Access Day 2022 Recap Video with ASL Interpretation | ||
2022-p5js-access-day-moderator: Moderator | ||
|
@@ -2452,7 +2447,7 @@ showcase: | |
project-a-5-1-qianqian: 'I am very excited about ' | ||
project-a-5-2-qianqian: ' in LA.' | ||
creator-from-phuong: 'From Kyiv, Ukraine' | ||
project-a-1-1-phuong: 'I''m a creative coder and designer, a ' | ||
project-a-1-1-phuong: "I'm a creative coder and designer, a " | ||
link-1-phuong: Play Airi Flies! | ||
link-2-phuong: Code for AiriFlies on GitHub | ||
link-3-phuong: More info in Phuong Ngo's portfolio | ||
|
@@ -2551,7 +2546,7 @@ showcase: | |
great about making sure the project is a learning resource and not just a | ||
collection of examples. | ||
project-a-3-1-casey-louise: 'Casey: Does ' | ||
project-a-3-2-casey-louise: ' count as a feature? I also love having the ability to share my programs on the web so that people don''t have to install special software or come to NYC to see my work.' | ||
project-a-3-2-casey-louise: " count as a feature? I also love having the ability to share my programs on the web so that people don't have to install special software or come to NYC to see my work." | ||
project-a-3-3-casey-louise: 'Louise: My favorite feature is ' | ||
project-a-3-4-casey-louise: ' and ' | ||
project-a-3-5-casey-louise: ' for transformation of the coordinate system to make generative visuals.' | ||
|
@@ -2575,7 +2570,7 @@ showcase: | |
openframeworks-book-casey-louise: openFrameworks book | ||
project-a-4-7-casey-louise: ' is written. A fun "hey, it’s not hard and you can do it too" approach is what we believe in.' | ||
project-a-5-1-casey-louise: 'Check out the ' | ||
project-a-5-2-casey-louise: ' to explore our peers'' amazing grant projects!' | ||
project-a-5-2-casey-louise: " to explore our peers' amazing grant projects!" | ||
pronouns-nonbinary: (they/them) | ||
creator-from-moon: 'From Athens, Georgia' | ||
posters-by: Posters By | ||
|
@@ -2785,7 +2780,7 @@ teach: | |
teach-case11-content5: >- | ||
We used p5.js Web editor and code examples on the website. We also used | ||
dice, playing cards and various paper tools to help students learn about | ||
coding concepts. | ||
coding concepts. | ||
teach-case12-title: Digital Weaving & Physical Computing Workshop Series | ||
teach-case12-lead-name: Qianqian Ye | ||
teach-case12-image-alt: In-class photo | ||
|
@@ -2805,7 +2800,7 @@ teach: | |
teach-case13-title: p5.js à l'Ubuntu Party! | ||
teach-case13-lead-name: Basile Pesin | ||
teach-case13-content1: '2020 Ubuntu Party ' | ||
teach-case13-content1-1: 'Cité des Sciences et de l''''Industrie, Paris, France' | ||
teach-case13-content1-1: "Cité des Sciences et de l''Industrie, Paris, France" | ||
teach-case13-content2: 'Any age, including children and parents, young and older adults.' | ||
teach-case13-content3: Advanced | ||
teach-case13-content4: >- | ||
|
Oops, something went wrong.