xor연산자를 사용하여 Javascript로 canvas에 간단한 패턴 이미지를 그려보았다.
for(var i=0; i<height; i++) { for(var j=0; j<width; j++) { pixels[i*width + j] = (i^j)%256; } } |
xor연산자 대신 atan2()함수를 사용한 결과
for(var i=0; i<height; i++) { for(var j=0; j<width; j++) { var dist = getDist(j-width/2, i-height/2); //거리 var dir = getDir(j-width/2, i-height/2); //각도 pixels[i*width + j] = (256-dist)/(dir/96); } } |
전체 소스코드 : https://github.com/tibyte/visual/tree/master/xor