CORS

README.md

@@ -2,4 +2,14 @@
 
 This is just a fun little project, that turns any picture into a histogram.
 
-It uses WebGL to animate particles, so it should work relatively fast.
+You can drop your images directly onto the website, and it will work in
+"screensaver" mode, automatically playing images.
+
+All computations happen in your browser, and images are never uploaded anywhere.
+
+You can also paste images directly from the clipboard.
+
+Note: Due to security restrictions, we can play only CORS-enabled images.
+
+Images from imgur.com or wikipedia can be animated, while images from pinterest
+cannot.

deploy.sh

@@ -0,0 +1,11 @@
+#!/bin/sh
+rm -rf ./dist
+npm run build
+cd ./dist
+git init
+git add .
+git commit -m 'push to gh-pages'
+git push --force git@github.com:anvaka/pixchart.git master:gh-pages
+cd ../
+git tag `date "+release-%Y%m%d%H%M%S"`
+git push --tags

src/pixchart/index.js

@@ -225,8 +225,8 @@ function pixChart(imageLink, options) {
     frameChangeRate = (maxFrameSpan - minFrameSpan)/framesCount;
 
     particleAttributesBuffer = glUtils.createBuffer(gl, particles.particleAttributes);
-    gl.enable(gl.BLEND);
-    gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
+    // gl.enable(gl.BLEND);
+    // gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
   
     gl.useProgram(screenProgram.program);