New #opticalillusion dweets

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*300,400,50,200) // draw 50x200 rects

} // 122/140

Please log in (or register) to post a dweet (copy-paste the code somewhere safe to save it meanwhile)


    u(t) is called 60 times per second.
    t: Elapsed time in seconds.
    S: Shorthand for Math.sin.
    C: Shorthand for Math.cos.
    T: Shorthand for Math.tan.
    R: Function that generates rgba-strings, usage ex.: R(255, 255, 255, 0.5)
    c: A 1920x1080 canvas.
    x: A 2D context for that canvas.

Try the new frontend: beta.dwitter.net
Current theme challenge: #Opposites

show FPS hide FPS share 1 remix fullscreen

DataMeta

remix of d/15839 by u/DataMeta

function u(t) {

s=C(t);c.style.background=R(g=s*255,g,g);if(t<3)for(i=1920;i--;)
x.fillStyle=R(l=i/7.5,l,l),x.fillRect(t*s>=0?1918-i:i,540-g,4,4)

Sep 29 2019 4:55 AM UTC

}// 129/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

#gradient #illusion

u/katkip

nice
u/iverjo

#opticalillusion

show FPS hide FPS share 1 remix fullscreen

DataMeta

function u(t) {

c.style.background=R(g=S(t*1.5)*255,g,g);if(t<3)for(i=1920;i--;)
x.fillStyle=R(l=i/7.5,l,l),x.fillRect(i,540-C(t)*i/5,13,13)

Sep 28 2019 4:17 PM UTC

}// 124/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Had this laying around. Demonstrates the #illusion in d/15823. The triangle's #gradient remains unchanged.

u/DataMeta

The center of the base of the triangle doesn't exhibit the illusion strongly since there is a constant reference color near it and it is far from the changing background.
u/iverjo

#opticalillusion

show FPS hide FPS share fullscreen

rodrigo.siqueira

function u(t) {

x.fillStyle='gray';x.fillRect(250,440,1420,200)
x.fillStyle=R(t*70,t*70,t*70)
x.fillRect(t*510,0,9,1080)

Sep 27 2019 2:25 PM UTC

}// 104/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Illusory gradient grayscale ("Simultaneous Contrast Illusion"). The bar in the middle is a CONSTANT SHADE of gray. Viewing two colors at the same time influences both of their appearances. #gradient #illusion

u/iverjo

#opticalillusion

show FPS hide FPS share 2 remixes fullscreen

mildlybean

function u(t) {

for(i=c.width+=0;i-=10;)for(j=1080;j-=10;)x.fillRect(i+t+C(t),j+t,9,9)

Sep 9 2019 7:33 PM UTC

}// 70/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

I can't be the first person to do this

u/0x04

There is always a first time 😏
u/lionleaf

#grid Works a whole lot better in fullscreen :) Without fullscreen I'm getting aliasing effects
u/metamero

#moire #opticalillusion

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/15127 by u/veubeke

function u(t) {

c.width|=0;x.font='9em"';['🌾','🐄','🥩','🍔','💩'].map((C,j)=>{for(i=12;i--;)X=((i+t)%12)-6,x.fillText(C,900-(1-2*(j%2))*X*192,160+220*j)})

Jul 24 2019 1:37 PM UTC

}// 135/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/donbright

vegetarian version would be a lot less rows
u/veubeke

:D
u/iverjo

It's the ciiiircle of liiiiiiiife, and it moves us aaaaall
u/joeytwiddle

lol iverjo
u/joeytwiddle

Do the two rows moving right look faster than the three rows moving left? #opticalillusion

show FPS hide FPS share 1 remix fullscreen

katkip

function u(t) {

q=4;for(i=212;i--;)x.beginPath(),x.fillStyle=['#DD1',R(),"#06D","#fff"][i%4],x.arc(260+C(i*q)*i+(t|0)*600,540+S(i*q)*i*2,i,0,7),x.fill();

Jun 16 2019 7:28 AM UTC

}// 137/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Move your eyes randomly to see them move #opticalillusion #illusion

u/joeytwiddle

