![]() Later, when we got our first Amiga (1000), I used a hacked version of Deluxe Paint to do game art. (Still got those sheets archived :-) I then poked the data with basic. My first sprites I drew on graph paper which I printed on a dot matrix printer way back when my brother and I got our first "proper" home computer: a C64. Well, the lines are much fuzzier nowadays than they used to be. I think Macs are traditionally used in graphic design, while Windows machines are generally used more for game work, VFX, and 3d jobs. If those machines would have survived and evolved in the market, I believe they'd still have some focus in ye old pixel art. Well, I used to make games (personal project$ in this case) with a mate which was all about that wonder of a computer, the Amiga. It depends on the kind of boss you have, or in the established pipelines. at least 3 years ago, as everybody is asking for 3D in mobiles, now), those aiming for a career should learn it (I worked like 10-12 hours a day doing pixel art in a year and something, and could avoid even opening that tool one single time. You don't really need more.But Pro Motion is a job bringer (just look at Gameloft job offers. I've completed a well paid gig very recently, and the only tool (feature) I used, I promise, was the very equivalent tool to AP's Pixel tool. (J/K)Īnyway, a pity that there's no mac version, as aseprite is such a cute powerful tiny tool. See the Pen HSL by Dan Wilson ( on CodePen.Because is an art for the poor. Lots of great goodies in there to up your understanding of working with color. Wanna learn more about color on the web in general? Don’t miss Sarah Drasner’s A Nerd’s Guide to Color on the Web. See the Pen HSL by Graham Pyne ( on CodePen. There is also the HSL Color Picker and Mothereffering HSL if you want options. See the Pen HSL Explorer by Chris Coyier ( on CodePen. Need a quick color picker? I put this one together ages ago and I quickly ported it over to CodePen: If you’re messing with color in JavaScript and want randomization to result in pleasing colors, give PleaseJS a spin. See the Pen Sparklegate by Chris Coyier ( on CodePen. Not long ago, I basically did the same thing but rotated the hue to animate this stargate: See the Pen Random Reds by Chris Coyier ( on CodePen. You could randomize the H, S, and L tightly around some values: For example, say you want to generate some different red tones. I really like HSL when playing with color in JavaScript. See the Pen Sass Color Functions by Chris Coyier ( on CodePen. Or, you might get hot and heavy with Sass color functions or your own home brew thing. Those of you on the cutting edge might recall the working draft of Color Level 4 with the color() function and more intuitive sub-functions. Still, nothing nearly as intuitive as HSL. You might even be the clever sort who can identify color by Hex codes. You might have some mental chops with rgb(), knowing that rgb(255, 0, 0) is clearly red or rgb(0, 0, 0) is black, but manipulating those to get to a light purple or starting with a forest green and getting a little lighter isn’t exactly mental math. Change the lightness to essentially mix in black or white. Change the saturation to get deeper or more muted colors. Change the hue to take a trip around the color wheel. ![]() You can hand-manipulate any of those four values and have a decent sense of what is going to happen. ![]() Lightness: 0% is completely dark (black).Saturation: 0% is completely desaturated (grayscale).Values above and below will be modulus 360. 120 o is where greens are and 240 o are blues. ![]() We’ve talked about it before but we can break it down a little more and do some interesting things with it. HSL (the hsl() and hsla() functions in CSS) stands for hue, saturation, lightness, and optionally, alpha. If you ever need to hand-manipulate a color in native CSS, HSL is pretty much the only way.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |