Terrific Text Part 2YouTube↗  IA↗(long shot)
Education  13K views 24 likes 1 dislikes   13 May 2014
Khan Academy Computing 116K subscribers N/A YouTube↗


Please select the problem
You must specify your email and describe the problem in detail
Describe your problem in detail if it's not obvious

Click to Play Video Click to Play Video
So now that we learned how to use text, let's get a bit more fancy.
Wir haben bereits über Text gesprochen und wollen es nun etwas vertiefen.
The first fancy thing is that now we're
Als Erstes werden wir anschauen,
going to start using the word "string".
was das Wort string bedeutet
You might think, "String? That's what my cat plays with."
Du fragst dich vielleicht, was das sein soll.
But for programmers, string is a special name
Für Programmierer ist string ein spezielles Wort
we use for bits of text.
für eine Zeichenkette.
You can think of it like a string of characters, if it helps.
Eine solche Zeichenkette ist zum
Your name is a string, your school's name is a string,
Beispiel auch unser Name. Oder der Name der Schule ist ein string.
and every text message you've ever sent is also a string.
Und jede Text-Nachricht, die du schickst, ist ebenfalls ein string.
Basically, just think, string equals text.
Oder vereinfacht gesagt, string gleich text.
So we used drawing and coloring with strings already.
Wir haben bereits für das Zeichnen und Einfärben strings verwendet.
Could we use variables with strings? Of course!
Können wir auch Variablen mit strings verwenden. Ja, klar.
Just like you might normally put a number into a variable,
Genauso wie du eine Zahl in eine Variable einsetzen kannst,
you could also put a string into a variable.
geht das auch mit einem string.
We just say something like,
Hierzu schreiben wir so etwas wie
"var myName = (whatever your name is)" so "Sophia";
var myName gleich, ... sagen wir
remembering those quotes.
jemand heißt Sophia.
And then we put the variable myName
Und dann setzen wir die Variable myName
into the quoted text instead of writing "Sophia" directly,
anstelle des geschriebenen Name "Sophia".
like we were doing before.
And this way though it looks the same right now,
Das Resultat ist das Gleiche.
we can actually, write this multiple times
Wir können das nun mehrfach schreiben:
you know, one time there, one time there,
einmal hier, dann einmal hier ...
you know maybe we can be a little artistical.
Um den dargestellten Textinhalt zu ändern,
And then all you have to do is to change this one variable
können wir dies hier in der Variablen umtexten
to be <i>your</i> name, and then you have
mit zum Beispiel Your Name.
your name written three times.
Und dann steht Your Name drei Mal.
So, just flipping that back, what if we want to get
Ich stelle das wieder zurück. Wie sieht es aus,
kind of crazy, can we start adding together strings?
wenn wir mehrere strings zusammenfügen wollen?
Like you remember when we maybe started adding together variables?
Ungefähr so, wie wir begannen Variablen zusammenzufügen?
Well we can actually do that,
Das können wir tun.
the computer will just stick the two strings together.
Der Computer wird diese zwei strings gemeinsam ausführen.
So for example, you know, we can get rid of this,
Das hier kann ich nun wegnehmen,
to do it only one time and then we can use this other variable
sodass der Name nur noch ein Mal steht. Die zusätzliche Variable message
message that's going to be my name, plus say a bunch of exclamation marks.
soll nun myName plus drei Ausrufezeichen darstellen.
And if we stick message into text to draw this variable
Wenn wir nun message hier bei text anstelle
instead of my name, we can see that
von myName einsetzen,
all it did is just stuck those exclamation marks
dann erscheint sowohl der Name Sophia wie
that we had onto the back of my name.
auch die Ausrufezeichen.
And we can even make this a little bit more exciting,
Wir können das auch noch etwas ergänzen,
if we wanted to write message, say, twice.
indem wir message zwei Mal ausführen.
So this looks pretty reasonable, you know adding strings means
Wir addieren also strings,
you stick one string onto the back of the other string.
indem wir einen string hinter den anderen setzen.
But you might be thinking, can we get really crazy?
Es könnte sich nun die Frage stellen,
And start multiplying or dividing or subtracting strings?
ob wir strings sogar multiplizieren oder dividieren können.
Could we do that? Well no we can't,
Das geht aber nicht.
with strings we can only add them.
strings können nur addiert werden.
You're right that we could divide and subtract with number variables,
Wir können zwar mit Zahlen-Variablen dividieren und subtrahieren,
but string variables only allow us to add.
aber strings können nur addiert werden.
But still being curious and asking those sorts of questions,
Aber es ist durchaus nützlich, dass man sich solche
is the right attitude in programming.
Dinge bei der Programmierung hinterfragt.
You might think, "What would it mean to divide a string?"
Also zum Beispiel, warum sich ein string nicht divideren lässt.
So we can also use animation and mouse interaction with text strings.
Wir können nun ebenfalls Animationen und Interaktionen per Maus mit text strings verwenden.
For example, we can make the string follow the mouse around.
Zum Beispiel können wir mit der Maus den string bewegen.
Just by sticking it in a draw loop like we did with the rectangles.
Und zwar geschieht das, indem wir es in einen draw loop setzen, so wie bei den Rechtecken.
So if you think about how to do this, we would say var draw,
Wir schreiben also var draw
and then we'll stick all of this, right in here.
und setzen all das hier hinein.
This probably looks really familiar, from "intro to animation."
Sowas Ähnliches hatten wir beim Video "intro to animation" gesehen.
And you might think, alright, well to make it follow the mouse around,
Um jetzt aber den Text mit der Maus zu bewegen,
we certainly need to use mouseX, and mouseY
müssen wir die Funktion mouseX und mouseY aufrufen.
and there you have it we're actually painting with our name.
Jetzt folgt der Text unserer Maus. Wir zeichnen sozusagen mit dem Namen.
And of course if we wanted, we could easily set a background,
Wir können nun auch noch einen Hintergrund (background) erstellen.
say to, you know, a nice light blue.
Zum Beispiel hier dieses Hellblau.
And now we have that the text is just following the mouse around,
Jetzt folgt der Text der Maus,
just like we saw with the rectangles.
so wie wir es bei den Rechtecken sahen.
And now as a last fun trick, let's use animation,
Versuchen wir nun noch eine Animation,
and make the text size grow and grow and grow.
und zwar, indem wir den Text größer und größer werden lassen.
So, here we're setting the textSize to 30, as we learned in variables
Hier bei textSize (Schriftgröße) setzen wir 30 ein.
instead of using 30, we could also say, var howBig equals 30;
Anstatt 30 einzusetzen, könnten wir auch var howBig gleich 30 schreiben
and then use this variable instead of doing 30 directly.
und dann hier unten diese Variable verwenden anstatt 30 direkt.
Well that's the exact same thing,
Das Resultat ist momentan das Gleiche.
and we need to obviously be changing something
Wir müssen jetzt also etwas ändern,
in order to get an animation.
um den Text zu animieren.
So we can do that by saying, how big equals how big plus one
Wir können hier schreiben howBig gleich howBig plus 1.
which actually means, if you remember howBig gets,
Bei der Variablen howBig hatten wir zuvor 30 gesetzt,
you know how big it was before, plus one to make it a little bit larger
weshalb es jetzt immer um 1 grösser wird.
and now we just need to restart the program,
Wir müssen nun hier restart drücken und
and here we have that as we're moving the mouse around,
sehen, dass wenn wir die Maus bewegen,
the text size is growing and growing and growing and growing
sich die Textgröße erhöht.
because of this line right here.
Wegen diesem Befehl hier.
And you know, just on your own,
So können wir also
you might think, okay how can we make it grow faster?
den Text mit der Maus grösser werden lassen.
So now, not only do you know how to manipulate shapes with code,
Somit wissen wir nicht nur, wie man Formen mit Code animieren kann,
but you can also use text with code as well.
sondern auch Text.
Similar videos:

