Top #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

jylikangas

function u(t) {

for(X=c.width=450;X--;x[f](X%50*5+t%23*9,0,3,X))x[f='fillRect'](X-X%5*25,99+S(X*5)*5-(h=9*S(X%64/16))+(X>>6)*25%50,1,h*2)&x[f](X*2,50+h,9,1)

Mar 17 2018 8:47 AM UTC

}// 140/140

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

Scanimation Fish

Show more comments…
u/Lynext

Genius!
u/magna

If some technique exists, there's a dweet version of it.
u/sigveseb

this is so impressive :)
u/sigveseb

https://www.youtube.com/watch?v=LCIsIfEOEI8 some more inspiration for other dweets perhaps!
u/iverjo

#fish
u/aleamb

#scanimation
u/pythech

blew my brains out
u/rep_movsd

#illusion
u/rep_movsd

#underrated
u/vain

this blow me away! How...? O.o

show FPS hide FPS share fullscreen

yonatan

function u(t) {

a='fillRect'
b='clearRect'
n=C(t/2)>0
x[n?b:a](0,0,2e3,2e3)
for(i=9;i--;x[n?a:b](960+(i-4-n/2)*d,540-d,d/2,d*2))d=330-C(t)*220

Oct 11 2018 9:19 AM UTC

}// 126/140

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

#default

Show more comments…
u/katkip

this
u/katkip

is one
u/katkip

of the best defaults
u/katkip

I have ever seen
u/katkip

#illusion
u/magna

Dave would be proud.
u/joeytwiddle

#infinite #loop

show FPS hide FPS share fullscreen

pavel

function u(t) {

with(x)for(i=4;i--;fill())for(beginPath(j=4),fillStyle=i?R(a=128+50*S(~i%3+13*t),a,a):'#868';a=j--/.64;)arc(960,536-~i%3*5,i<3?300:3e3,a,a)

Jun 6 2019 4:36 AM UTC

}// 139/140

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

The Perpetual Diamond #illusion

Show more comments…
u/pavel

Contrast Reversals Along Thin Edges Create the Appearance of Motion in Objects
u/pavel

https://doi.org/10.1177/2041669518815708
u/katkip

Wow
u/metamero

beautiful!!! #opticalillusion
u/SMON

It's grest but cannot hold a candle to some of your other works. :)
u/agshapiro

love it!

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`󩭯󬬨󮌮󩭩󫍬󤭥󨽴󚌰󛌰󛍩󟜵󩜳󛍆󟜲󩜳󚜻󪜭󛜻󮌮󨽬󩝡󬭒󩝣󭌨󦌽󪜪󚬳󛬱󙝆󛌨󪜫󭌪󚌸󜜳󚽩󙜲󞜹󚜩󙝆󛜨󬜦󚍚󟝘󛼹󞜭󜜲󚜾󜬦󦬼󜼿󜜸󞭩󙜸󟌷󙬨󮬽󦬪󦬩󟌴󜌿󜜸󛝺󚬪󛬵󛼲󞭱󙭚󟬭󜜰󙭚󟌱󟼱󜼺󜌩󚬹󞜬󪬽󪜥󝌫󜜬󪬩󚝱󟝩󙜹󟌸󒭸󛭦󪝬󫍓󭍹󫍥󟜧󘼰󜌱󜬧`.replace(/u../g,'')))

Apr 19 2022 12:15 AM UTC

}// 138/140

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

Demake of Endless Rain by JulienLabat https://www.fxhash.xyz/generative/11115 #fxhash

u/Joachim

Amazing #illusion
u/neimad

Is fxhash.xyz a joke?
u/CaptainMeat3

how is this compressed text generated
u/KilledByAPixel

you can use this dweet to compress other dweets :) https://www.dwitter.net/d/23092

show FPS hide FPS share fullscreen

femto113

function u(t) {

c.width=1920
X=960,Y=540,P=Math.PI,N=t/P%32,p=P/N
for(i=0;i<P;i+=p)x.fillRect(X+Y*(S(i+P)-S(i))/2*S(t+i),Y+Y*(C(i+P)-C(i))/2*S(t+i),19,19)

Nov 14 2020 8:31 AM UTC

}// 138/140

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

linear motion rolling circle illusion

u/katkip

#illusion
u/DataMeta

nicely done
u/pavel

If you delete c.width=1920 you can see only the first dot move linearly
u/femto113

