티바이트


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




신고

 


댓글을 다는 공간입니다. (로그인하지 않아도 댓글을 남길 수 있습니다.)



게시판 목록은 좌측상단에 있습니다.

Statistics Graph