Terrific Text: Part One | Computer Programming | Khan Academy
Khan Academy Computing
14.8K views 24 likes 1 dislikes 13 May 201462% match


If/Else - Part 1 | Computer Programming | Khan Academy
Khan Academy Computing
8.4K views 16 likes 2 dislikes 13 May 201460% match


Intro to While Loops | Computer Programming | Khan Academy
Khan Academy Computing
11K views 30 likes 1 dislikes 13 May 201459% match


The Power of the Docs | Intro to JS: Drawing & Animation | Computer programming | Khan Academy
Khan Academy Computing
1.6M views 473 likes 42 dislikes 28 Aug 201359% match




Coloring with code | Computer Programming | Khan Academy
Khan Academy Computing
45.7K views 98 likes 8 dislikes 12 Nov 201558% match


What should we learn next? | Journey into cryptography | Computer Science | Khan Academy
Khan Academy Labs
73.3K views 64 likes 3 dislikes 08 Aug 201257% match


Drawing more shapes with code | Computer Programming | Khan Academy
Khan Academy Computing
52.2K views 129 likes 8 dislikes 12 Nov 201557% match


Functions | Computer Programming | Khan Academy
Khan Academy Computing
17.5K views 27 likes 1 dislikes 25 Nov 201356% match


Joe Landolina: This gel can make you stop bleeding instantly
TED
185.2K views 4K likes 25 dislikes 20 Nov 201456% match






