docs(i18n): add localized pages for p5.strands shader translations

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.
+efecto a todo lo que está en el lienzo. En este ejemplo, el efecto se aplica a un vídeo.

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.
+lo que te permite distorsionar y animar modelos 3D.

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.

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.

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:
-<a href="https://itp-xstory.github.io/p5js-shaders/">p5.js Shaders</a>
+<a href="https://itp-xstory.github.io/p5js-shaders/">p5.js Shaders</a>

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:
+<a href="https://itp-xstory.github.io/p5js-shaders/">p5.js Shaders</a>

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: शेडर के साथ इमेजरी में हेरफेर करें।
 ---
 

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: आकार के शीर्षों को समायोजित करने के लिए शेडर का उपयोग करें।
 ---
 

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: शेडर के साथ इमेजरी में हेरफेर करें।
+---
+
+फ़िल्टर शेडर्स किसी भी चीज़ पर प्रभाव लागू करने का एक तरीका है
+कैनवास पर है. इस उदाहरण में, प्रभाव एक वीडियो पर लागू किया जाता है।

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 मॉडल को विकृत और चेतन करने देता है।

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डी आकार के लिए एक बनावट तैयार करें।
 ---
 

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 में शेडर्स का उपयोग करने के बारे में अधिक जानने के लिए:
+<a href='https://itp-xstory.github.io/p5js-shaders/'>p5.js Shaders</a>

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: 셰이더로 이미지를 조작합니다.
 ---
 
 필터 셰이더는 캔버스에 있는 그 어떤 것에도 효과를 적용할 수 있는 방법입니다.
-이 예제에서는, 비디오에 효과가 적용됩니다.
+이 예제에서는, 비디오에 효과가 적용됩니다.

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 모델을 왜곡하고 애니메이션화할 수 있습니다.
+이를 통해 3D 모델을 왜곡하고 애니메이션화할 수 있습니다.

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: 셰이더로 이미지를 조작합니다.
+---
+
+필터 셰이더는 캔버스에 있는 그 어떤 것에도 효과를 적용할 수 있는 방법입니다.
+이 예제에서는, 비디오에 효과가 적용됩니다.

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 모델을 왜곡하고 애니메이션화할 수 있습니다.

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에서 셰이더 사용에 대해 더 알아보기:
-<a href="https://itp-xstory.github.io/p5js-shaders/">p5.js 셰이더</a>
+<a href="https://itp-xstory.github.io/p5js-shaders/">p5.js 셰이더</a>

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에서 셰이더 사용에 대해 더 알아보기:
+<a href="https://itp-xstory.github.io/p5js-shaders/">p5.js 셰이더</a>

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: 用着色器处理图像。
 ---
 
-滤镜着色器是一种将效果应用于画布上任何内容的方法。在这个示例中，滤镜效果被应用到一个视频上。
+滤镜着色器是一种将效果应用于画布上任何内容的方法。在这个示例中，滤镜效果被应用到一个视频上。

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 模型的扭曲和动画处理。
+着色器可以调整形状顶点的位置，从而实现对 3D 模型的扭曲和动画处理。

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: 用着色器处理图像。
+---
+
+滤镜着色器是一种将效果应用于画布上任何内容的方法。在这个示例中，滤镜效果被应用到一个视频上。

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 模型的扭曲和动画处理。

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 形状生成纹理。
 ---
 

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 中使用着色器的信息，请参阅：<a href="https://itp-xstory.github.io/p5js-shaders/">p5.js 着色器</a>