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

ntsutae

remix of d/20669 by u/tomxor

function u(t) {

for(c.width&=i=8320;i--;)
x.fillRect(X=i&127,Y=i>>7,
k=S(8*t+X*X-3*Y*Y+19*X*Y)+.5,k)

Nov 18 2020 4:30 PM UTC

}// 84/140

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

u/tomxor

#illusion This is messing with my eyes! looks like continuous rotating slices without ever getting beyond 90 degrees
u/joeytwiddle

Travelling without moving
u/ntsutae

I didn't have enough understanding and respect for the work

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

KilledByAPixel

function u(t) {

with(x)arc(960,540,t*t,(t%8>4?t:-t)/3,99),setLineDash([t*t/5]),stroke(),setLineDash([]),globalAlpha=1-S(t%4*.8),beginPath(stroke())

Oct 13 2020 7:43 PM UTC

}// 131/140

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

Circle Spiral #slowdraw

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

for(t*=b=540,i=3e3;j=i--/470;x.fillRect(960+t*S(j),b+t*C(j),9,9))a=(i/64+(t>>6)|0)%2,x.fillStyle=t%64<9?a^t>b?R():'#fff':R(b*!a,t/5,b*a)

Oct 2 2020 6:44 PM UTC

}// 136/140

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

False Motion Optical Illusion 👁️👁️

u/KilledByAPixel

#illusion

show FPS hide FPS share 1 remix fullscreen

anotherkitten

function u(t) {

for(i=15;--i;x.fill(p=new Path2D(),p.arc(960,540,V*100,0,8)))x.fillStyle=`hsla(270,40%,${25*S((V=i-t%1)-t)+50}%`

Sep 24 2020 3:15 PM UTC

}// 112/140

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

if you stare at the center, the white rings move slowly; if you stare at the white rings, they move quickly #illusion

u/MAxSaL

I found it to be the opposite?
u/anotherkitten

huh, interesting

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!

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/18160 by u/rodrigo.siqueira

function u(t) {

for(c.width&=j=3e3;j--;x.lineTo(448+S(a=i*.209+t*9)*r,600+C(a)*r/2-i))i=(j/4+(j%4!=2)*60|0)-t%1*40,r=i**3/2e5
x.stroke()

Apr 6 2020 10:04 PM UTC

}// 120/140

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

#Vortex

u/ivylab

I have been waiting for the view to zoom out more for a minute. But it's seriously continuous! Amazing
u/KilledByAPixel

Thank you, it was tricky to get this one right.
u/KilledByAPixel

#illusion

show FPS hide FPS share fullscreen

katkip

function u(t) {

c.width=700;for(i=999;i--;)s=99+S(i*.00157)*i/20*S(i%2+2.6)+S(i**9/9e24/6)*.01*i,x.fillText((i*t)&1,350+C(i*(q=.0062)+t)*s,200+S(i*q+t)*s)

Mar 12 2020 6:27 PM UTC

}// 138/140

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

Binary Jörmungandr #ouroboros - XaTuring's physical form

u/katkip

#illusion : doesn't get smaller and smaller but that's the effect if you stare at it
u/joeytwiddle

Mmm delicious: me!

show FPS hide FPS share fullscreen

yonatan

function u(t) {

c.width=-1
for(i=800;i--;x.beginPath(x.stroke()))x.ellipse(150,85+C(m=i)*50,r=69+50*S(m=i),r/3,0,t,9+t),x.setLineDash([r/9])

Mar 11 2020 11:12 AM UTC

}// 124/140

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

u/13thptr

#torus #illusion

show FPS hide FPS share fullscreen

BriSeven

function u(t) {

w=c.width
for(i=0;i<w;i++)
x.fillStyle=R(S(6*i/w)*255*S(t),-C(6*i/w)*255*C(t/2),-S(6*i/w)*255*S(t/4)),x.fillRect(i,200*(t%5),1,50)

Mar 9 2020 11:46 PM UTC

}// 130/140

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

Colored lights

u/joeytwiddle

I think they are still images but my brain tells me they are shrinking outwards! #illusion

dwitter.net | #Illusion