I was not here

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/14618 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𩠽𩡲𨑭𩐻𭱩𭁨𚁸𚑦𫱲𚁢𩑧𪑮𤁡𭁨𚁦𪑬𫁓𭁹𫁥🐢𘱃𠱃𘠩𛁦𪑬𫀨𨑲𨰨𩠪𜠷𜀭𝠵𞐬𝐴𜀫𜰵𜀪𤰨𩠪𜐮𝠩𛀱𜰰𛀰𛀷𚐩𛁩🐹𞐻𪐭𛐻𭀦𙡩𙐳𘐽𩠥𜱼𯁦𪑬𫁒𩑣𭀨𩠪𜠷𜀭𞀰𜀬𪐪𜐶𛁴🰴𞀰𞠴𩐳𛀱𝠩𚑦𪑬𫁓𭁹𫁥👩𙐳🱩𙐳🐽𜐿𘠣𜀰𡠢𞠢𘰰𡠰𘠺𘠣𡠰𜀢`.replace(/u../g,'')))

Jun 15 2019 7:07 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

3 Color Munker Illusion ~ All circles are same shade of grey #OpticalIllusion

u/joeytwiddle

fillStyle='#'+'00F00'.substr(i%3,3) although substr is deprecated
u/joeytwiddle

I think this one works better than the one on Twitter!
u/katkip

#illusion

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`昽晲慭攻睩瑨⡸⥦潲⡢敧楮偡瑨⡦楬汓瑹汥㴢⌹㤹∩ⱦ楬氨慲挨昪㐸〭㜱㤬㘴〫㐳〪匨昪昩ⰲ㄰ⰰⰷ⤩Ⱪ㴹㤻椭ⴻ琦♩┲㴽春㉼籦楬汒散琨昪㐸〭㤶〬椪ㄹⱴ㼴㠰㨴攳ⰹ⤩晩汬却祬攽椦ㄿ∣〰䘢㨢⍆〰∻`.replace(/u(..)/g,"$1%")))

Jun 15 2019 3:53 PM UTC

}// 137/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

All these balls are grey! #OpticalIllusion

u/KilledByAPixel

Apparently this is called a 2 color confetti illusion with circles
u/DataMeta

#hiddengem
u/KilledByAPixel

#illusion

show FPS hide FPS share fullscreen

katkip

remix of d/14466 by u/katkip

function u(t) {

x.fillRect((t*999)%3840-1920,0,c.width=1920,2e3);for(i=9;i--;)x[frame%.4<.2?'fillRect':'clearRect'](400+i*100+S(t)*300,400,50,20+200)

Jun 6 2019 2:27 PM UTC

}// 133/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

That #default #opticalillusion #illusion #transition

u/metamero

what is the optical illusion on this?? oh, i see, it's the illusion that is cool to flood dwitter hashtags with random stuff
u/13thptr

I didn't look at the code but the default bars look kinda grey at some point

show FPS hide FPS share fullscreen

metamero

remix of d/14453 by u/metamero

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱮𭀽𘠳𜠰𬁸𘁁𬡩𨑬𘁂𫁡𨱫𘠬𩡩𫁬𤱴𮑬𩐽𚁩👦𬡡𫑥𛐱𚐿𪐾𜰿𘠣𜁆𡠢𞠢𘰰𜀰𘠺𘠣𜀰𡠢𛁩𙠦𪐼𝀿𪑞𜰿𩡩𫁬𥁥𮁴𚁩𧠱🰢𩱲𩑥𫠢𞠢𪑬𫁵𬱯𬡹𘠬𞐹𛁩𚠴𜠰𚐺𬡯𭁡𭁥𚀮𝰸𝐩𞡦𪑬𫁒𩑣𭀨𪐪𜠳𛐹𞐬𛐲𩐳𛁩🰱𜰺𜡥𜰬𝁥𜰩𞱯𫡣𫁩𨱫👲𩑳𩑴`.replace(/u../g,'')))

Jun 6 2019 1:28 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

animated version of d/14453 click to reset

u/metamero

#illusion #opticalillusion behind the scenes ;)
u/DataMeta

#hiddengem

dwitter.net | #opticalillusion