1.1: Drawing with Pixels - Processing Tutorial The Coding Train Hindi Spanish

1.1: Drawing with Pixels - Processing TutorialYouTube↗ IA↗(long shot)
Education 268.8K views 4.4K likes 68 dislikes 11 Jul 2015 Show Contributors 5

The Coding Train 1.8M subscribers United States YouTube↗

Contributed subtitles

Portuguese Leonardo Aguiar

Turkish Onur Karabulut

TARIK GAMING CSM

Spanish (Latin America) Johanna Emilia Vargas

Click to Play Video

हम शुरू करने के लिए तैयार हैं

Estamos preparados para empezar

एक नया सेट वीडियो वीडियो का पहला सेट था सभी सिर्फ परिचय, "हम कहाँ हैं? दुनिया में क्या आ रहा है? "वह सब सामान की तरह और अब हम करने जा रहे हैं

un nuevo grupo de videos. En el primer grupo fueron todos introducciones, "¿Dónde estamos?"

वास्तव में व्यावहारिक को देखना शुरू करें कोड लिखने की वास्तविकता। अब, हम इसमें कुछ कर रहे हैं "जो भी आप इसे कॉल करना चाहते हैं"

Empezaremos a mirar a la parte práctica de escribir código.

वीडियो श्रृंखला जो हम सीख रहे हैं

Una serie de videos donde hemos aprendido

कंप्यूटर प्रोग्रामिंग के बारे में, के माध्यम से कंप्यूटिंग की नींव कंप्यूटर ग्राफिक्स के लेंस,

sobre programación en ordenador, las bases de la computación a través de

स्क्रीन पर आ रहा है। तो, वास्तव में इस में एक गुच्छा की इस श्रृंखला में बहुत पहला वीडियो

dibujar en la pantalla. En este primer vídeo

हम निर्देश लिखने नहीं जा रहे हैं बस अभी तक।

no vamos a escribir instrucciones aún.

हम सिर्फ महसूस करके शुरू करने जा रहे हैं आरामदायक, एक साथ हो रही है,

Vamos a empezar por sentirnos cómodos, todos juntos,

एक पल रहा, और क्या समझा इसका मतलब है आकर्षित करना

teniendo un bonito momento, y aprendiendo que significa dibujar

स्क्रीन के लिए पिक्सेल। क्या है स्क्रीन की समन्वय प्रणाली?

píxels en la pantalla. ¿Que es el sistema de coordenadas de la pantalla?

एक बिंदु, एक रेखा खींचने का क्या मतलब है, एक चतुर्भुज? हम वास्तव में कैसे करते हैं

¿Qué significa dibujar un punto, una línea, un rectángulo?

उस पर सामान रखो? तो, यह एक होना चाहिए लघु वीडियो हम पहले इस वीडियो को करने जा रहे हैं

¿Cómo ponemos algo dentro de ellos? Esto debería ser un vídeo corto, vamos a hacer este video primero

तब हम वास्तव में खुलने पर देखेंगे प्रसंस्करण, प्रसंस्करण कैसे काम करता है, और लेखन

y después nos fijaremos en cómo abrir "Processing", cómo funciona y escribir

हमारे चित्र को लागू करने के लिए कोड,

código para implementar nuestros dibujos

फिर हम रंग जोड़ेंगे और सभी प्रकार के काम करेंगे अन्य सामान भी।

entonces les añadiremos color y haremos todos los tipos de otras formas también

तो, शुरुआत क्या है? क्या है? पहली बात जो हमें समझनी चाहिए?

Por lo tanto,¿Cuál es el comienzo?, ¿Cuál es la primera cosa que necesitamos entender?

हमारा पहला सफल कार्यक्रम लिखें, जो

escribimos nuesto primer programa en "Processing", al cuál

हम अंततः इसे एक स्केच कहेंगे, क्या होता है एक खिड़की खुलती है और यहाँ है क्या होता है। हम इस विंडो का प्रतिनिधित्व कर सकते हैं

le llamaremos eventualmente "sketch"

ड्राइंग द्वारा

यहाँ पर आयत। यह हमारा कंप्यूटर है ग्राफिक्स विंडो। सभी के निर्देश

rectángulo aquí. Esto es nuestra ventana de gráficos. De todas las instrucciones

हम लिखते हैं क्योंकि हम इस सभी सामान के बारे में सीखते हैं अभिकलन की नींव के बारे में,

Que escribimos a medida que aprendemos todas estas cosas sobre las bases de la computación.

हम निर्देश लिखने वाले हैं जो ड्रा होने वाले हैं स्क्रीन के लिए सामान।

Vamos a escribir instrucciones que van a dibujar cosas en la pantalla.

तुम्हें पता है, हालांकि यह नोट करना महत्वपूर्ण है यह एक छोटा सा अंश प्रतिशत है

¿Sabéis?, ¿Es importante tener en cuenta que esto en una pequeña fracción

आप संगणना के साथ क्या कर सकते हैं, सही? ड्रा,

