Dwitter - javascript demos in 140 characters

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

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

rodrigo.siqueira

function u(t) {

Y=0
for(i=-100;i<100;i++) {
 x_diff = i/200;
 Y += 3*(x_diff ** 2) // 𝔂 = 𝔁³ ⟹ 𝔂' = 3*𝔁²
 x.fillRect(960+i*5,800-Y*10,5,5)
}

Jun 11 2019 12:15 AM UTC

}// 124/140

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

Iterative numerical method to calculate 𝔂 = 𝔁³ using its derivative 𝔂' = 3*𝔁²

show FPS hide FPS share 1 remix fullscreen

katkip

remix of d/14469 by u/katkip

function u(t) {

c.width*=1;x.lineWidth=9;for(i=211;i--;)x.beginPath(),r=S(t+i/59+S(t+i/29))+1.1,x.arc(960,140,10+i*4,r,r+1),x.stroke()

Jun 6 2019 2:46 PM UTC

}// 118/140

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

u/joeytwiddle

Spooky

show FPS hide FPS share 1 remix fullscreen

simonmkwii

remix of d/14501 by u/KilledByAPixel

function u(t) {

for(c.width|=i=50,x.font="88em'";i;)z=(S(t)**2)**.5*1e3+9,--i?0:x.fillStyle="#ff00e0",x.fillText("69",960+(i-24)*C(t%3.14)-z/2,1e3,z)

Jun 9 2019 9:47 AM UTC

}// 133/140

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

u/joeytwiddle

how naughty!

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

function u(t) {

if(t<16){p=S(t)*999,q=p*t //random p,q
for(i=5e3;i--;){
po=p
p+=S(q+p),q+=po
q%=2*Math.PI,p%=2*Math.PI
x.fillRect(q*310,p*250,1,1)}}

Jun 7 2019 3:35 PM UTC

}// 132/140

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

The chaotic sea in the phase space of the standard map on the two-torus. We observe a mixture of chains of chaotic regions, ergodic looks and stable islands. As seen on: https://www.math.uni-tuebingen.de/user/stke/… #chaos #attractor

show FPS hide FPS share fullscreen

username

remix of d/14492 by u/katkip

function u(t) {

c.width*=1;x.font='29em"'
x.fillText(['you so',`fuckin'`,'precious','when you','smile <3'][(t/.8583586585218014+.5^0)%5],0,540+T(t*3.66)*80)

Jun 8 2019 9:39 PM UTC

}// 140/140

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

play with https://youtu.be/nkhnni7xgJk?t=13

u/username

I tried making the values for the deviation between pi and the replay speed as accurate as possible to prevent desynchronization (pi / 3.66 = .8583586585218014)
u/username

you can save a lot of bytes by playing at roughly pi sped up (d/14496)
u/lionleaf

#text :)

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

function u(t) {

Y2=X2=X=0
Y=S(t)
for(i=3e3;i--;){
N=(P=X*X+Y*Y)*S(3/(P)**0.5)
X2+=-Y+X*N+S(i)
Y2+=X+Y*N
X=X2/4
Y=Y2/8
x.fillRect(960+X*1e3,540+Y*1e3,1,.3)
}

Jun 10 2019 8:09 PM UTC

}// 140/140

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

I was trying to create this: https://imgur.com/gallery/jpAn7tX but something very wrong happened. The equations in the page seem simple, if anyone wants to try...

show FPS hide FPS share fullscreen

robotman_

function u(t) {

c.width^=0
for(i=0;i<9;i++)x.fillStyle=`hsl(${i*270/9},99%,50%`,x.fillRect(0,(a=1920/18)+i*a,1920,S(i*3.14/18+t)*a)

Jun 9 2019 6:00 PM UTC

}// 115/140

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

Rainbow Stripes

u/Xen

nice

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

remix of d/13785 by u/pavel

function u(t) {

eval(unescape(escape`𭀥🐱𝠻𭱩𭁨𚁸𚑦𫱲𚁣𛡷𪑤𭁨𯀽𪐽𞐹𞱩𛐭𞱲𩑳𭁯𬡥𚀩𚑳𨑶𩐨𚐬𨱬𪑰𚁰👮𩑷𘁐𨑴𪀲𡀨𚐬𬀮𬡥𨱴𚀰𛁩𚠱𜐬𜱥𜰬𜐱𚐩𛁦𫱮𭀽𪐯𜠫𘡥𫐧𘠬𩡩𫁬𥁥𮁴𚀢𡁗𡑅𥀢𛀭𪐪𜐲𚰸𝐰𛀱𝠰𜀭𭀪𜐰𜀩𛁦𪑬𫁔𩑸𭀨𘡗𠑒𤰢𛀭𪐪𜐲𚰱𜠴𜀭𭀪𜠴𛠵𛀲𝐶𜀭𭀪𜐶𜀩`.replace(/u../g,'')))

Jun 9 2019 5:38 PM UTC

}// 140/140

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

#DweetWars Loop ~ The Dweet Strikes Back

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

function u(t) {

with(x)for(c.width|=i=99,font="45em'";i--;restore())save(),clip(p=new Path2D(),p.rect(20*i,0,20,1e3)),fillText("WAVE",0,750+99*S(i/9+t*3))

Jun 9 2019 5:05 PM UTC

}// 138/140

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

Wave

u/IV

first Path2D code Ive seen that woeks on old Edge!