| |
jailbird
Registered: Dec 2001
Posts: 1578 |
The Pixelling Cow - Beta
In the last two weeks I was working on a personal web project in my free time. Hope some of you will find it interesting and/or useful. This is the first stable release, so expect a lot of changes/additions in the near future. I'll keep you updated.
--
ThePixellingCow is currently the most comprehensive database of Commodore 64 scene-related pixel-art.
At the moment, it hosts 6201 images, 1497 artists and 475 events.
It is basically a periodically refreshed mirror of CSDb's graphics related content, but with an accessible and clean UI more suitable for graphics-related content. So, for those who are interested in specific graphics-releases: now you could find them faster and easier.
It's still far from finished. Consider it's present state as a beta testing terrain.
TPC needs help!
At the moment, only one person is doing all the work, so any kind of support would be highly appreciated! Especially in the following areas:
- general functionality testing
- flagging/removing duplicates (there's a lot of them, as parsing CSDb wasn't always going smoothly)
- correcting data (same as above)
- adding missing artists, releases and events
- tagging (the collected data could and will be cross-shared with CSDb later, if it ever introduces the tag functionality)
- ripping graphics from various releases
- suggestions, ideas always more than welcome! |
|
... 60 posts hidden. Click here to view all posts....
|
| |
Kabuto
Account closed
Registered: Sep 2004
Posts: 58 |
You don't need the zoomed pics at all, the browser can do that too. Replace the "mousemove" function with the following code:
// same image for zoomed version
$('.zoom').css('background-image', "url(" + $('.image').attr('src') + ")");
// CSS defs for pixelated look (partially non-standard)
$('.zoom').css('background-color', 'black');
$('.zoom').css('background-repeat', 'no-repeat');
$('.zoom').css('image-rendering', '-moz-crisp-edges');
$('.zoom').css('image-rendering', '-o-crisp-edges');
$('.zoom').css('image-rendering', '-webkit-optimize-contrast');
$('.zoom').css('image-rendering', 'crisp-edges');
$('.zoom').css('-ms-interpolation-mode', 'nearest-neighbor');
$('.image_container').mousemove(function(event) {
$('.zoom').show();
var x = event.pageX - $('.image').offset().left;
var y = event.pageY - $('.image').offset().top;
var zoom = 5;
var bgposition = ' ' + (150-x*zoom) + 'px ' + (150-y*zoom) + 'px';
$('.zoom').css('top', (y+55));
$('.zoom').css('left', (x+55));
$('.zoom').css('background-size', $('.image').width()*zoom + "px " + $('.image').height()*zoom + "px" );
$('.zoom').css('background-position', bgposition);
}); |
| |
chatGPZ
Registered: Dec 2001
Posts: 11350 |
and that will work in which browsers exactly? =P |
| |
jailbird
Registered: Dec 2001
Posts: 1578 |
@Kabuto: unfortunately, looks blurred under WebKit (the main reason why I avoided any CSS-based zoom solutions) and also slows down the function in Firefox (or at least on my computer, which is an ancient, thus quite slow Dell laptop).
http://www.thepixellingcow.com/release-8215-the-magicians-hat/k.. |
| |
Kabuto
Account closed
Registered: Sep 2004
Posts: 58 |
Jailbird/Groepaz: yep, I did not check Chrome, should have done so :|
Jailbird: I meant my code to be a replacement for the whole function, not just for the function's body. But since it's out of question due to chrome's blurriness it doesn't really matter anyway.
Canvas might do the trick but I bet it'll slow down too much on some devices.
Though you might want to save the pre-zoomed pictures as PNG instead of JPG as that makes them way smaller. |
| |
jailbird
Registered: Dec 2001
Posts: 1578 |
Quoting KabutoJailbird: I meant my code to be a replacement for the whole function, not just for the function's body.
Sorry, a bit tired here :/
Quote:Though you might want to save the pre-zoomed pictures as PNG instead of JPG as that makes them way smaller.
Indeed! I don't even know what was I hoping for with using JPGs... They're now replaced by PNGs. Not just smaller, crispier too! Thanks! |
| |
Jok
Registered: Apr 2009
Posts: 11 |
would be nice to have "next page" button for "Latest additions" |
| |
jailbird
Registered: Dec 2001
Posts: 1578 |
Quote: would be nice to have "next page" button for "Latest additions"
Releases are currently sorted by release date, so if you browse all releases, that may be something similar. But I'll add different sorting options a bit later.
http://www.thepixellingcow.com/releases-1-all |
| |
Kabuto
Account closed
Registered: Sep 2004
Posts: 58 |
Jailbird: oh nice, crispy images :)
This is probably over the top, but if you convert the zoomed pictures to palettized they compress even better (only if the picture does not contain more than 256 colors to start with) ;) |
| |
jailbird
Registered: Dec 2001
Posts: 1578 |
Tags are now introduced, although the advanced search of tags (multiple tags combined with other filters) is not yet done fully (I'll probably finish it during this week). I'll populate as much data as possible myself, but in case someone feels like helping me out, PM me for a mod account :)
An example: http://www.thepixellingcow.com/releases-1310-female/0
Edit: plus I just added the Logo filter (also has to be populated). Yeeehaw!
http://www.thepixellingcow.com/releases-1326-1/0
Also forgot to mention that almost everything is heavily cached, so in case there are weird/unexpected results, it's due to that. The cache is currently flushed once per day.
Quoting KabutoThis is probably over the top, but if you convert the zoomed pictures to palettized they compress even better (only if the picture does not contain more than 256 colors to start with) ;)
Another good idea, I'll look into it :) |
| |
Shine
Registered: Jul 2012
Posts: 346 |
Really sad, that this cool project don't progress since some months! :(
I hope, that in near future this gets some needed update! ;) |
| Previous - 1 | 2 | 3 | 4 | 5 | 6 | 7 - Next |