de todo lo qur puedes hacer con un ordenador, verdad? DIbujar,

चित्र बनाना। यह शुरू करने का एक अच्छा तरीका है लेकिन आप जानते हैं,

Hacer dibujos... Es solo una forma divertida de empezar. sabes,

आपको महसूस करना चाहिए कि आप सीमित नहीं हैं

Debes interiorizar que no tienes límites

स्क्रीन पर ड्राइंग की इस दुनिया में। आपको जाना होगा बाहर और

en este mundo de dibujar en la pantalla. Vas a ir y

सभी प्रकार की दिलचस्प समस्याओं को हल करें और सभी प्रकार के आश्चर्य पैदा करते हैं गणना की शक्ति के साथ चीजें लेकिन हम कर रहे हैं शुरू करने के लिए, आप जानते हैं, हम जा रहे हैं

resolver todo tipo de problemas interesante y crear todo tipo de cosas maravillosas en el mundo de la computación. Vamos a empezar

जब वहाँ हो तो सुपर उत्साहित हो

Estoy súper emocionado. Cuando hay

स्क्रीन के बीच में एक लाल वृत्त को जानें। हमें लगता है कि हम कर रहे हैं

un círculo rojo en el medio de la pantalla, vamos a pensar que

वास्तव में कुछ शानदार हासिल किया। ठीक है, इसलिए हमारे पास यह है

hemos conseguido algo maravilloso. De acuerdo, tenemos este

आयत, लड़का हूँ मैं लंबे समय से घुमावदार। आपके पास हो सकता है आपके जीवन में एक समय

rectángulo. Alguna vez en tu vida deberías apuntarte

गणित पाठ्यक्रम, एक ज्यामिति पाठ्यक्रम, किसी प्रकार का कोर्स जहाँ आपने कुछ देखा था इस तरह। कार्टेशियन समन्वय करते हैं

en un curso de matemáticas, de geometría, algun tipo de curso en el que dibujes esto, un plano cartesiano

सिस्टम शायद आपके पास ग्राफ पेपर भी था।

A lo mejor tienes papel milimetrado incluso

ग्राफ पेपर एक बेहतरीन चीज है। अगर तुम कोई भी ग्राफ़ पेपर चारों ओर पड़ा है

El papel milimetrado es una cosa estupenda. Si tienes papel milimetrado en algun lugar

घर में विराम दें,

de la casa, pausa el video,

जाओ और इसे ले आओ, और इसे बाहर खींचो। तुम बहुत हो जाओगे आपके पास ग्राफ पेपर है। लेकिन जब आपके पास कार्टेशियन समन्वय प्रणाली है, आप जोड़ते हैं "x- अक्ष" नामक कुछ।

ve y cogelo, serás muy feliz, tienes papel milimetrado. Pero cuando tienes un plano cartesiano, tienes una cosa llamada el eje x (abcisas)

मैं यहां से चलूंगा।

(me voy a mover aquí)

फिर आप "y- अक्ष" नामक कुछ जोड़ते हैं। तथा तो हम कह सकते हैं, "ओह देखो, एक है

Y tienes otra cosa llamada el eje y (ordenadas). Entonces podríamos decir, "¡Oh, hay un punto aquí!"

यहाँ पर इशारा करो ”। वह बिंदु क्या है? शायद यह 1, 2, 3, 4, 5 है।

¿Cuál es ese punto? A lo mejor es 1, 2, 3,4,5.

1, 2, 3, 4. और कहने वाले थे, अरे, यह तो है

1,2,3,4. Y entonces diremos, ¡Ey!, Es

5 अल्पविराम 4 का अर्थ है x 5 के बराबर है, ठीक है, यहाँ इस बिंदु के साथ।

Cinco coma cuatro(5,4), midiendo, x=5

केंद्र आपकी उत्पत्ति है। (0, 0) सही?

Con el centro siendo el punto de origen (0,0), verdad?

और यह 5 अल्पविराम 4 है और क्यों, मुझे माफ करना, 1, 2, 3, 4, सही?

Y esto es cinco coma cuatro (5,4) y, ¡Ah! Perdona, 1,2,3,4, verdad?

यह कुछ हद तक सहज महसूस करना चाहिए, कुछ आप के लिए परिचित है, है ना?

Esto debería ser algo intuitivo para ti, verdad?

यह विचार है, आपके पास यह समन्वय प्रणाली है और हम पता लगा सकते हैं

Esta es la idea, tienes este sistema de coordenadas, y podemos localizar

उनके द्वारा समन्वय प्रणाली पर धब्बे संख्यात्मक सांख्यिक क्षैतिज मान, x, उनके द्वारा

puntos en el sistema de cordenadas por su valor horizontal "x", y

संख्यात्मक ऊर्ध्वाधर मूल्य, y। हम करने जा रहे हैं इस

valor vertical "y". Vamos a hacer esto

केवल कंप्यूटर ग्राफिक्स में ही सटीक बात समन्वय प्रणाली होने जा रही है थोड़ा अलग। तुम्हें पता है, एक बात मैं

