Refine Hindi terminology based on review feedback

Author: aashu2006

src/content/tutorials/hi/get-started.mdx

@@ -1,10 +1,10 @@
 ---
 title: शुरुआत करें
-description: यह ट्यूटोरियल आपको p5.js के बेसिक फ़ंक्शन्स से परिचित कराता है और एक इंटरएक्टिव लैंडस्केप बनाने के स्टेप्स समझाता है।
+description: यह ट्यूटोरियल आपको p5.js के बेसिक फ़ंक्शन्स से परिचित कराता है और एक इंटरएक्टिव दृश्य बनाने के स्टेप्स समझाता है।
 category: introduction
 categoryIndex: 1
 featuredImage: ../images/featured/GetStartedA.png
-featuredImageAlt: इंटरएक्टिव लैंडस्केप प्रोजेक्ट का प्रीव्यू, जिसमें एक साधारण लैंडस्केप बैकग्राउंड के सामने लेडीबग और फूल के इमोजी दिखाए गए हैं।
+featuredImageAlt: इंटरएक्टिव दृश्य प्रोजेक्ट का प्रीव्यू, जिसमें एक साधारण दृश्य पृष्ठभूमि के सामने लेडीबग और फूल के इमोजी दिखाए गए हैं।
 relatedContent:
   examples:
     - en/01_shapes_and_color/00_shape_primitives/description
@@ -21,9 +21,9 @@ authors:
 import EditableSketch from "../../../components/EditableSketch/index.astro";
 import Callout from "../../../components/Callout/index.astro";
 
