相信很多网友都还记得去年CSDN报道过同样是1KB JavaScript代码所编写的3D玫瑰,或者2010年的3D圣诞树。细心的网友可能注意到了,这两个神奇的作品都是以为西班牙开发者Román Cortés在JS1K大赛上的投稿作品,今年他又带来了同样神奇的3D蜜蜂——长着触角、系着领带。
左、右分别是做过动作模糊化处理前、后的样子 由于JS1K规则限制,该作品仅支持Firefox 18、Chrome 24以及Opera 12、13。如果你已安装以上浏览器,可以选择观看线上演示。 该作品的实现使用到了很多算法和渲染技术,作者在自己的博客上详细地解释了其技术原理。源代码如下(经过压缩): 1 | _= "G=[V,j=WV,-j]];jX=83,(+3+KD37Uji&32?70:,-80Y2]b=a[j]=c.cloneNode(LEb.getContext('2d'bAb;x=8# 8-x,6+x(j<17X7;>j*4&15)sin(i(function(b#){F0])*--;)F1] StylE'hsla('+[for(`,j+y,Math.iG.push([),_drawImage(a[270+'%',.fill(j&15K(y=))/8`/2,y501660j/.height=1]+')',i(.5+.5#,e$,1@30+A.width=B*(10*Di/Ee=Fb[HRect(JveTo(Yi*Li=O);Qe3UPI*V[0W],X+Y-KZi^_a.`+x+" ; for (Y=0;$= "`_^ZYXWVUQOLKJHFEDBA@$# " [Y++];) with (_.split($))_=join(pop());eval(_)
|
作者博客地址 http://www.romancortes.com/blog/ |