HTML5 知识库
使用HTML5+Canvas,实现 流光溢彩的TV 效果
阅读:560次
评论:9条
更新时间:2011-09-15
Sergey Chikuyonok 使用HTML5+Canvas,创建出了一个流光溢彩的 TV 效果。
重要实现代码如下:
function getMidColors(side) { var w = buffer.width, h = buffer.height, lamps = getOption('lamps'), block_width = getOption('block_size'), block_height = Math.ceil(h / lamps), pxl = block_width * block_height * 4, result = [], img_data = buffer_ctx.getImageData(side == 'right' ? w - block_width : 0, 0, block_width, h), total_pixels = img_data.data.length; for (var i = 0; i <lamps; i++) { var from = i * w * block_width; result.push( calcMidColor(img_data.data, i * pxl, Math.min((i + 1) * pxl, total_pixels - 1)) ); } return result; }
点击查看:http://chikuyonok.ru/ambilight/
9 楼 babashengri 2011-08-10 16:38
8 楼 java032 2010-04-08 15:00
遨游 360 IE 都不行
7 楼 liweixw 2010-03-17 22:13
6 楼 hepeng19861212 2010-03-17 12:40
CPU:AMD Athlon 64 processor 3000+
内存:1G
cpu 100%,播放好卡~~~~
5 楼 nail2008 2010-03-17 09:59
4 楼 wkkyo 2010-03-17 09:09
3 楼 wiwiluo 2010-03-17 08:37
IE还不支持HTML5
2 楼 yuriyan 2010-03-16 20:03
1 楼 CherryRemind 2010-03-16 17:27