Grunderna i JavaScript: ritning (4 / 7 steg)
Steg 4: färg!
Färg ger liv åt bilderna! Du vet att! Låt oss ge liv till vår dator-skapade bilder genom att lära sig dessa koder. De är den enklaste av många, men de kan ta lite tid att helt behärska. Vi lär dig hur man färg följande: bakgrunden, stroke (linjer) och fyllningen.
- Bakgrund
För bakgrunden, använda kodning:
bakgrund (173, 236, 255);
Nu är alla antal innebär vilken mängd av varje färg för att sätta in i mixen. Så de använder RGB-skalan, eller röd, grön, blå skala. Så det första talet är hur mycket av rött, sedan hur mycket av green, och sedan slutligen blå! Det är så enkelt. Men även jag som är en kodning mästare, har inte bemästrat konsten att veta vilken färg kommer att dyka upp, så jag använder khan academy, som som ett färghjul, vilket gör livet så mycket lättare.
- Stroke
För färgar, använda kodning:
stroke (173, 236, 255);
Samma sak gäller med siffrorna. RGB-skalan kan förenklas på khan academy.
- Fyll
För fyllningsfärg, använda kodning:
fyllning (172, 287, 189).
Samma sak med den RGB-skalan.
Viktigt! Alltid sätta bakgrunden överst på sidan som du kommer att hitta för alla dessa koder, det kommer att påverka alla linjer, fyllningar, etc. efter det, tills avbruten av en annan kod.
Bara så ni vet: vi lär dig texten nästa, okej?