-p5.js में आपका स्वागत है! क्या आप p5.js में नए हैं और एक इंटरएक्टिव स्केच बनाने की कुछ बेसिक चीज़ें सीखना चाहते हैं? इस ट्यूटोरियल को फॉलो करें और एक सरल [इंटरएक्टिव लैंडस्केप](https://editor.p5js.org/Msqcoding/sketches/SDbVilWaf) बनाएं। इस ट्यूटोरियल में आप सीखेंगे कि कैसे:
+p5.js में आपका स्वागत है! क्या आप p5.js में नए हैं और एक इंटरएक्टिव स्केच बनाने की कुछ बेसिक चीज़ें सीखना चाहते हैं? इस ट्यूटोरियल को फॉलो करें और एक सरल [इंटरएक्टिव दृश्य](https://editor.p5js.org/Msqcoding/sketches/SDbVilWaf) बनाएं। इस ट्यूटोरियल में आप सीखेंगे कि कैसे:
 
-- कैनवास का साइज और बैकग्राउंड रंग बदलें
+- कैनवास का साइज और पृष्ठभूमि रंग बदलें
 - शेप्स और टेक्स्ट जोड़ें, उन्हें कस्टमाइज़ करें और रंग दें
 - माउस पॉइंटर की पोज़िशन के अनुसार स्केच को रेस्पॉन्ड करवाकर सरल इंटरएक्टिविटी जोड़ें
 - कोड में कमेंट लिखें
@@ -60,7 +60,7 @@ p5.js में आपका स्वागत है! क्या आप p5.j
 
 ![p5.js Web Editor पर एक यूज़र अपना नया प्रोजेक्ट “Interactive Landscape” सेव करता हुआ।](../images/introduction/p5_editor_interactive_landscape_2.png)
 
-- यह कन्फर्म करने के लिए कि आपका प्रोजेक्ट सेव हो गया है, अपने सेव किए गए स्केचेस की गैलरी पर जाएँ:
+- यह पुष्टि करने के लिए कि आपका प्रोजेक्ट सेव हो गया है, अपने सेव किए गए स्केचेस की गैलरी पर जाएँ:
   - *File* पर क्लिक करें और *Open* चुनें।
   - आपके हाल ही में बनाए गए स्केचेस आपके अकाउंट में सेव किए गए प्रोजेक्ट्स की लिस्ट में सबसे ऊपर दिखाई देंगे।
 
@@ -88,7 +88,7 @@ function draw() {
 - [`setup()`](/reference/p5/setup) कॉल किया जाता है और केवल एक बार चलता है। इसका उपयोग आपके प्रोजेक्ट के लिए डिफ़ॉल्ट वैल्यूज़ सेट करने के लिए किया जा सकता है।
   - [`setup()`](/reference/p5/setup) के कर्ली ब्रैकेट्स (`{}`) के अंदर, `createCanvas(400, 400)` एक HTML कैनवास बनाता है जो 400 पिक्सेल चौड़ा और 400 पिक्सेल ऊँचा होता है, जिसे आप प्रीव्यू विंडो में देख सकते हैं।
 - [`draw()`](/reference/p5/draw) को [`setup()`](/reference/p5/setup) के तुरंत बाद कॉल किया जाता है और यह अपने कर्ली ब्रैकेट्स के अंदर मौजूद कोड को प्रति सेकंड 60 बार चलाता है, जब तक प्रोग्राम रोका न जाए या [`noLoop()`](/reference/p5/noLoop) फ़ंक्शन कॉल न किया जाए।
-  - [`draw()`](/reference/p5/draw) के कर्ली ब्रैकेट्स के अंदर, जिसे [`draw()`](/reference/p5/draw) कोड ब्लॉक भी कहा जाता है, [`background()`](/reference/p5/background) फ़ंक्शन कैनवास के बैकग्राउंड का रंग सेट करता है। डिफ़ॉल्ट वैल्यू (220) कैनवास का रंग ग्रे सेट करती है।
+  - [`draw()`](/reference/p5/draw) के कर्ली ब्रैकेट्स के अंदर, जिसे [`draw()`](/reference/p5/draw) कोड ब्लॉक भी कहा जाता है, [`background()`](/reference/p5/background) फ़ंक्शन कैनवास के पृष्ठभूमि का रंग सेट करता है। डिफ़ॉल्ट वैल्यू (220) कैनवास का रंग ग्रे सेट करती है।
 
 [`setup()`](/reference/p5/setup), [`draw()`](/reference/p5/draw), [`createCanvas()`](/reference/p5/createCanvas), और [`background()`](/reference/p5/background) के बारे में और जानने के लिए [p5.js reference](/reference/) पेज़ देखें।
 
@@ -144,9 +144,9 @@ function draw() {
 कमेंट्स और स्टेटमेंट्स के बारे में और जानकारी के लिए, [The Coding Train का यह वीडियो देखें।](https://www.youtube.com/watch?v=xJcrPJuem5Q)
 
 
-## चरण 4: बैकग्राउंड का रंग बदलें
+## चरण 4: पृष्ठभूमि का रंग बदलें
 
-- [`background()`](/reference/p5/background) फ़ंक्शन के *arguments* बदलकर कैनवास के बैकग्राउंड का रंग आसमानी नीला (sky blue) करें, इसके लिए `background(135, 206, 235)` का उपयोग करें।
+- [`background()`](/reference/p5/background) फ़ंक्शन के *arguments* बदलकर कैनवास के पृष्ठभूमि का रंग आसमानी नीला (sky blue) करें, इसके लिए `background(135, 206, 235)` का उपयोग करें।
 - इस लाइन के कोड को समझाने के लिए कमेंट्स जोड़ें।
 - कैनवास को अपने आप अपडेट करने के लिए *Auto-refresh* बॉक्स चेक रखें।
 
@@ -159,23 +159,23 @@ function setup() {
   createCanvas(600, 400);
 }
 function draw() {
-  // आसमानी नीला बैकग्राउंड
+  // आसमानी नीला पृष्ठभूमि
   background(135, 206, 235);
 }
 `} />
 
-[`background()`](/reference/p5/background) और p5.js के अन्य कमांड्स, जैसे कि शेप्स, भी फ़ंक्शन्स होते हैं। [`background()`](/reference/p5/background) फ़ंक्शन खास तौर पर कैनवास के बैकग्राउंड का रंग बदलता है। [`background()`](/reference/p5/background) के p5.js reference पेज के अनुसार, ऊपर दिए गए कोड में दिखाए गए तीन *arguments* लाल (red), हरा (green), और नीला (blue) के वैल्यूज़ को दर्शाते हैं, जो कैनवास पर दिखाई देने वाले नीले रंग से मेल खाते हैं।
+[`background()`](/reference/p5/background) और p5.js के अन्य कमांड्स, जैसे कि शेप्स, भी फ़ंक्शन्स होते हैं। [`background()`](/reference/p5/background) फ़ंक्शन खास तौर पर कैनवास के पृष्ठभूमि का रंग बदलता है। [`background()`](/reference/p5/background) के p5.js reference पेज के अनुसार, ऊपर दिए गए कोड में दिखाए गए तीन *arguments* लाल (red), हरा (green), और नीला (blue) के वैल्यूज़ को दर्शाते हैं, जो कैनवास पर दिखाई देने वाले नीले रंग से मेल खाते हैं।
 
 लाल, हरा, और नीला के लिए संख्याओं के 10 मिलियन से भी ज़्यादा कॉम्बिनेशन्स होते हैं, जिनसे अलग-अलग रंग बनाए जा सकते हैं। इन्हें [RGB color codes](/reference/p5/color) कहा जाता है। ऊपर दिए गए कोड में, R की वैल्यू 135 है, G की वैल्यू 206 है, और B की वैल्यू 235 है। यह कैनवास पर दिख रहे हल्के नीले रंग से मेल खाता है।
 
 - R, G, और B वैल्यूज़ में बदलाव करने से [`background()`](/reference/p5/background) कैनवास के रंग को कैसे बदलता है, इसे समझने के लिए [यह उदाहरण देखें](https://editor.p5js.org/Msqcoding/full/3j6stYuo2)।
 
-कैनवास के बैकग्राउंड रंग को बदलने के और तरीकों के बारे में जानने के लिए p5.js reference पेज देखें: [background()](/reference/p5/background) और [color](/reference/p5/color)।
+कैनवास के पृष्ठभूमि रंग को बदलने के और तरीकों के बारे में जानने के लिए p5.js reference पेज देखें: [background()](/reference/p5/background) और [color](/reference/p5/color)।
 
 
 #### टिप
 
-किसी भी रंग का बैकग्राउंड सेट करने के लिए कोड ढूँढने हेतु [Google’s Color Picker](https://g.co/kgs/aCdbzD) का उपयोग करें। जिस रंग का आप उपयोग करना चाहते हैं उसे चुनें, RGB लेबल वाले बॉक्स में दिए गए नंबर कॉपी करें, और उन्हें [`background()`](/reference/p5/background) में पेस्ट करें।
+किसी भी रंग का पृष्ठभूमि सेट करने के लिए कोड ढूँढने हेतु [Google’s Color Picker](https://g.co/kgs/aCdbzD) का उपयोग करें। जिस रंग का आप उपयोग करना चाहते हैं उसे चुनें, RGB लेबल वाले बॉक्स में दिए गए नंबर कॉपी करें, और उन्हें [`background()`](/reference/p5/background) में पेस्ट करें।
 
 
 ## चरण 5: कैनवास पर शेप्स बनाएं
@@ -197,7 +197,7 @@ function setup() {
   createCanvas(600, 400);
 }
 function draw() {
-  // आसमानी नीला बैकग्राउंड
+  // आसमानी नीला पृष्ठभूमि
   background(135, 206, 235);
   // ऊपर-दाएँ कोने में सूरज
   circle(550, 50, 100);
@@ -250,7 +250,7 @@ function setup() {
   createCanvas(600, 400);
 }
 function draw() {
-  // आसमानी नीला बैकग्राउंड
+  // आसमानी नीला पृष्ठभूमि
   background(135, 206, 235);
   // ऊपर-दाएँ कोने में सूरज
   fill("yellow"); // पीला रंग
@@ -288,7 +288,7 @@ function draw() {
   - `rect(0, 200, 600, 200)` का उपयोग करके कैनवास पर एक रेक्टैंगल शेप जोड़ें।
   - रेक्टैंगल को हरा रंग देने के लिए `fill("green")` को रेक्टैंगल वाली लाइन के ऊपर जोड़ें।
   - घास बनाने वाली कोड लाइनों को समझाने के लिए कमेंट्स जोड़ें।
-- (वैकल्पिक) शेप्स और रंगों का उपयोग करके अपने लैंडस्केप में और डिटेल्स जोड़ें। नीचे दिए गए शेप फ़ंक्शन्स पर क्लिक करके जानें कि उन्हें अपने स्केच में कैसे शामिल करें:
+- (वैकल्पिक) शेप्स और रंगों का उपयोग करके अपने दृश्य में और डिटेल्स जोड़ें। नीचे दिए गए शेप फ़ंक्शन्स पर क्लिक करके जानें कि उन्हें अपने स्केच में कैसे शामिल करें:
   - [`ellipse()`](/reference/p5/ellipse)
   - [`square()`](/reference/p5/square)
   - [`quad()`](/reference/p5/quad)
@@ -309,7 +309,7 @@ function setup() {
   createCanvas(600, 400);
 }
 function draw() {
-  // आसमानी नीला बैकग्राउंड
+  // आसमानी नीला पृष्ठभूमि
   background(135, 206, 235);
   // ऊपर-दाएँ कोने में सूरज
   fill("yellow"); // पीला रंग
@@ -345,7 +345,7 @@ function draw() {
 
 ## चरण 8: इमोजी जोड़ें
 
-- अपने लैंडस्केप में एक फूल का इमोजी और एक लेडीबग इमोजी (या कोई भी अन्य इमोजी जो आपको पसंद हो) जोड़ें:
+- अपने दृश्य में एक फूल का इमोजी और एक लेडीबग इमोजी (या कोई भी अन्य इमोजी जो आपको पसंद हो) जोड़ें:
   - `text("🌸", 100, 250);` का उपयोग करके कैनवास पर एक फूल बनाएं।
   - `text("🐞", 300, 250);` का उपयोग करके कैनवास पर एक लेडीबग बनाएं।
     - चुने गए इमोजी को हमेशा उद्धरण चिह्नों (`""`) के अंदर लिखा जाना चाहिए (उदाहरण के लिए, `"🌸"`)।
@@ -370,7 +370,7 @@ function setup() {
   createCanvas(600, 400);
 }
 function draw() {
-  // आसमानी नीला बैकग्राउंड
+  // आसमानी नीला पृष्ठभूमि
   background(135, 206, 235);
   // ऊपर-दाएँ कोने में सूरज
   fill("yellow"); // पीला रंग
@@ -454,7 +454,7 @@ function setup() {
   createCanvas(600, 400);
 }
 function draw() {
-  // आसमानी नीला बैकग्राउंड
+  // आसमानी नीला पृष्ठभूमि
   background(135, 206, 235);
   // ऊपर-दाएँ कोने में सूरज
   fill("yellow");