Biscotti da inzuppo della nonna – Ricetta perfetta per biscotti deliziosi, fragranti e croccanti
Cucina Geek
1.4M views 0 likes -1 dislikes 04 Jan 202056% match










Special ProcessingJS functions | Computer Programming | Khan Academy
Khan Academy Computing
8.8K views 25 likes 2 dislikes 06 Jul 201556% match

Crème éclaircissante au persilL/ Enlevez les boutons et les taches foncées/Skin Whitening Cream
L'ART DU TEINT PARFAIT,ELIXIR DEMARIE LEONIE COACH
121.8K views 0 likes 0 dislikes 22 Oct 201956% match










How To Make Meatloaf Without A Loaf Pan ~ Video
Get My Tips
8.4K views 117 likes 7 dislikes 03 May 201756% match


Салат " МЫШКА" лучший Рецепт На Новогодний Стол 2020! Праздничный Салат. Salad Mouse
TASTY and USEFUL
59.4K views 4.1K likes 55 dislikes 07 Dec 201956% match



Salmone al forno: Trucchi speciali per farlo venire perfetto (morbido, succoso e profumato)
Cucina Geek
177K views 0 likes 0 dislikes 28 Dec 201956% match









Triple integrals 2 | Double and triple integrals | Multivariable Calculus | Khan Academy
Khan Academy
257.6K views 502 likes 9 dislikes 24 Aug 200856% match


Introduction to channel capacity | Journey into information theory | Computer Science | Khan Academy
Khan Academy Labs
52.6K views 55 likes 2 dislikes 28 Apr 201456% match


Time space tradeoff | Journey into cryptography | Computer Science | Khan Academy
Khan Academy Labs
17.1K views 25 likes 4 dislikes 29 Apr 201455% match

Cómo Resetear la BiOS de Placa Base y que ventajas e inconvenientes tiene | Clear CMOS motherboard
AirXander
23.9K views 459 likes 17 dislikes 16 Jun 201955% match






PASTEIS DE NATA, RECETTE DE LA PATISSERIE TRADITIONNELLE PORTUGAISE (Pastel de Belém)
Caroline's Planet • Vanlife & Food
2.8K views 59 likes 5 dislikes 22 Dec 202055% match










SUSHI FATTO IN CASA - NIGIRI: Ricetta originale giapponese di Sai Fukayama
Giallozafferano recipes
43.3K views 1.2K likes 34 dislikes 14 Nov 202055% match

Intro to Arrays | Computer Programming | Khan Academy
Khan Academy Computing
14.5K views 54 likes 3 dislikes 13 May 201455% match

CORAZÓN SECRETO de "El Ilusionista" - Regalo para ENAMORAR | Te Digo Cómo
Te Digo Cómo
2.4M views 109.7K likes 1.2K dislikes 31 Dec 201655% match

BUSCADORES DE TESOROS EN EL BARRO 《 🏴‍☠️ 》 DETECTOR DE METALES PARA ENCONTRAR ORO
Adventure Detection
32K views 411 likes 14 dislikes 31 Oct 202055% match
















Full Match Brock Lesnar vs. Sting WWE Raw 2018 Champion Title Epic Table Ladder & Chair match
General Knowledge
364.1K views 926 likes 480 dislikes 04 May 201855% match




HTML tables | Intro to HTML/CSS: Making webpages | Computer Programming | Khan Academy
Khan Academy Computing
12.9K views 35 likes 1 dislikes 21 Nov 201455% match

Making animations | Computer Programming | Khan Academy
Khan Academy Computing
46K views 136 likes 11 dislikes 30 Oct 201555% match

Growing potatoes in pots from the potatoes peel, Growing potatoes in pots, Growing potatoes at home
Beril'in Hunerleri
10.8K views 176 likes 6 dislikes 20 May 202055% match







✅ Conseguir REBALLING y Soldar Cualquier IC [Fácil]
MovilOne Mobile repair
453.7K views 9.8K likes 298 dislikes 24 Jun 202055% match




KÖKSÜZ ORKİDELERİ KURTARIYORUZ,KÖKSÜZ ORKİDEYİ ATMAYIN,ORKİDE 10 GÜNDE 3 KÖK VE YAPRAK ÇIKARDI,care
Beril'in Hunerleri
5.3M views 26.7K likes -1 dislikes 20 Sep 201955% match








Settings Privacy About Contact Donate