HTML5资讯

当前位置: HTML5技术网 > HTML5资讯 > 1KB JavaScript代码编写的3D蜜蜂

1KB JavaScript代码编写的3D蜜蜂

         相信很多网友都还记得去年报道过同样是1KB JavaScript代码所编写的3D玫瑰,或者2010年的3D圣诞树。细心的网友可能注意到了,这两个神奇的作品都是以为西班牙开发者Román Cortés在JS1K大赛上的投稿作品,今年他又带来了同样神奇的3D蜜蜂——长着触角、系着领带。



左、右分别是做过动作模糊化处理前、后的样子

         由于JS1K规则限制,该作品仅支持Firefox 18、Chrome 24以及Opera 12、13。如果你已安装以上浏览器,可以选择观看线上演示。

         该作品的实现使用到了很多算法和渲染技术,作者在自己的博客上详细地解释了其技术原理。源代码如下(经过压缩):


_="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(_)



【1KB JavaScript代码编写的3D蜜蜂】相关文章

1. 1KB JavaScript代码编写的3D蜜蜂

2. 1Kb 大小的 JavaScript 的 MVP 框架

3. 编写快速、高效的JavaScript代码

4. 如果让莎士比亚、海明威编写JavaScript代码

5. JScrambler:保护你的JavaScript代码

6. 9个最好用的JavaScript开发工具和代码编辑器

7. CodeMirror:基于JavaScript的代码编辑器

8. Duetto:更快更智能的C++/JavaScript代码转换器

9. 20行Javascript代码写出页面模板引擎

10. JavaScript为HTML 5提供的3D加速渲染

本文来源:https://www.51html5.com/a3200.html

点击展开全部

﹝1KB JavaScript代码编写的3D蜜蜂﹞相关内容

「1KB JavaScript代码编写的3D蜜蜂」相关专题

其它栏目

也许您还喜欢