文件名称:canvasHax:对画布进行哈希处理html500
文件大小:6.47MB
文件格式:ZIP
更新时间:2024-06-05 20:33:25
JavaScript
抽象图像播放器 一个Javascript艺术应用。 您可以,也可以签出这个使用代码将节点机器人。 TODO:像素模式。 运行它:0.在imagePlayer.js 0的第28行上将“ / canvasHax / images /”更改为“ / images /”。npm安装0。grunt concat0。grunt uglify:js0。grunt cssmin:css imagePlayerUI j向播放器及其模式查询dom UI。 imageSaver处理保存事件 imagePlayer加载图像,获取其像素并启动一个间隔,该间隔将像素传递到用于渲染每转的一种模式。 每个模式都将其画布的ctx,宽度和高度作为其构造函数参数,并且还具有playLoop函数,该函数获取像素并绘制到画布上。 除此之外,每种模式都决定绘制不同的内容,并使某些参数对用户开放。 pixel和pixel
【文件预览】:
canvasHax-gh-pages
----all.css(337B)
----vendor()
--------Animated_GIF.worker.js(24KB)
--------FileSaver.js(7KB)
--------jquery-1.10.2.min.js(91KB)
--------canvas-toBlob.js(3KB)
--------Animated_GIF.js(38KB)
----images()
--------8.jpg(284KB)
--------15.jpg(402KB)
--------14.jpg(293KB)
--------2.jpg(169KB)
--------1.jpg(390KB)
--------6.jpg(259KB)
--------3.jpg(303KB)
--------5.jpg(410KB)
--------19.jpg(328KB)
--------11.jpg(268KB)
--------4.jpg(245KB)
--------10.jpg(300KB)
--------17.jpg(356KB)
--------18.jpg(273KB)
--------13.jpg(152KB)
--------16.jpg(316KB)
--------12.jpg(144KB)
--------9.jpg(361KB)
--------20.jpg(336KB)
--------7.jpg(270KB)
----package.json(316B)
----javascripts()
--------pixelArray.js(2KB)
--------shapeMode.js(3KB)
--------imagePlayerUI.js(3KB)
--------imagePlayer.js(2KB)
--------walkerMode.js(1KB)
--------imageSaver.js(1KB)
--------pixel.js(557B)
--------slitMode.js(3KB)
--------hacks.js(458B)
--------randomWalker.js(2KB)
----index.html(4KB)
----Gruntfile.js(1KB)
----params.json(2KB)
----stylesheets()
--------imagePlayer.css(337B)
----.gitignore(14B)
----all.min.css(260B)
----example.gif(763KB)
----all.js(11KB)
----README.md(1KB)