TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

True 8-bit Color Cycling with HTML5

237 点作者 zeppelin_7大约 13 年前

20 条评论

ajross大约 13 年前
It's a nit, but this demo is "true" color cycling only in the sense of "faked" color cycling. The original hack used a series of color cells in the pallet to represent the object that was "moving", then updated the pallet (and <i>only</i> the palette) per-frame to effect the animation.<p>An HTML canvas has no palette. And in fact, for didactic emphasis, I just tried this on my phone -- where it works -- that has no color palette hardware at all. This code can only do what it does by doing what the original did not: modifying all the changed pixels every frame. It's emulating the original hack, not duplicating it.
评论 #3890912 未加载
评论 #3891104 未加载
sehugg大约 13 年前
I think pixel art looks awesome even in 2012. What do modern developers/artists think about its future, given that high-DPI displays may become the norm? Will there be 264 DPI pixel art?
评论 #3891518 未加载
评论 #3892872 未加载
评论 #3893460 未加载
ge0rg大约 13 年前
<a href="http://www.effectgames.com/effect/article.psp.html/joe/Old_School_Color_Cycling_with_HTML5" rel="nofollow">http://www.effectgames.com/effect/article.psp.html/joe/Old_S...</a> is the article describing this amazing hack of the limited graphics hardware of the early 90ies.
评论 #3891474 未加载
评论 #3890597 未加载
heywire大约 13 年前
The 8-bit dithered look brings back some great video game memories of my childhood. I really enjoy this type of artwork...
jonah大约 13 年前
Ian Gilman worked on the original and has a writeup about it here: <a href="http://iangilman.com/software/seizetheday.php" rel="nofollow">http://iangilman.com/software/seizetheday.php</a><p>Hopefully he'll jump in and comment.
评论 #3897732 未加载
TazeTSchnitzel大约 13 年前
Blog post:<p><a href="http://www.effectgames.com/effect/article.psp.html/joe/Old_School_Color_Cycling_with_HTML5" rel="nofollow">http://www.effectgames.com/effect/article.psp.html/joe/Old_S...</a><p>FAQ with artist (quite fascinating):<p><a href="http://www.effectgames.com/effect/article.psp.html/joe/Q_A_with_Mark_J_Ferrari" rel="nofollow">http://www.effectgames.com/effect/article.psp.html/joe/Q_A_w...</a>
joss82大约 13 年前
Please, Mark Ferrarri, find a coder and start a project on kickstarter.<p>I would love to play a game with these artworks!
评论 #3891070 未加载
评论 #3891113 未加载
评论 #3891258 未加载
Joeboy大约 13 年前
If you think this is a clever hack, you also might be interested about the way programmers of 8-bit '80s machines used to increase the number of colours they could display at a time. My first computer, the ZX spectrum, had video memory that was laid out in such a way that you could only assign two colours to any 8x8 pixel block. However by changing the colours of that square in sync with the TV raster signal, you could get it to display 8 miraculous stripy colours in the same block. You could use a similar technique to get stripes in the theoretically one-colour border. I think some people even managed to do these things and still have time for some semblance of a game, which is fairly impressive on a 3.5MHz machine.
protopete大约 13 年前
The article[1] linked from the demo mentions an optimization that the image is preprocessed so that the javascript code only updates the pixels that are cycling. I wonder how another method would compare - modify the palette table in the PNG or GIF in Javascript, then redecode the image for each animation frame using the browser's decoder (native code).<p>1. <a href="http://www.effectgames.com/effect/article.psp.html/joe/Old_School_Color_Cycling_with_HTML5" rel="nofollow">http://www.effectgames.com/effect/article.psp.html/joe/Old_S...</a>
tlrobinson大约 13 年前
This is awesome.<p>I turned it into an OS X screensaver using <a href="https://github.com/tlrobinson/WebSaver" rel="nofollow">https://github.com/tlrobinson/WebSaver</a>
primigenus大约 13 年前
The guys at Effect Games were actually making a pretty kickass javascript game engine in basic non-HTML5 HTML, using all kinds of Flash hacks to get sound and other advanced stuff working... until libraries like impact.js came out and browsers made a jump forward to support canvas and HTML5 better.<p>So they shut it down and started a game development company: <a href="http://www.goldcartridge.com/" rel="nofollow">http://www.goldcartridge.com/</a><p>I wonder what they're up to?
评论 #3891385 未加载
评论 #3891370 未加载
aidenn0大约 13 年前
Okay now I need to see if my Deluxe Paint II floppies still work
评论 #3891739 未加载
manuscreationis大约 13 年前
I would give anything to be able to draw this well...<p>Pretty cool demos
评论 #3890457 未加载
joejohnson大约 13 年前
Every time I see a color-cycling example, it's this pretty waterfall picture. Does anyone know what game it was originally from?
评论 #3890966 未加载
评论 #3890894 未加载
评论 #3891927 未加载
jebblue大约 13 年前
It's pretty to look at, using Ubuntu 64 bit and nVidia 6800 here. It used about 60% to 80% CPU time. It reminds me of palette animations in games like King's Quest series from the 1980's.
aidos大约 13 年前
Does anyone know how you go about creating the images? Do you create a static image and then figure out how to animate it? Is it software assisted?
评论 #3890755 未加载
评论 #3890769 未加载
tome大约 13 年前
These are beautiful! Are they from an actual game?<p>(Also for me the Standard cycle mode is very jerky, but Blend is smooth).
评论 #3891000 未加载
gdonelli大约 13 年前
Very cool, now could anyone recommend a good read about this technique and how it is/was used?
dasht大约 13 年前
What ever become of "Doug's Math Aquarium"?
tferris大约 13 年前
Back to the 80ies