diff --git a/src/content/examples/es/11_3D/04_Filter_Shader/description.mdx b/src/content/examples/es/11_3D/04_Filter_Shader/description.mdx index 8ce7a0eee9..d6a316d881 100644 --- a/src/content/examples/es/11_3D/04_Filter_Shader/description.mdx +++ b/src/content/examples/es/11_3D/04_Filter_Shader/description.mdx @@ -1,8 +1,8 @@ --- featuredImage: "../../../images/featured/11_3D-04_Filter_Shader-thumbnail.png" -title: Filtro de sombreado +title: Filtro de sombreado (GLSL) oneLineDescription: Manipula imágenes con un filtro de sombreador (shader). --- Los filtros de sombreado son una forma de aplicar un -efecto a todo lo que está en el lienzo. En este ejemplo, el efecto se aplica a un vídeo. \ No newline at end of file +efecto a todo lo que está en el lienzo. En este ejemplo, el efecto se aplica a un vídeo. diff --git a/src/content/examples/es/11_3D/05_Adjusting_Positions_With_A_Shader/description.mdx b/src/content/examples/es/11_3D/05_Adjusting_Positions_With_A_Shader/description.mdx index 64b1a11b88..ff5f2be4bf 100644 --- a/src/content/examples/es/11_3D/05_Adjusting_Positions_With_A_Shader/description.mdx +++ b/src/content/examples/es/11_3D/05_Adjusting_Positions_With_A_Shader/description.mdx @@ -1,9 +1,9 @@ --- featuredImage: "../../../images/featured/11_3D-05_Adjusting_Positions_With_A_Shader-thumbnail.png" -title: Ajusta Posiciones con un Sombreador. +title: Ajusta Posiciones con un Sombreador (GLSL) oneLineDescription: Usar un sombreador para ajustar los vértices de una forma. --- Los sombreadores pueden ajustar las posiciones de los vértices de las formas, -lo que te permite distorsionar y animar modelos 3D. \ No newline at end of file +lo que te permite distorsionar y animar modelos 3D. diff --git a/src/content/examples/es/11_3D/07_Filter_Shader_p5strands/description.mdx b/src/content/examples/es/11_3D/07_Filter_Shader_p5strands/description.mdx new file mode 100644 index 0000000000..0c0d76017d --- /dev/null +++ b/src/content/examples/es/11_3D/07_Filter_Shader_p5strands/description.mdx @@ -0,0 +1,8 @@ +--- +featuredImage: "../../../images/featured/11_3D-04_Filter_Shader-thumbnail.png" +title: Filtro de sombreado (p5.strands) +oneLineDescription: Manipula imágenes con un filtro de sombreador (shader). +--- + +Los filtros de sombreado son una forma de aplicar un +efecto a todo lo que está en el lienzo. En este ejemplo, el efecto se aplica a un vídeo. diff --git a/src/content/examples/es/11_3D/08_Adjusting_Positions_With_A_Shader_p5strands/description.mdx b/src/content/examples/es/11_3D/08_Adjusting_Positions_With_A_Shader_p5strands/description.mdx new file mode 100644 index 0000000000..5682d97294 --- /dev/null +++ b/src/content/examples/es/11_3D/08_Adjusting_Positions_With_A_Shader_p5strands/description.mdx @@ -0,0 +1,9 @@ +--- +featuredImage: "../../../images/featured/11_3D-05_Adjusting_Positions_With_A_Shader-thumbnail.png" +title: Ajusta Posiciones con un Sombreador (p5.strands) +oneLineDescription: Usar un sombreador para ajustar los vértices de una forma. +--- + + +Los sombreadores pueden ajustar las posiciones de los vértices de las formas, +lo que te permite distorsionar y animar modelos 3D. diff --git a/src/content/examples/es/12_Advanced_Canvas_Rendering/02_Shader_As_A_Texture/description.mdx b/src/content/examples/es/12_Advanced_Canvas_Rendering/02_Shader_As_A_Texture/description.mdx index c676e40710..ccaca15220 100644 --- a/src/content/examples/es/12_Advanced_Canvas_Rendering/02_Shader_As_A_Texture/description.mdx +++ b/src/content/examples/es/12_Advanced_Canvas_Rendering/02_Shader_As_A_Texture/description.mdx @@ -1,10 +1,10 @@ --- featuredImage: "../../../images/featured/12_Advanced_Canvas_Rendering-02_Shader_As_A_Texture-thumbnail.png" -title: Shader como Textura +title: Shader como Textura (GLSL) oneLineDescription: Genera una textura para una forma 3D usando un shader. --- Los shaders pueden aplicarse a formas 2D/3D como texturas. Para aprender más sobre cómo usar shaders en p5.js: -p5.js Shaders \ No newline at end of file +p5.js Shaders diff --git a/src/content/examples/es/12_Advanced_Canvas_Rendering/03_Shader_As_A_Texture_p5strands/description.mdx b/src/content/examples/es/12_Advanced_Canvas_Rendering/03_Shader_As_A_Texture_p5strands/description.mdx new file mode 100644 index 0000000000..5632ea1fe7 --- /dev/null +++ b/src/content/examples/es/12_Advanced_Canvas_Rendering/03_Shader_As_A_Texture_p5strands/description.mdx @@ -0,0 +1,10 @@ +--- +featuredImage: "../../../images/featured/12_Advanced_Canvas_Rendering-02_Shader_As_A_Texture-thumbnail.png" +title: Shader como Textura (p5.strands) +oneLineDescription: Genera una textura para una forma 3D usando un shader. +--- + +Los shaders pueden aplicarse a formas 2D/3D como texturas. + +Para aprender más sobre cómo usar shaders en p5.js: +p5.js Shaders diff --git a/src/content/examples/hi/11_3D/04_Filter_Shader/description.mdx b/src/content/examples/hi/11_3D/04_Filter_Shader/description.mdx index 0781318d4d..8858287ea6 100644 --- a/src/content/examples/hi/11_3D/04_Filter_Shader/description.mdx +++ b/src/content/examples/hi/11_3D/04_Filter_Shader/description.mdx @@ -1,6 +1,6 @@ --- featuredImage: "../../../images/featured/11_3D-04_Filter_Shader-thumbnail.png" -title: फ़िल्टर शेडर +title: फ़िल्टर शेडर (GLSL) oneLineDescription: शेडर के साथ इमेजरी में हेरफेर करें। --- diff --git a/src/content/examples/hi/11_3D/05_Adjusting_Positions_With_A_Shader/description.mdx b/src/content/examples/hi/11_3D/05_Adjusting_Positions_With_A_Shader/description.mdx index 81462b5f90..1abf821950 100644 --- a/src/content/examples/hi/11_3D/05_Adjusting_Positions_With_A_Shader/description.mdx +++ b/src/content/examples/hi/11_3D/05_Adjusting_Positions_With_A_Shader/description.mdx @@ -1,6 +1,6 @@ --- featuredImage: "../../../images/featured/11_3D-05_Adjusting_Positions_With_A_Shader-thumbnail.png" -title: शेडर के साथ स्थितियों को समायोजित करना +title: शेडर के साथ स्थितियों को समायोजित करना (GLSL) oneLineDescription: आकार के शीर्षों को समायोजित करने के लिए शेडर का उपयोग करें। --- diff --git a/src/content/examples/hi/11_3D/07_Filter_Shader_p5strands/description.mdx b/src/content/examples/hi/11_3D/07_Filter_Shader_p5strands/description.mdx new file mode 100644 index 0000000000..16644b5014 --- /dev/null +++ b/src/content/examples/hi/11_3D/07_Filter_Shader_p5strands/description.mdx @@ -0,0 +1,8 @@ +--- +featuredImage: "../../../images/featured/11_3D-04_Filter_Shader-thumbnail.png" +title: फ़िल्टर शेडर (p5.strands) +oneLineDescription: शेडर के साथ इमेजरी में हेरफेर करें। +--- + +फ़िल्टर शेडर्स किसी भी चीज़ पर प्रभाव लागू करने का एक तरीका है +कैनवास पर है. इस उदाहरण में, प्रभाव एक वीडियो पर लागू किया जाता है। \ No newline at end of file diff --git a/src/content/examples/hi/11_3D/08_Adjusting_Positions_With_A_Shader_p5strands/description.mdx b/src/content/examples/hi/11_3D/08_Adjusting_Positions_With_A_Shader_p5strands/description.mdx new file mode 100644 index 0000000000..44fabb216a --- /dev/null +++ b/src/content/examples/hi/11_3D/08_Adjusting_Positions_With_A_Shader_p5strands/description.mdx @@ -0,0 +1,8 @@ +--- +featuredImage: "../../../images/featured/11_3D-05_Adjusting_Positions_With_A_Shader-thumbnail.png" +title: शेडर के साथ स्थितियों को समायोजित करना (p5.strands) +oneLineDescription: आकार के शीर्षों को समायोजित करने के लिए शेडर का उपयोग करें। +--- + +शेडर्स आकृतियों के शीर्षों की स्थिति को समायोजित कर सकते हैं। +यह आपको 3D मॉडल को विकृत और चेतन करने देता है। \ No newline at end of file diff --git a/src/content/examples/hi/12_Advanced_Canvas_Rendering/02_Shader_As_A_Texture/description.mdx b/src/content/examples/hi/12_Advanced_Canvas_Rendering/02_Shader_As_A_Texture/description.mdx index fbdf56ae0a..b4a8d2aa51 100644 --- a/src/content/examples/hi/12_Advanced_Canvas_Rendering/02_Shader_As_A_Texture/description.mdx +++ b/src/content/examples/hi/12_Advanced_Canvas_Rendering/02_Shader_As_A_Texture/description.mdx @@ -1,6 +1,6 @@ --- featuredImage: "../../../images/featured/12_Advanced_Canvas_Rendering-02_Shader_As_A_Texture-thumbnail.png" -title: एक बनावट के रूप में शेडर +title: एक बनावट के रूप में शेडर (GLSL) oneLineDescription: शेडर का उपयोग करके 3डी आकार के लिए एक बनावट तैयार करें। --- diff --git a/src/content/examples/hi/12_Advanced_Canvas_Rendering/03_Shader_As_A_Texture_p5strands/description.mdx b/src/content/examples/hi/12_Advanced_Canvas_Rendering/03_Shader_As_A_Texture_p5strands/description.mdx new file mode 100644 index 0000000000..67ba397708 --- /dev/null +++ b/src/content/examples/hi/12_Advanced_Canvas_Rendering/03_Shader_As_A_Texture_p5strands/description.mdx @@ -0,0 +1,10 @@ +--- +featuredImage: "../../../images/featured/12_Advanced_Canvas_Rendering-02_Shader_As_A_Texture-thumbnail.png" +title: एक बनावट के रूप में शेडर (p5.strands) +oneLineDescription: शेडर का उपयोग करके 3डी आकार के लिए एक बनावट तैयार करें। +--- + +शेडर्स को टेक्सचर के रूप में 2D/3D आकृतियों पर लागू किया जा सकता है। + +P5.js में शेडर्स का उपयोग करने के बारे में अधिक जानने के लिए: +p5.js Shaders \ No newline at end of file diff --git a/src/content/examples/ko/11_3D/04_Filter_Shader/description.mdx b/src/content/examples/ko/11_3D/04_Filter_Shader/description.mdx index 4988515022..2aa14ee5e0 100644 --- a/src/content/examples/ko/11_3D/04_Filter_Shader/description.mdx +++ b/src/content/examples/ko/11_3D/04_Filter_Shader/description.mdx @@ -1,8 +1,8 @@ --- featuredImage: "../../../images/featured/11_3D-04_Filter_Shader-thumbnail.png" -title: 필터 셰이더(Filter Shader) +title: 필터 셰이더(Filter Shader) (GLSL) oneLineDescription: 셰이더로 이미지를 조작합니다. --- 필터 셰이더는 캔버스에 있는 그 어떤 것에도 효과를 적용할 수 있는 방법입니다. -이 예제에서는, 비디오에 효과가 적용됩니다. \ No newline at end of file +이 예제에서는, 비디오에 효과가 적용됩니다. diff --git a/src/content/examples/ko/11_3D/05_Adjusting_Positions_With_A_Shader/description.mdx b/src/content/examples/ko/11_3D/05_Adjusting_Positions_With_A_Shader/description.mdx index aab02c4d1d..c45efd6b7a 100644 --- a/src/content/examples/ko/11_3D/05_Adjusting_Positions_With_A_Shader/description.mdx +++ b/src/content/examples/ko/11_3D/05_Adjusting_Positions_With_A_Shader/description.mdx @@ -1,8 +1,8 @@ --- featuredImage: "../../../images/featured/11_3D-05_Adjusting_Positions_With_A_Shader-thumbnail.png" -title: 셰이더로 위치 조정하기 +title: 셰이더로 위치 조정하기 (GLSL) oneLineDescription: 셰이더를 사용하여 도형의 정점을 조정합니다. --- 셰이더는 도형의 정점 위치를 조정할 수 있습니다. -이를 통해 3D 모델을 왜곡하고 애니메이션화할 수 있습니다. \ No newline at end of file +이를 통해 3D 모델을 왜곡하고 애니메이션화할 수 있습니다. diff --git a/src/content/examples/ko/11_3D/07_Filter_Shader_p5strands/description.mdx b/src/content/examples/ko/11_3D/07_Filter_Shader_p5strands/description.mdx new file mode 100644 index 0000000000..3120724f8d --- /dev/null +++ b/src/content/examples/ko/11_3D/07_Filter_Shader_p5strands/description.mdx @@ -0,0 +1,8 @@ +--- +featuredImage: "../../../images/featured/11_3D-04_Filter_Shader-thumbnail.png" +title: 필터 셰이더(Filter Shader) (p5.strands) +oneLineDescription: 셰이더로 이미지를 조작합니다. +--- + +필터 셰이더는 캔버스에 있는 그 어떤 것에도 효과를 적용할 수 있는 방법입니다. +이 예제에서는, 비디오에 효과가 적용됩니다. diff --git a/src/content/examples/ko/11_3D/08_Adjusting_Positions_With_A_Shader_p5strands/description.mdx b/src/content/examples/ko/11_3D/08_Adjusting_Positions_With_A_Shader_p5strands/description.mdx new file mode 100644 index 0000000000..d8e084e20f --- /dev/null +++ b/src/content/examples/ko/11_3D/08_Adjusting_Positions_With_A_Shader_p5strands/description.mdx @@ -0,0 +1,8 @@ +--- +featuredImage: "../../../images/featured/11_3D-05_Adjusting_Positions_With_A_Shader-thumbnail.png" +title: 셰이더로 위치 조정하기 (p5.strands) +oneLineDescription: 셰이더를 사용하여 도형의 정점을 조정합니다. +--- + +셰이더는 도형의 정점 위치를 조정할 수 있습니다. +이를 통해 3D 모델을 왜곡하고 애니메이션화할 수 있습니다. diff --git a/src/content/examples/ko/12_Advanced_Canvas_Rendering/02_Shader_As_A_Texture/description.mdx b/src/content/examples/ko/12_Advanced_Canvas_Rendering/02_Shader_As_A_Texture/description.mdx index dc3d1aae0b..e62a60ed0e 100644 --- a/src/content/examples/ko/12_Advanced_Canvas_Rendering/02_Shader_As_A_Texture/description.mdx +++ b/src/content/examples/ko/12_Advanced_Canvas_Rendering/02_Shader_As_A_Texture/description.mdx @@ -1,10 +1,10 @@ --- featuredImage: "../../../images/featured/12_Advanced_Canvas_Rendering-02_Shader_As_A_Texture-thumbnail.png" -title: 셰이더를 텍스처로 사용하기 +title: 셰이더를 텍스처로 사용하기 (GLSL) oneLineDescription: 셰이더를 사용하여 3D 도형에 대한 텍스처를 생성합니다. --- 셰이더는 2D/3D 도형에 텍스처로 적용될 수 있습니다. p5.js에서 셰이더 사용에 대해 더 알아보기: -p5.js 셰이더 \ No newline at end of file +p5.js 셰이더 diff --git a/src/content/examples/ko/12_Advanced_Canvas_Rendering/03_Shader_As_A_Texture_p5strands/description.mdx b/src/content/examples/ko/12_Advanced_Canvas_Rendering/03_Shader_As_A_Texture_p5strands/description.mdx new file mode 100644 index 0000000000..34385543a6 --- /dev/null +++ b/src/content/examples/ko/12_Advanced_Canvas_Rendering/03_Shader_As_A_Texture_p5strands/description.mdx @@ -0,0 +1,10 @@ +--- +featuredImage: "../../../images/featured/12_Advanced_Canvas_Rendering-02_Shader_As_A_Texture-thumbnail.png" +title: 셰이더를 텍스처로 사용하기 (p5.strands) +oneLineDescription: 셰이더를 사용하여 3D 도형에 대한 텍스처를 생성합니다. +--- + +셰이더는 2D/3D 도형에 텍스처로 적용될 수 있습니다. + +p5.js에서 셰이더 사용에 대해 더 알아보기: +p5.js 셰이더 diff --git a/src/content/examples/zh-Hans/11_3D/04_Filter_Shader/description.mdx b/src/content/examples/zh-Hans/11_3D/04_Filter_Shader/description.mdx index ea0282d564..a0a95f28f8 100644 --- a/src/content/examples/zh-Hans/11_3D/04_Filter_Shader/description.mdx +++ b/src/content/examples/zh-Hans/11_3D/04_Filter_Shader/description.mdx @@ -1,7 +1,7 @@ --- featuredImage: "../../../images/featured/11_3D-04_Filter_Shader-thumbnail.png" -title: 滤镜着色器 +title: 滤镜着色器 (GLSL) oneLineDescription: 用着色器处理图像。 --- -滤镜着色器是一种将效果应用于画布上任何内容的方法。在这个示例中，滤镜效果被应用到一个视频上。 \ No newline at end of file +滤镜着色器是一种将效果应用于画布上任何内容的方法。在这个示例中，滤镜效果被应用到一个视频上。 diff --git a/src/content/examples/zh-Hans/11_3D/05_Adjusting_Positions_With_A_Shader/description.mdx b/src/content/examples/zh-Hans/11_3D/05_Adjusting_Positions_With_A_Shader/description.mdx index 604ab6126e..c899381987 100644 --- a/src/content/examples/zh-Hans/11_3D/05_Adjusting_Positions_With_A_Shader/description.mdx +++ b/src/content/examples/zh-Hans/11_3D/05_Adjusting_Positions_With_A_Shader/description.mdx @@ -1,7 +1,7 @@ --- featuredImage: "../../../images/featured/11_3D-05_Adjusting_Positions_With_A_Shader-thumbnail.png" -title: 用着色器调整位置 +title: 用着色器调整位置 (GLSL) oneLineDescription: 使用着色器调整形状顶点。 --- -着色器可以调整形状顶点的位置，从而实现对 3D 模型的扭曲和动画处理。 \ No newline at end of file +着色器可以调整形状顶点的位置，从而实现对 3D 模型的扭曲和动画处理。 diff --git a/src/content/examples/zh-Hans/11_3D/07_Filter_Shader_p5strands/description.mdx b/src/content/examples/zh-Hans/11_3D/07_Filter_Shader_p5strands/description.mdx new file mode 100644 index 0000000000..39e4929c3f --- /dev/null +++ b/src/content/examples/zh-Hans/11_3D/07_Filter_Shader_p5strands/description.mdx @@ -0,0 +1,7 @@ +--- +featuredImage: "../../../images/featured/11_3D-04_Filter_Shader-thumbnail.png" +title: 滤镜着色器 (p5.strands) +oneLineDescription: 用着色器处理图像。 +--- + +滤镜着色器是一种将效果应用于画布上任何内容的方法。在这个示例中，滤镜效果被应用到一个视频上。 diff --git a/src/content/examples/zh-Hans/11_3D/08_Adjusting_Positions_With_A_Shader_p5strands/description.mdx b/src/content/examples/zh-Hans/11_3D/08_Adjusting_Positions_With_A_Shader_p5strands/description.mdx new file mode 100644 index 0000000000..c291d48eaa --- /dev/null +++ b/src/content/examples/zh-Hans/11_3D/08_Adjusting_Positions_With_A_Shader_p5strands/description.mdx @@ -0,0 +1,7 @@ +--- +featuredImage: "../../../images/featured/11_3D-05_Adjusting_Positions_With_A_Shader-thumbnail.png" +title: 用着色器调整位置 (p5.strands) +oneLineDescription: 使用着色器调整形状顶点。 +--- + +着色器可以调整形状顶点的位置，从而实现对 3D 模型的扭曲和动画处理。 diff --git a/src/content/examples/zh-Hans/12_Advanced_Canvas_Rendering/02_Shader_As_A_Texture/description.mdx b/src/content/examples/zh-Hans/12_Advanced_Canvas_Rendering/02_Shader_As_A_Texture/description.mdx index a9e7800079..6946775df9 100644 --- a/src/content/examples/zh-Hans/12_Advanced_Canvas_Rendering/02_Shader_As_A_Texture/description.mdx +++ b/src/content/examples/zh-Hans/12_Advanced_Canvas_Rendering/02_Shader_As_A_Texture/description.mdx @@ -1,6 +1,6 @@ --- featuredImage: "../../../images/featured/12_Advanced_Canvas_Rendering-02_Shader_As_A_Texture-thumbnail.png" -title: 着色器作为纹理 +title: 着色器作为纹理 (GLSL) oneLineDescription: 使用着色器为 3D 形状生成纹理。 --- diff --git a/src/content/examples/zh-Hans/12_Advanced_Canvas_Rendering/03_Shader_As_A_Texture_p5strands/description.mdx b/src/content/examples/zh-Hans/12_Advanced_Canvas_Rendering/03_Shader_As_A_Texture_p5strands/description.mdx new file mode 100644 index 0000000000..c5bd6e2514 --- /dev/null +++ b/src/content/examples/zh-Hans/12_Advanced_Canvas_Rendering/03_Shader_As_A_Texture_p5strands/description.mdx @@ -0,0 +1,9 @@ +--- +featuredImage: "../../../images/featured/12_Advanced_Canvas_Rendering-02_Shader_As_A_Texture-thumbnail.png" +title: 着色器作为纹理 (p5.strands) +oneLineDescription: 使用着色器为 3D 形状生成纹理。 +--- + +着色器可以作为纹理应用于 2D/3D 形状。 + +要了解更多关于在 p5.js 中使用着色器的信息，请参阅：p5.js 着色器