exactamente igual en los gráficos del ordenador, el sistema de coordenadas va a ser algo diferente pero...

उल्लेख करना चाहिए कि यह बिंदु क्या है यहाँ?

Una cosa que debería mencionar es: ¿Cuál es este punto de aquí?

यह बिंदु 1 अल्पविराम -3 है,

Este punto es uno coma menos tres (1,-3)

सही? यह सकारात्मक 1, 2, 3, 4, नकारात्मक है नीचे इंगित करता है।

de acuerdo? Esto es positivo, 1,2,3,4, los puntos negativos abajo

-1 -2 -3। और यहाँ -1 -2 -3 के साथ है X- अक्ष। तो, हम इस का यह विचार है के साथ समन्वय प्रणाली

-1,-2,-3. Y aquí estan -1,-2,-3 en el eje x.

केंद्र में (0, 0), सकारात्मक x जा रहा है दांई ओर,

(0,0) en el centro, x positivo yendo hacia la derecha.

सकारात्मक वाई ऊपर जा रहा है अब, कंप्यूटर में ग्राफिक्स,

y positivo yendo arriba. Ahora, en los gráficos del ordenador

हमारे पास ऐसा ही कुछ है लेकिन

tenemos algo similar a esto, pero

फ़्लिप और एक अलग जगह में (0, 0) के साथ, सही? एक कंप्यूटर ग्राफिक्स विंडो, ठीक है, यहाँ एक खिड़की है। यह वास्तव में है प्रसंस्करण लेकिन आप देख सकते हैं, हम कह सकते हैं, अरे यह है

girado y con (0,0) en un sitio diferente, de acuerdo? Una ventana de gráficos en el ordenador , aquí hay una ventana, es "Processing", de hecho

इस के शीर्ष बाएँ खिड़की जो स्क्रीन पर यह बड़ी आयत है। किसी भी कंप्यूटर ग्राफिक्स विंडो के शीर्ष बाईं ओर

esto es la esquina superior izquierda de esta ventana en este gran rectángulo en la pantalla. La esquina superior derecha

मूल है, (0, 0) और यह इस तरह से एक्स-एक्सिस जा रहा है,

es el punto de origen (0,0), y este es el eje de "x" por aquí

और यह इस तरह से जा रहा है। लेकिन हमें कुछ ध्यान देना चाहिए:

y este es el eje de "y" por aquí. Pero deberíamos saber algo

ये क्या बात है?

¿Cuál es este punto?

यह बात 5 की है

Este es el punto cinco

अल्पविराम 4, है ना?

coma cuatro (5,4) verdad?

इसमें यह 5 अल्पविराम 4 था समन्वय प्रणाली,

Este era cinco coma cuatro (5,4) en este sistema de cordenadas

यह 5 अल्पविराम 4. 1, 2, 3, 4, 5 है।

Este es cinco coma cuatro (5,4) 1,2,3,4,5

इस समन्वय प्रणाली में 1, 2, 3, 4।

1,2,3,4 en este sistema de coordenadas

y धनात्मक इंगित करता है, x धनात्मक है दाईं ओर इशारा करते हुए।

"y" es positivo yendo hacia abajo , "x" es positivo yendo a la derecha

मुझे नहीं पता, मुझे आसानी है इसके साथ लेकिन मुझे नहीं पता कि क्या

No lo sé, yo me siento cómodo con esto pero no sé si

यह आपको असहज बनाता है या इसकी तरह, हे भगवान,

os hace sentir incómodos o es sólo "¡Por dios!

मुझे विश्वास नहीं हो रहा है कि आप अभी भी कहाँ के बारे में बात कर रहे हैं बिंदु 5 अल्पविराम 4 है परंतु,

No me puedo creer que sigas hablando sobre lo que es el punto cinco coma cuatro (5,4)". Pero,

हमें यहां ध्यान देना चाहिए कि यह क्या है नकारात्मक पिक्सेल होने का कोई मतलब नहीं है,

Lo que deberíamos notar aquí es que no tiene sentido tener pixels negativos

सही? तो, हमारी खिड़की के भीतर सभी पिक्सल पॉजिटिव नंबर हैं।

verdad? Por lo tanto, todos los píxels dentro de nuestra pantalla son numeros positivos.

नकारात्मक पिक्सेल जैसी कोई चीज नहीं है। अब, निश्चित रूप से,

No hay nada que sea un píxel negativo. Por supuesto

यह सब हो सकता है परिवर्तन

todo esto podría- va a cambiar

जैसा कि हम और अधिक उन्नत वातावरण को देखते हैं। जब हम 3D में आते हैं, तो निश्चित रूप से तरीके होते हैं,

cuando nos fijemos en ambientes más avanzados. Hay maneras, cuando entramos en 3D,

जहां (0, 0) आप पर विचार करना चाहते हैं केंद्र। हर तरह के कारण हैं आप नकारात्मक संख्याओं पर विचार क्यों कर सकते हैं