curves are a side effect of changing N with t, if you use a fixed value like N=16 you get straight lines

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

ETHproductions

function u(t) {

eval(unescape(escape`景爨挮睩摴栦㵩㴭ㄷ㭩⬫㰱㌻⥦潲⡪㴭ㄷ㭪⬫㰱㌻砮晩汬剥捴⠨ㄵ⭱⨨樭椩⤪㘴⭓⡴⨴⤪搬⠱㔫焪⡩⭪⤩⨴〫䌨琪㐩⩤ⰹⰹ⤩娽椾〦樾〿〺樼椿樺椬堽樭娬夽椭娬焽⴨堼㔦夼㔦ⵚ㰵⥼ㄬ搽焪㐪⡘⭙ⵚⴶ⤫㈴`.replace(/u(..)/g,"$1%")))

Dec 7 2018 7:08 PM UTC

}// 138/140

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

#cube in a corner

u/ETHproductions

Based on a tweet which I've just realized is *not* by beesandbombs: https://twitter.com/jn3008_/status/107080665…
u/katkip

This is awesome
u/katkip

uncompressed: for(c.width&=i=-17;i++<13;)for(j=-17;j++<13;x.fillRect((15+q*(j-i))*64+S(t*4)*d,(15+q*(i+j))*40+C(t*4)*d,9,9))Z=i>0&j>0?0:j<i?j:i,X=j-Z,Y=i-Z,q=-(X<5&Y<5&-Z<5)|1,d=q*4*(X+Y-Z-6)+24
u/katkip

#illusion
u/joeytwiddle

#form_from_motion

show FPS hide FPS share 1 remix fullscreen

recursive

function u(t) {

c.width=256;
for(X=255;X--;)for(Y=144;Y--;)
if((q=C(X/8+C(t*7))+C(Y/8+S(t*8))-C(t*3)*2)>0?q<.2||X+t*30&4:Y+t*30&4)x.fillRect(X,Y,1,1)

Mar 5 2017 6: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).

show FPS hide FPS share 1 remix fullscreen

katkip

function u(t) {

c.width*=1;for(i=340;i--;)x.beginPath(),x.ellipse(960+S(i/3+t)*900,540+C(i/3+t)*300,i,i*2,i,0,1,20),x.fillStyle=i%2?'#ff2':"#f0f",x.fill()

Dec 22 2018 7:04 PM UTC

}// 138/140

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

#illusion

u/magna

Wow!
u/joeytwiddle

It really looks like it's moving!
u/katkip

i feel irony

show FPS hide FPS share fullscreen

smtsjhr

function u(t) {

eval(unescape(escape`𩡯𬠨𪠽𝀻𪠭𛐻𚑻𩡯𬠨𪐽𞐶𞱩𛐭𞱸𛡦𪑬𫀨𚐩𮱵🐨𩀽𚁩𚰨𚀭𜐩𚠪𪠩𚡴𙐲𚐯𜐵𚐥𜐻𪰽𣑡𭁨𛡦𫁯𫱲𚁤𚐻𮀮𩡩𫁬𤱴𮑬𩐽𤠨𨰽𪐥𜠪𜠵𝐬𨰬𨰬𜐩𞱸𛡢𩑧𪑮𤁡𭁨𚀩𞱸𛡡𬡣𚀨𜠪𪰭𜐭𠰨𨐽𚀭𜐩𚠪𪰪𭐪𜰮𜐴𚐩𚠨𠐽𜠰𜀩𛀲𚡁𚠨𜰭𪠩𚱓𚁡𚐪𠐬𠐬𜀬𝰩𯑽`.replace(/u../g,'')))

Aug 5 2020 4:42 AM UTC

}// 140/140

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

SOURCE (194/140): for(j=4;j--;){for(i=96;i--;x.fill()){u=(d=(i+((-1)**j)*t%2)/15)%1;k=Math.floor(d);x.fillStyle=R(c=i%2*255,c,c,1);x.beginPath();x.arc((2*k-1-C(a=(-1)**k*u*3.14))*(A=200),2*A*(3-j)+S(a)*A,A,0,7)}}

u/Billedluh

This is perfect good job
u/smtsjhr

thx Billedluh! : )
u/joeytwiddle

#illusion #opticalillusion
u/Qwitter

fantastic!

dwitter.net | #Illusion