Using box-shadow, it’s possible to create a pixels on screen: See the Pen Pixel Art 3: Side-by-Side Box-Shadow by Jacque (@jschrag) on CodePen. As you can define multiple box-shadow entries – comma-separated – it’s possible to draw multiple pixels on screen … Creating Pixel Art with CSS →
Tag Archives: drawing
Scribit, a robot that can draw on walls
Scribit is a vertical plotter that can draw any content sourced from the web – and update it in real time. It is mounted on a wall using only 2 plugs and a wire in between. You send it an image from within the app and it will start drawing (with support for 4 colors […]
Rough.js – Create SVGs with a hand-drawn, sketchy, appearance
Rough.js is a light weight (~8k), Canvas based library that lets you draw in a sketchy, hand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing SVG paths. To get started first create a rough canvas: const rc = rough.canvas(document.getElementById(‘canvas’)); On that rough canvas you can […]
AutoDraw: Fast Drawing for Everyone
After Quickdraw a few months ago – in which A.I. guesses what you are doodling – now comes AutoDraw from Google. AutoDraw is a new kind of drawing tool. It pairs machine learning with drawings from talented artists to help everyone create anything visual, fast. AutoDraw’s suggestion tool uses the same technology used in QuickDraw, […]
Two Point Perspective Drawing Hack
As a kid I used to make loads of these kind of images. Pencil in one hand, ruler in the other. Turns out I could’ve ditched the ruler: (via)