cuando quieres considerar (0,0) en el centro, hay muchas razones para, en algunos casos preferir numeros negativos

सकारात्मक संख्या बनाम

en vez de positivos

लेकिन हम एक बहुत ही सरल, अच्छी शुरुआत कर रहे हैं अनुकूल, खुशहाल-भाग्यशाली जगह

Pero vamos a empezar por lo senzillo, bonito, amigable, un sitio donde andar feliz

जहां हमारे पास (0, 0) है ऊपरी-बाएँ, सकारात्मक x दाईं ओर,

Donde sólo tenemos (0,0) en la esquina superior izquierda, "x" en positivo en la derecha

सकारात्मक y नीचे जा रहा है।

y las "y" positivas abajo

अब, आप सोच रहे होंगे, लड़का आपने लिया बहुत लंबे समय के लिए

explicar eso". Y no estoy seguro de porque lo hice pero espero que fuera útil.

यह समझाएं और मुझे यकीन नहीं है कि मैंने ऐसा क्यों किया उम्मीद है कि मददगार था।

La razón por la que tenemos que estar cómodos con esto

तो, कारण है कि हम वास्तव में होने की जरूरत है इससे आराम मिलेगा

es porqué cuando empezemos a escribir instrucciones para dibujar en la pantalla,

क्योंकि हम लिखना शुरू करते हैं स्क्रीन पर आकर्षित करने के निर्देश,

de la manera que le vamos a decir: "¡Ey! Pon un rectángulo aquí,

जिस तरह से हम कहने जा रहे हैं, हे, यहां एक आयत रखो

en esta sitio(x,y), con tantos pixeles de ancho y con tantos pixeles de alto,

इस चौड़ाई के साथ इस (x, y) स्थान पर पिक्सल में इस ऊंचाई के साथ पिक्सल।

Dibuja una línea desde este (x,y) a ese(x,y) sitio.

इसमें से एक रेखा (x, y) खींचें (x, y) स्थान।

Por lo tanto, esta idea de sentirse cómodo con un eje "x" y un eje "y"

तो, के साथ सहज होने के इस विचार एक एक्स अक्ष, एई अक्ष,

y este tipo de escala de píxels es importante para interiorizar.

और पिक्सेल के इस तरह के पैमाने के लिए महत्वपूर्ण है एहसास।

Ahora, vamos a coger esto, tengo un borrador en algún sitio.

अब, इसे लेते हैं, मेरे पास एक इरेज़र है।

Vamos a hacer estos pasos. Ahora que ya estamos cómodos con nuestro

आइए इसे कुछ कदम आगे बढ़ाएं। अब जब कि हम हमारे साथ सहज है

sistema de coordenadas, vamos a empezar a entender como podríamos escribir una

समन्वय प्रणाली, आइए समझने लगते हैं कि कैसे हम लिख सकते हैं a

instrucción, de acuerdo, queremos dibujar una línea en la pantalla

निर्देश, सही, हम आकर्षित करना चाहते हैं स्क्रीन।

¿Cómo podríamos escribir una instrucción para dibujar en la pantalla? Pues vamos a empezar con

हम कैसे आकर्षित करने के लिए एक निर्देश लिख सकते हैं स्क्रीन के लिए? तो, चलो शुरू करते हैं

algo un poco diferente de lo que me esperaba

मैं से कुछ अलग अपेक्षित होना।

Esto os va a chocar, vamos a empezar con una línea

यह आपके लिए चौंकाने वाला है, मैं एक के साथ शुरू करने जा रहा हूं लाइन

en vez de con un rectángulo, un rectángulo suele ser el primer ejemplo pero vamos a empezar con una línea. Por lo tanto, vamos a decir

एक आयत के बजाय। एक आयत अक्सर पहला उदाहरण होता है लेकिन एक पंक्ति से शुरू करते हैं। तो, चलिए बताते हैं

aquí esta nuestra ventana y la otra única cosa sobre una ventana que necesitamos definir

यहाँ हमारी खिड़की है और केवल दूसरी चीज है एक खिड़की के बारे में, हमें परिभाषित करने की आवश्यकता है,

cualquier ventana necesita que le definamos una altura y una anchura

किसी भी विंडो को हमें एक चौड़ाई को परिभाषित करने की आवश्यकता है और ऊंचाई। इसलिए,

vamos a decir, creo que en la mayoría de ejemplos de "Processing"

चलो कहते हैं, मुझे लगता है कि अधिकांश प्रसंस्करण उदाहरण

tienden a empezar con un ancho de 640 píxeles

640 पिक्सल की चौड़ाई के साथ शुरू करते हैं

y una altura de 360 píxeles. Esto esta dibujado en relación a la escala.

और ऊंचाई 360 पिक्सेल। यह अपेक्षाकृत खींची गई है मापने के लिए।

y una altura de 360 píxeles. Esto está dibujado en relación a la escala

इसलिए। वह सब जो आप महसूस करना चाहते हैं। यदि यह शीर्ष बाएं में है (0, 0),

