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 1 remix fullscreen

E-Mouse

remix of d/8365 by u/Xen

function u(t) {

for(c.width|=i=2e3;i--;)x.fillRect(S(t*2+i/15)*i+960,C(t*2+i/15)*i+540,W=i/25,W)

Jun 4 2018 1:36 PM UTC

}// 80/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 fullscreen

prplz

remix of d/8362 by u/BirdsTweetCodersDweet

function u(t) {

with(x)fillStyle='#0001',fillRect(0,0,2e3,2e3),fillStyle='#fff',font='9em a',fillText('•',C(t*=5)*200+960,S(t)*200+540)

Jun 4 2018 12:34 PM UTC

}// 119/140

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

#loading

show FPS hide FPS share fullscreen

BalintCsala

remix of d/8381 by u/andc2600

function u(t) {

for(i=3;i--;x.fillRect(0,360*i,1920,360))x.fillStyle=R(A=208*i,A-210,0)

Jun 4 2018 10:35 AM UTC

}// 71/140

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

golfed

show FPS hide FPS share 1 remix fullscreen

pythech

remix of d/8395 by u/robbyg

function u(t) {

if(frame%60==0)k=Math.random()
c.width|=0;for(i=214;i--;)x.fillRect(i*9,0,9,(S(i*k+t&5)+1)*540)
}
k=Math.random()
{

Jun 5 2018 10:19 AM UTC

}// 115/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 fullscreen

unts-unts-unts-unts

function u(t) {

r=Math.random
for(i=1;i++<20;){
a=255*r()
x.fillStyle=R(a,2*a,3*a%256)
X=r()*1920;Y=r()*1080
for(j=i;j--;){
x.fillRect(X-j*t,Y-j*10,j,j)
}}

Jun 4 2018 9:53 AM UTC

}// 140/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

firegodjr

function u(t) {

c.width=1920
π=Math.PI
for(i=0;i<9;i++)
x.arc(f=960,540,50*i,S(t)*π,S(i/2+t)*π);x.stroke()

Jun 3 2018 6:16 PM UTC

}// 90/140

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

Spinners

u/BirdsTweetCodersDweet

#geometric

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/8364 by u/BirdsTweetCodersDweet

function u(t) {

for(c.width|=i=2e3;i--;)x.fillRect(S(t*15+i/15)*i+960,C(t*15+i/15)*i+540,W=i/21+C(t*2)*29,W)

Jun 3 2018 5:13 PM UTC

}// 92/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 2 remixes fullscreen

andc2600

remix of d/8380 by u/andc2600

function u(t) {

c.width=1920
x.fillRect(0,0,1920,360)
x.fillStyle=R(208,0,0)
x.fillRect(0,360,1920,360)
x.fillStyle=R(255,206,0)
x.fillRect(0,720,1920,360)

Jun 4 2018 2:16 AM UTC

}// 139/140

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

u/veubeke

FTFY :D https://www.dwitter.net/d/8383

show FPS hide FPS share 3 remixes fullscreen

BirdsTweetCodersDweet

remix of d/8355 by u/BirdsTweetCodersDweet

function u(t) {

for(c.width|=i=1e3;i--;)x.fillRect(S(t*10+i/50)*i+960,C(t*10+i/50)*i+540,W=i/9+2,W)

Jun 3 2018 4:42 PM UTC

}// 83/140

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

Hypnotic

u/BirdsTweetCodersDweet

Make it t*20 for a better effect - I lowered it to be kind to people scrolling
u/DataMeta

t*10 --> t*12 in the x pos gives it a nice slow spin on the depth axis, but it looses the 'clean' feel of the 2d spinner. Nice dweet!

show FPS hide FPS share 1 remix fullscreen

E-Mouse

remix of d/8390 by u/E-Mouse

function u(t) {

for(c.width|=i=2e3;i--;)x.fillRect(S(t*3+i/15)*i+960,C(t*2+i/15)*i+540,W=i/25,W)

Jun 4 2018 1:37 PM UTC

}// 80/140

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

Which way is it spinning? #illusion

u/katkip

Both