Skip to content

Instantly share code, notes, and snippets.

View seemantk's full-sized avatar

Seemant Kulleen seemantk

View GitHub Profile
@seemantk
seemantk / .block
Last active March 5, 2019 16:03 — forked from mbostock/.block
Brush & Zoom using viewBox
license: gpl-3.0
@seemantk
seemantk / 25-spideys-640.gif
Last active November 11, 2018 01:37
Spidey v3
25-spideys-640.gif
@seemantk
seemantk / README.md
Last active October 19, 2018 16:21
Bat-symbol with Eyes

Using lessons learned from adding halos, this set is actually the 2nd attempt. The eyes are initially done by adding to squares, converting them to paths, and then combining them into one path.

That path was then cloned for every single batlogo that needed eyes. Further, the eyes path has to sit on top of a batlogo path, before the two of them are combined.

As a last step, all eye paths must also be converted to curves instead of lines.

There were two special cases which were able to be handled by adding the eye shapes. The first one is the 75th anniversary logo, which now has a complete "5" in it. The second is two initial gaps in the BvS logo, to start carving out the 'S' shape

@seemantk
seemantk / README.md
Last active October 12, 2018 15:32
Halos 2: Experimental Halo (The "Combine" Trick)

This is an experiement with the Bat + Halo for a subset of the Batsymbols. By adding one more object into the situation (the Halo), the complexity of the entire picture has increased dramatically (maybe four-fold, if I got the maths right).

Here we have all the non-intersecting round/oval halos. That is to say, these halos are entirely disjointed from their associated Bats. (Unlike 2004's New Adventures of B&R, 2009's Batman RIP and 2010's Flashpoint, where part of the halo is obscured by the main logo).

This technique uses Inkscape's "combine" feature to turn the Bat and the Halo into a single path. This way, the logos can simply be plugged into the existing code and work.

@seemantk
seemantk / README.md
Last active September 30, 2018 17:31
Halos 1: Redone silhouettes

This is the limited set of 28 symbols which have an outline or halo component.

For those that have an outline, the silhouettes have been adjusted to be only the black part of the Batsymbol. The resulting shapes are interesting to see so I thought I'd share here

@seemantk
seemantk / 72-silhouettes.gif
Last active September 29, 2018 15:10
72 Batman Symbol Silhouettes
72-silhouettes.gif
@seemantk
seemantk / README.md
Last active September 18, 2018 22:04
78 Years of Batman Logos

The logo set is well expanded from 75 Years of Batman. Additionally, the lower wings have all been redesigned: the nodes in the two-wing-point layouts are no longer equally divided. Instead, the sections next to the tail have 5 nodes, including the 2 surrounding cusps. The sections next to the outer wings have 9 nodes. This allows for more object-constancy when transitioning between 2-wing-points and 3-wing-points (eg. the 1989 sigil and title).

This time, a tsv file contains data about each logo, such as its year of use, the title of the piece in which it was used, as well as a comment (such as artist or actor). Thanks to Doni for prodding.

Changes

Bat Symbols

@seemantk
seemantk / batman-logos.svg
Last active September 9, 2018 18:38
75 Years of Batman logos
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@seemantk
seemantk / .block
Last active June 29, 2017 04:29
Carrots & Pens
license: mit
@seemantk
seemantk / .block
Last active May 13, 2017 06:25
Flight Paths Edge Bundling
license: gpl-3.0
height: 500
border: no