Por lo tanto, esto es todo lo que debes saber. Si esto es (0,0), en la esquina superior derecha

यह पिक्सेल बीच में क्या है? यह होगा होना

¿Cuál es el píxel del centro? Debería ser

आधा रास्ता 640 जो हम उस गणित को कर सकते थे हमारे सिर में

la mitad de 640, podríamos hacer esta operación en nuestra cabeza.

<i> गणित </ i> 320. आधा

<i> operación</i> 320. La mitad

नीचे दाईं ओर 360 के साथ, अल्पविराम 180।

de aquí abajo con 360 en el final, coma 180 (320,180)

ठीक है, इसलिए, यह वही है जिसे हमें शुरू करने की आवश्यकता है करने के लिए इस्तेमाल किया जा रहा है, इस विचार पैमाने हम कर रहे हैं

De acuerdo, esto es lo que necesitamos para empezar a acostumbrarnos, esta idea de escala no estamos

नहीं के बारे में सोच, अच्छी तरह से

pensando en, bueno

यह दीवार से दो मीटर या तीन फीट की दूरी पर है इस तरफ।

hay dos metros hacia la paret o tres pasos por este sitio.

हम हमेशा पिक्सेल में और आम तौर पर सोच रहे हैं,

Vamos a pensar siempre en píxeles, y generalmente

आप जानते हैं, हम किस बारे में बात कर रहे हैं? कुछ कुछ यह फुल स्क्रीन है जो 1920 की तरह 1080 है

¿De que estamos hablando? Algo que esta en pantalla completa, que es cómo 1920x1080

या यह एक छोटी खिड़की 200 बाय 200 है। यह वास्तव में निर्भर करता है। क्या मैं एक प्रिंट बना रहा हूं,

¿O es una ventana pequeña 200x200. Depende mucho.¿Estoy haciendo una impresión,

एक उत्तेजना, के लिए एक छोटा सा खेल वेब?

una instalación, un juego pequeño para la web?

किस तरह का पैमाना? हम आम तौर पर काम कर रहे हैं इस पैमाने में।

¿Que tipo de escala? Estamos trabajando generalmente en esta escala

ठीक है, चलो बस यही कहते हैं कि हम क्या चाहते हैं करने के लिए

De acuerdo, vamos a decir que lo que queremos hacer es

हमने तय किया है कि हम एक डिजाइन कर सकते हैं छोटी सी तस्वीर

que hemos decidido que podríamos diseñar un pequeño dibujo

लाइनों का एक गुच्छा बनाकर। तुम्हें पता है, शायद लाइनें इस तरह हैं।

haciendo unas cuantas líneas. Ya sabes, a lo mejor las líneas son así

हम एक चेहरा बनाने जा रहे हैं एक नाक के साथ।

Vamos a hacer una cara con una nariz

इसलिए, हम सोच सकते हैं कि अगर हम आकर्षित कर सकते हैं तो क्या होगा स्क्रीन पर इन सभी लाइनों

Nos podríamos imaginar que pasaría si pudiéramos dibujar estas líneas en la pantalla

हम इसका प्रतिरूप बना सकते हैं

podríamos crear este patrón

यह बहुत ही निर्मल चेहरा है। तो, हमें करने की आवश्यकता है समझना,

de esta cara tan serena. Por lo tanto, necesitamos entender

लिखने का क्या मतलब है एक रेखा खींचने का निर्देश

¿Que significa dibujar una instrucción para dibujar una línea

स्क्रीन पर? और वास्तव में अभी भी करते हैं,

en la pantalla? Y podríamos hasta hacer..

चलो बस यही करते हैं। मैं मनमानी करने जा रहा हूं कुछ अच्छा करो।

Vamos a hacer esto. Voy a inventarme algo arbitrariamente.

मैं यहाँ छोटे घेरे खींच रहा हूँ शुरुआत का संकेत दें

Voy a dibujar unos círculos pequeños para indicar el inicio

और लाइन का अंत। इसलिए,

y el final de una línea.

मेरे पास यहां बात करने के लिए कोई नहीं है, लेकिन आप थोड़े हैं, अगर आप इसे देख रहे हैं

No tengo a nadie con quien hablar aquí, pero vosotros sois algo similar, si estas mirando esto

फिर भी, किसी तरह, तुम हो मेरे साथ सोच

aún, de alguna manera estan pensando conmigo.

हमें क्या करने की आवश्यकता है? परिभाषित करें कि रेखा कैसे खींची जाए?

Necesitamos definir: ¿Cómo dibujar una línea?

हम क्या देख रहे हैं कि कैसे लिखना है निर्देष

Lo que estamos buscando es como escribir una instrucción

एक रेखा खींचना। एक बार हम यह समझ लेते हैं बाहर, हम शायद समझ रहे हैं कि कैसे

para dibujar una línea. Una vez que hayamos entendido esto, vamos a entender, tal vez, cómo

एक आयत बनाने के लिए निर्देश लिखें, एक वृत्त खींचने के लिए, एक वक्र खींचने के लिए,

escribir una instrucción para dibujar un rectángulo, o un círculo, o una curva,

एक बहुभुज आकर्षित करने के लिए। सभी प्रकार के विस्तृत आकार और डिज़ाइन जो हम बनाना चाहते हैं।

un polígono. Todas las maneras de elaborar formas y diseños que podríamos querer hacer.

लेकिन लाइन के साथ, आप कह सकते हैं कि अरे, एक लाइन है

Pero con una línea , podrías decir: ¡Ey! Una línea es

के बीच पिक्सेल का एक गुच्छा बिंदु A और बिंदु B।

un conjunto de píxeles entre un punto A y un punto B.

हम इस बिंदु को A कह सकते हैं, हम इसे कॉल कर सकते हैं बिंदु B. हमें क्या परिभाषित करने की आवश्यकता है

Podemos llamar a este punto A, podemos llamar a este punto B. ¿Qué necesitamos definir

उन बिंदुओं में से प्रत्येक?

en estos dos puntos?

एक (x, y)। हम कह सकते हैं कि यह है

Una (x,y). Por ejemplo podríamos decir que este es

(X1, y1) और यह

(x1,y1), y este

(x2, y2), सही है? तो, एक रेखा खींचने के लिए हम कह सकते हैं,

(x2,y2), de acuerdo? Por lo tanto, para dibujar una línea podríamos decir

अंग्रेजी में हम कह सकते हैं, "एक रेखा खींचें

En inglés podriamos decir: "Draw a line

के बीच "और यहाँ हम कह सकते हैं, चलो

between..."(Dibuja una línea entre....) y aquí podríamos decir, vamos a

कुछ संख्याएँ बनाएँ। यहाँ, शायद यह है लगभग 100, 200, 300, 400।

inventarnos algunos numeros. Aquí a lo mejor es 100,200,300,400.

शायद यह पिक्सेल 100 के बारे में है और यह पिक्सेल 50 के बारे में है।

A lo mejor es más o menos el píxel 100 y este 50.

"(100, 50) के बीच एक रेखा खींचें"

"Draw a line between (100,50) to..."(Dibuja una línea entre (100,50) y...)

शायद यह है, जैसे, पिक्सेल 600

Este es a lo mejor el píxel 600

और यह पिक्सेल 250 है। मैं बनाने की तरह हूं

y este el 250. Me lo estoy

यह उपर। "टू (600, 250)"

inventado un poco. "...to (600,250)"

ठीक है, यह आप कैसे लिखेंगे अंग्रेज़ी। "एक रेखा खींचें

De acuerdo así se diría en inglés: "Draw a line

(100, 50) से (600, 250) के बीच ”।

between (100,50) to (600,250)". (Dibuja una línea entre (100,50) y (600,250))

हम उस रेखा को खींचते हैं। हम कैसे लिखते हैं? इस

Dibujamos esta línea. ¿Cómo lo escribimos

कोड में? हम नहीं जानते! यह कहाँ है

en código? ¡No lo sabemos! Aquí es donde

कार्यक्रम के लिए सीखना हम में से एक है सीखना सिंटैक्स है।

entra el aprender a programar. Una de las cosas que tenemos que aprender es sintaxis.

तो, जबकि हम सभी की तरह एक सामान्य है के वाक्यविन्यास को समझना

Por lo tanto, mientras entiendes más o menos la sintaxis de la

अंग्रेजी भाषा या जो भी भाषा आप में बोल सकते हैं

lengua inglesa, o la lengua que sea que hables.

आप से परिचित नहीं हैं प्रसंस्करण का वाक्यविन्यास।

No estás familiarizado con la sintaxis de "Processing"

तो, मैं आपको दिखाता हूं कि यह क्या है। यह है वाक्य - विन्यास

Por lo tanto te voy a ensenyar que es. Esto es la sintaxis:

“लाइन 100

अल्पविराम 50 अल्पविराम 600

coma 50 coma 600

अल्पविराम 250 "तो, यहाँ आप जाओ।

coma 250)(100,50,600,250)" Aquí lo tenéis.

यह हमारे कोड की पहली पंक्ति है

Esta es nuestra primera línea de código

कि हम कभी अपने में लिख रहे हैं पूरा जीवन,

Que vamos a estar escribiendo durante toda la vida

नाटकीय प्रभाव के लिए। लाइन कह रहे थे कोष्ठक एक संख्या अल्पविराम

para el efecto dramático. Estamos diciendo "line(línea)" paréntesis, un número, coma

एक और संख्या अल्पविराम दूसरी संख्या अल्पविराम एक और संख्या कोष्ठक और अर्धविराम।

otro numero, coma, otro numero, coma, otro numero, parentésis y punto y coma.

और वास्तव में, यह वह जगह है जहां हम शुरू करते हैं। वह सब कुछ जो हम लिखने जा रहे हैं

Y de hecho, esto es por dónde empezamos. Todo lo que vamos a escribir

इस पहले शुरुआत सेट में वीडियो के, मैं भूल रहा हूं कि कैमरा है। नमस्कार! इसका प्रारूप है।

