Hauptinhalt
Kurs: Hour of Code > Lerneinheit 1
Lektion 1: Zeichnen mit Code- Willkommen zu unserer Hour of Code™!
- Coden lernen mit der Khan Academy
- Erstelle Zeichnungen mit Code
- Hinweis: Zahlenschieber
- Challenge: Einfacher Schneemann
- Mehr Formen zeichnen mit Code
- Challenge: Winkender Schneemann
- Farben verwenden mit Code
- Hinweis: Farbe auswählen
- Challenge: Sonniger Tag im Schnee
- Hinweis: Benutze die Dokumentation!
- Wähle ein Zeichnungsprojekt aus!
- Projekt: Super-Schneemann
- Projekt: Wildes Tier
- Projekt: Selbstportrait
- Code über die Hour of Code hinaus
© 2024 Khan AcademyNutzungsbedingungenDatenschutzerklärungCookie-Meldung
Hinweis: Farbe auswählen
Im letzten Talk-through haben wir besprochen, wie man den Color Picker benutzt, um einfach eine Farbe auszuwählen. Weil du in unseren Talk-throughs nicht beobachten kannst, wie ich den Color Picker verwende, haben wir hier ein GIF, welches die Benutzung zeigt:
Klicke auf die Zahl, um den Color Picker aufpoppen zu lassen. Dann klicke auf den rechten Farbregler, um den Farbgrundwert zu verändern. Klicke auf den linken Farbregler, um die Helligkeit zu ändern. Du wirst das in der nächsten Challenge selbst ausprobieren!
Willst du an der Diskussion teilnehmen?
- Kann man statt r,g,b werten auch hexadezimale (#ffffff) werte verwenden? Bzw die Farben auch irgendwie ausschreiben? (zweite frage sollte eigentlich nicht funktionieren, außer es gibt da einen kleinen Trick)
Will mich nur ein wenig in der Community eingliedern auch wenn die Fragen eigentlich leicht zum selbst ausprobieren/in der Doku nach zu lesen sind :)(9 Bewertungen)- Man kann hexadezimale Werte verwenden, z.B. "
fill(0xffffff00);
" für die Farbe Gelb.
Der Farbwert ist ein 32-Bit-Wert, d.h. er besteht aus 4 einzelnen Bytes.
Das erste Byte wird für die Transparenz verwendet. Es gilt: je größer der Wert desto weniger transparent ist die Farbe, d.h.0xff
bedeutet undurchsichtig und0x00
bedeutet vollständig durchsichtig. Das zweite Byte wird für den Rotanteil verwendet, das dritte für den Grünanteil und das vierte für den Blauanteil, oder kurz:0xAARRGGBB
.
(Das A steht für den Transparenzwert und ist von dem englischen Begriff Alpha Blending abgeleitet; siehe https://de.wikipedia.org/wiki/Alpha_Blending)
Ich habe die Informationen von http://processingjs.org/reference/color_/ bezogen und ausprobiert. "fill(#ffffff);
" oder "fill('#ffffff');
" wird auf Khan Academy nicht akzeptiert.(9 Bewertungen)