New #illusion 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 fullscreen

rep_movsd

function u(t) {

eval(unescape(escape`𦠽𭀯𝐫𞑼𜀊𭱩𭁨𚁸𚑻𩡩𫁬𤱴𮑬𩐽𙰣𝐸𩠧𛁦𪑬𫁒𩑣𭀨𜀬𜀬𥰽𜡥𜰬𥰩𛁴𚠽𞐬𩡯𫡴🐧𜱥𫐢𙰬𠐽𠠽🡻𩡩𫁬𤱴𮑬𩐽𤠨𢰽𠰨𭀭🐲𚐪𜐲𝰫𜐲𝰬𢰬𢰩𞱦𪑬𫁔𩑸𭀨𙱜𭑄𞀳𠱜𭑄𡠲𜠧𛁩𚠪𦠥𥰬𪐪𚠷𙑗𛑂𚑽𒡦𫱲𚁩🐹𞐻𪐭𛐻𚑁𚀭𜰩𛁁𚀳𚐬𠐨𜀩𯐊`.replace(/u../g,'')))

Jul 11 2021 10:33 PM UTC

}// 137/140

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

Raindrops #Illusion

u/rep_movsd

Based on https://twitter.com/jagarikin/status/1413091…

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

with(x)for(save(restore(t|=0)),fillStyle=R(t%2*T,i=T=2e3,!t*T),t&&beginPath(clip(arc(640+25**t,540,440,0,9)));i--;)fillRect(i*18+t*9,0,9,T)

Jun 16 2021 4:39 AM UTC

}// 139/140

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

Real Yellow vs Fake Yellow 🟡 #illusion

u/KilledByAPixel

inspired by https://twitter.com/AkiyoshiKitaoka/status/1…

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`󭽩󭍨󚍸󚝦󫽲󚍫󟝙󟜵󝌰󞽫󛜭󞽢󩝧󪝮󤍡󭍨󚍦󪝬󫌨󚜩󚝩󟝫󙜲󛍭󫽶󩝔󫼨󦌽󝜱󜌫󪜪󞜰󜌬󦜩󛍡󬭣󚍘󛍙󛍛󜼰󛌳󜜬󝌹󛌵󜌬󦝝󦽪󟝫󛼹󝍼󜍝󚬸󛍰󟝫󛼱󝜬󪬿󬌫󛬲󞬹󚜬󩭩󫍬󤽴󮝬󩜽󨍨󬽬󚌤󮼨󪬭󜜩󚭓󚍴󛼲󚜪󜼰󚼳󛬸󚭫󚽴󚬳󝬰󚬨󪜪󜬭󜜩󯜠󙍻󪬭󝌦󪬪󦝽󙜵󜌥󨌻`.replace(/u../g,'')))

Jun 16 2021 3:04 AM UTC

}// 139/140

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

Growing/Shrinking Wheel Illusion

u/KilledByAPixel

inspired by @jagarikin #illusion
u/tomxor

O_o
u/rep_movsd

For some reason it looks like one comes forward and another goes back
u/KilledByAPixel

Yes, that is the illusion! It swaps between which one is forward or back

show FPS hide FPS share fullscreen

clavigne

function u(t) {

m=t*(c.height=a=1120)/20;w=h=12;
for(n=1;n<120;n++){
 for(i=1;i<10;i++){s=n*S(i)+t/3;
x.fillRect(a*(C(s)**3+1.5)/2,(m+n*w)%a-30,w*S(s),h)
}}

Apr 18 2021 11:32 PM UTC

}// 140/140

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

u/donbright

really nice and calm
u/Xen

#illusion which way does it spin?

show FPS hide FPS share fullscreen

ciaccodavide

remix of d/21446 by u/ciaccodavide

function u(t) {

f=(i,j=i%1,k=~~i,m=j*j*(3-2*j))=>S(k*k)*m---m*S(--k*k)
c.width|=0
for(Y=126;Y-=9;)for(i=2e3;i--;)x.fillRect(i,Y*9-81,f(i/32+S(Y+t/2)*Y),81)

Jan 25 2021 6:56 PM UTC

}// 139/140

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

Noise bands with bending lines #illusion

show FPS hide FPS share fullscreen

pavel

remix of d/20901 by u/pavel

function u(t) {

for(i=c.width|=p=g=>(g(0)?k&3:k/4)*200+130*g(.8+(~~k+k/4&1||-1)*(i%120*41/13+5*t));k=--i/120;)x.fillRect(560+p(S),240+p(C),9,9)

Dec 4 2020 9:12 PM UTC

}// 127/140

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

Moving #illusion

u/pavel

Discovered this randomly when golfing the original. Not sure why it happens.
u/danny@hille.dk

cool effect: the "feature" is caused by not truncating k=--i/120 -> k=--i/120|0 disables this feature :-)
u/KilledByAPixel

👍
u/danny@hille.dk

better solution: for(i=c.width|=p=g=>(g(0)?k&3:~~k/4)*200+150*g((k&1||-1)*(i%120*41/13+5*t));k=--i/120;)x.fillRect(560+p(S),240+p(C),9,9)

show FPS hide FPS share fullscreen

ciaccodavide

remix of d/20865 by u/ciaccodavide

function u(t) {

for(c.width|=i=192;i--;)x[s='fillStyle']=`hsl(0,0%,${i*.6}%`,x.fillRect(i*10,0,192,2e3)
x[s]=`grey`
x.arc(960+S(t)*500,540,400,0,7)
x.fill()

Nov 30 2020 11:59 AM UTC

}// 140/140

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

Same Grey Circle

u/ciaccodavide

#illusion
u/DataMeta

fun. we explored this #opticalillusion differently :) d/15843 #gradient
u/joeytwiddle

To add a second ball: x.arc(960-S(t)*500,540,300,0,7)

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

remix of d/20864 by u/ciaccodavide

function u(t) {

for(i=192;i--;)x.fillStyle=`hsl(0,0%,${i*.6}%)`,x.fillRect(i*10,0,192,2e3)
x.fillStyle=`grey`
x.arc(960,540,400,0,7)
x.fill()

Nov 30 2020 11:56 AM UTC

}// 125/140

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

Spheric Illusion

u/ciaccodavide

#illusion

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

remix of d/20863 by u/ciaccodavide

function u(t) {

for(i=192;i--;)x.fillStyle=`hsl(0,0%,${i*.6}%)`,x.fillRect(i*10,0,192,2e3)
x.fillStyle=`grey`
x.fillRect(0,440,1920,200)

Nov 30 2020 11:55 AM UTC

}// 120/140

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

There is only one gradient

u/ciaccodavide

#illusion

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

function u(t) {

for(i=192;i--;)x.fillStyle=`hsl(0,0%,${i*.6}%)`,x.fillRect(i*10,0,192,2e3)
x.fillStyle=`grey`
x.fillRect(860+S(t)*860,440,200,200)

Nov 30 2020 11:51 AM UTC

}// 130/140

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

Changing color opotical illusion

u/ciaccodavide

#illusion

dwitter.net | #illusion