en esta primera serie de vídeos, tiene este formato

यह है, हम जो कहने वाले हैं वह एक फ़ंक्शन है नाम,

Tiene, lo que se dice, un functionName

क्या आप यह देख सकते हैं? हाँ। एक कोष्ठक द्वारा पीछा किया,

lo véis? Sí. Seguido por un paréntesis,

कुछ तर्कों के बाद। हम इन्हें कॉल करने जा रहे हैं

seguido por un grupo de argumentos. Vamos a llamar argumentos

तर्क जो मूल्यों से अलग होते हैं अल्पविराम के।

a estos valores separados por comas.

एक कोष्ठक के साथ समाप्त हो रहा है और समाप्त हो रहा है एक अर्धविराम के साथ।

Acabando con un paréntesis y un punto y coma

इसका वास्तव में क्या मतलब है? आप इसके लिए एक कमांड के रूप में सोच सकते हैं अभी।

¿Qué significa exactamente?

सच में, यह एक समारोह या एक विधि या एक है प्रक्रिया। इसके लिए बहुत सारे अलग-अलग शब्द हैं।

Realmente, es una función o un método o un procedimiento. Hay muchas palabras diferentes para esto

फंक्शन, मुझे लगता है, वह शब्द होगा जिसका हम उपयोग करते हैं लगातार। लेकिन, हम इसे एक कमांड के रूप में सोच सकते हैं। मैं तुम्हे आदेश देता हूँ

Función, creo que va a ser la que use a continuación. Pero también lo puedes entender como un comando. Te encomiendo

एक रेखा खींचना। तर्क हैं मापदंडों यह परिभाषित करता है कि हम उस आदेश को कैसे निष्पादित करते हैं।

que dibujes una línea. Los argumentos son los parámetros.

अगर मैं आपको प्रोग्राम करने की कोशिश कर रहा हूं, तो मैं कर सकता हूं कहते हैं, "चलना" या

Si estoy intentando programarte, podría decir "camina" o

मैं कह सकता हूं, "जल्दी चलो" या मैं कह सकता हूं, "इस स्थान पर चलो"। "फास्ट" या "यह स्थान", वे तर्क हैं कमांड, फंक्शन, वॉक।

podría decir "camina rápido", o podría decir "camina hacia esta posición".

इसलिए, हम जो कुछ भी लिखते हैं और जो पहले लिखते हैं हम सीखने जा रहे हैं

Todo lo que escribimos, y los primeros que vamos a aprender

आयत, दीर्घवृत्त की तरह हैं,

son el rectángulo, elipse,

हमने अभी-अभी लाइन किया है,

ya hemos hecho la línea

और एक बिंदु। तो, यह, मुझे लगता है, एक अच्छा, आसान है हमें शुरू करने के लिए जगह।

y el punto. Creo que esto es algo fácil para empezar.

हम एक आयत को कैसे परिभाषित करते हैं? हम कैसे एक दीर्घवृत्त परिभाषित करें?

¿Cómo definimos un rectángulo? ¿Cómo definimos un elipse?

हम एक पंक्ति को कैसे परिभाषित करते हैं? हम कैसे परिभाषित करते हैं एक बिंदु? प्रत्येक के लिए तर्क क्या हैं

¿Cómo definimos una línea?¿Cómo definimos un punto? ¿Cuáles son los argumentos para cada

उनमें से एक?

फिर हम आयतें, दीर्घवृत्त खींच सकते हैं, लाइनों, अंक। इसलिए,

Podemos dibujar rectángulos, elipses, líneas, puntos.

मैं आपको क्या सुझाव दूंगा, यहाँ आपका इस वीडियो के अंत के लिए व्यायाम,

Lo que os sugeriría, aquí vuesto ejercicio para el final de este vídeo,

आप के साथ आने के साथ क्या करना चाहिए कुछ डिज़ाइन

lo que deberías hacer es hacer un diseño que

आप बस पेंसिल के साथ आकर्षित करेंगे और कागज, अगर आपको ग्राफ पेपर मिला है, तो शानदार।

sólo lo tienes que dibujar con lápiz y papel, si tienes papel milimetrado, fantástico.

उस डिज़ाइन को ड्रा करें। इसे सरल बनाओ। केवल उपयोग करें आयताकार, वृत्त, दीर्घवृत्त,

Dibuja este diseño. Házlo simple. Usa sólo rectángulos, círculos o elipses

मंडलियां, रेखाएं और बिंदु,

círculos, líneas y puntos.

और फिर अनुमान लगाने की कोशिश करें कि क्या होगा निर्देश इस तरह के साथ दिखते हैं

Y después trata de adivinar cuáles serían las instrucciones para ese tipo de

वाक्य - विन्यास। क्या तर्क एक आयत बनाने के लिए समझ में आता है?

sintaxis. ¿Qué argumentos tienen sentido para dibujar un rectángulo?

