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: #ScaryMovies

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

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

dwitter.net | #illusion