benw2/wezm.net
1
0
Fork 0
forked from wezm/wezm.net
Code Pull requests Activity

Finish monochrome-thumbnails post

Browse source
This commit is contained in:
Wesley Moore 2011-08-27 19:06:27 +10:00
parent 4bdbdf122b
commit c72ff3c917
2 changed files with 23 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
content/technical/2011/06/monochrome-thumbnails.html
View file

@ -1,15 +1,16 @@
Ever since this version of my site went live I've been meaning to post about Ever since this version of my site went live I've been meaning to
the generation of the monochrome thumbnails on the [front page](/). When I was post about the generation of the monochrome thumbnails on the [front page](/).
building the site I wanted to include recent items from my Flickr photostream When I was building the site I wanted to include recent items
but didn't like the look of all the colour on a otherwise mostly monochrome from my Flickr photostream. However with the predominantly monochrome
page. design I didn't like the look of all the colour they added. So I looked into
having monochrome versions of the thumbnails shown.
The first thing I investigated was Javascript image processing libraries. The The first thing I investigated was Javascript image processing libraries. The
only main contender in that space was [xxx]. It worked but its cross browser only main contender in that space was [Pixastic]. It worked but its cross browser
support wasn't great at the time. So I moved on to writing a tool that I support wasn't great at the time. So I moved on to writing a tool that I
could run locally. could run locally.
[xxx]: [Pixastic]: http://pixastic.com/
I decided the tool should generate a single image with I decided the tool should generate a single image with
both the colour and monochrome versions in it (a technique known as spriting). both the colour and monochrome versions in it (a technique known as spriting).
@ -18,7 +19,7 @@ programmer with an interest in Cocoa programming I created a small command line
tool that used the Flickr API to get the details of the last twenty images in tool that used the Flickr API to get the details of the last twenty images in
my photostream, fetch them and then use Core Image to convert them to my photostream, fetch them and then use Core Image to convert them to
monochrome, add both the colour and monochrome versions to the output image and monochrome, add both the colour and monochrome versions to the output image and
save the result. finally save the result.
This worked great, however when I stopped hosting my site on my Mac I thought I This worked great, however when I stopped hosting my site on my Mac I thought I
would need to run the process periodically on my Linux server, which ruled out would need to run the process periodically on my Linux server, which ruled out
@ -26,20 +27,20 @@ Core Image. I took this as another opportunity to learn something new and
rewrote it in Lua using imlib2 bindings. I had to make some additions to the rewrote it in Lua using imlib2 bindings. I had to make some additions to the
imlib bindings, which are [published on GitHub][luaimlib]. imlib bindings, which are [published on GitHub][luaimlib].
[luaimlib]: [luaimlib]: https://github.com/wezm/lua-imlib2
I used the Lua version for some I used the Lua version for some time but never bothered to set it up
time but never bothered to set it up on the server since I wasn't uploading on the server. I wasn't uploading photos all that frequently and it
photos all that frequently and it was simple enough to run locally and rsync was simple enough to run locally and rsync the result. I've recently
the result. I've recently switched back to the Mac version as it was simpler to switched back to the Mac version as it was simpler to get up and running
get up and running on my new laptop. on my new laptop.
The [code is on GitHub][code] if anyone wants to do something similar. The The [code is on GitHub][code] if anyone wants to do something similar. The
Cocoa version is on the master branch, the Lua version is on the Cocoa version is on the master branch, the Lua version is on the
[lua branch]. [lua branch].
[code]: https:// [code]: https://github.com/wezm/monothumb
[lua-branch]: [lua-branch]: https://github.com/wezm/monothumb/lua
The current version of the processed thumbnails is shown below. The current version of the processed thumbnails is shown below.

8
content/technical/2011/06/monochrome-thumbnails.yaml
View file

@ -3,6 +3,10 @@ title: Monochrome Thumbnails
extra: Generating monochrome thumbnails with a color rollover from my Flickr feed extra: Generating monochrome thumbnails with a color rollover from my Flickr feed
kind: article kind: article
section: technical section: technical
created_at: 2011-06-08 08:20:00 created_at: 2011-08-27 18:54:00
keywords: keywords:
- typing - image
- processing
- lua
- core
- monochrome