संकेत: स्थान, चौड़ाई और ऊंचाई। क्या तर्क एक दीर्घवृत्त के लिए समझ में आता है?

Pista: La localización, anchura, y altura. ¿Cuáles son los argumentos que tienen sentido para un elipse?

एक लाइन के लिए? एक बिंदु के लिए? साथ आने की कोशिश करें कुछ और अगले वीडियो में हम देखने जा रहे हैं

¿Para una línea? ¿Para un punto? Intenta inventarte algo y en el siguiente vídeo vamos a empezar viendo las

इनमें से कुछ सवालों के जवाब, हम देने जा रहे हैं इस कोड को प्रोसेसिंग में डालना शुरू करें,

respuestas a algunas de estas preguntas, vamos a empezar poniendo este código en "Processing"

इसे क्रियान्वित करना, और हमारे पहले कार्यक्रमों को देखना Daud। मुझे नहीं पता-

ejecutándolo, y viendo nuestros primeros programas funcionando

मैं टाइमर सेट करना भूल गया इसलिए मुझे नहीं पता कि कब तक यह था, लेकिन मैं उम्मीद कर रहा था कि यह सिर्फ पाँच या के बारे में है

He olvidado poner un temporizador , por lo tanto no sé cuando dura el vídeo espero que sólo unos cinco o

छह मिनट।

तब आप शायद नीचे देख रहे हैं और यह 20 मिनट लंबा या कुछ और जैसा है। वैसे भी, मैं आपको अगले में देखूंगा

Entonces probablemente miráis abajo y el vídeo dura 20 minutos o así. De todas formas, te veo en el siguiente

वीडियो यदि आप देखना चुनते हैं, जो है पूरी तरह से उचित

vídeo si eliges verlo, lo cual es totalmente razonable.

यदि आप नहीं करते हैं, तो मैं पूरी तरह से समझूंगा, ठीक है? धन्यवाद!

Si no lo haces, lo entenderé perfectamente,¿De acuerdo? ¡Gracias!

Similar videos:

0.1: Who are you? Who am I? - Processing Tutorial
The Coding Train
144.8K views 2.6K likes 22 dislikes 10 Jul 201578% match

0.0: Introduction - Processing Tutorial
The Coding Train
389.3K views 6K likes 133 dislikes 10 Jul 201556% match

0.5: Processing Examples - Processing Tutorial
The Coding Train
179.9K views 2.7K likes 43 dislikes 10 Jul 201549% match

2.1: How to use Processing - Processing Tutorial
The Coding Train
238.4K views 3.8K likes 47 dislikes 14 Jul 201545% match

1.3: Basics of drawing - p5.js Tutorial
The Coding Train
245K views 3.1K likes 58 dislikes 01 Sep 201538% match

Introduction to the line integral | Multivariable Calculus | Khan Academy
Khan Academy
803.2K views 6K likes 85 dislikes 25 Feb 201028% match

Slope and rate of change | Graphing lines and slope | Algebra Basics | Khan Academy
Khan Academy
664.9K views 1.8K likes 121 dislikes 04 Apr 201026% match

Times Tables, Mandelbrot and the Heart of Mathematics
Mathologer
2.6M views 69.1K likes 1.1K dislikes 06 Nov 201526% match

8.1: What is Object-Oriented Programming (OOP)? - Processing Tutorial
The Coding Train
464.8K views 5.4K likes 254 dislikes 24 Jul 201526% match

👉What Everyone Gets Wrong Drawing Hands - Critiques👈
Proko
1.2M views 39.1K likes 568 dislikes 19 Oct 201725% match

Mean value theorem | Derivative applications | Differential Calculus | Khan Academy
Khan Academy
610.7K views 2K likes 52 dislikes 02 Jul 200825% match

Why is pi here? And why is it squared? A geometric answer to the Basel problem
3Blue1Brown
3.4M views 77.9K likes 1.5K dislikes 02 Mar 201825% match

Derivative of a position vector valued function | Multivariable Calculus | Khan Academy
Khan Academy
198.1K views 412 likes 12 dislikes 26 Feb 201025% match

Advanced - HTML5 Canvas and Animations
Udacity
6.6K views 27 likes 21 dislikes 06 Jun 201625% match

Double integrals 4 | Double and triple integrals | Multivariable Calculus | Khan Academy
Khan Academy
264K views 766 likes 9 dislikes 14 Aug 200825% match

How to Solo over ANY CHORD Using the Pentatonic Scale - Steve Stine Guitar Lesson
Steve Stine Guitar Lessons
950.2K views 30.1K likes 301 dislikes 13 Jul 201825% match

1.1: Introduction - p5.js Tutorial
The Coding Train
706.1K views 11.2K likes 163 dislikes 01 Sep 201522% match

Coding Challenge #11: 3D Terrain Generation with Perlin Noise in Processing
The Coding Train
809K views 20.4K likes 188 dislikes 04 May 201620% match

The Coding Train!
The Coding Train
248.4K views 3.6K likes 95 dislikes 03 Nov 201620% match

Settings Privacy About Contact Donate