Top #background 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 5 remixes fullscreen

donbright

function u(t) {

c.width=900;半=450;for(i=0.0;i<360;i+=1){x.lineTo(半+C(i*t/10)*i,半*9/16+S(i*t/10)*i)};x.stroke();

Feb 22 2017 2:31 AM UTC

}// 95/140

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

Show more comments…
u/lionleaf

Starts off nice looking and becomes extremely trippy and hypnotic!
u/inviso

mesmerizing
u/ilSilvano

wow that escalated quickly.
u/elanimus

someone tell me how to run this please
u/Xen

Golfed and tweeked, #2909 ;-)
u/sparr

This is a browser glitch, right? It only looks cool because the browser starts using too few segments to draw the spiral. Would be boring in a fixed browser.
u/Haabilo

@sparr Not really a glitch. The code uses lineTo as means to straw the lines. It also sets the maximum amount 5
u/Haabilo

...of the segments. Damn, I didn't think mistapping backspace on mobile would send the comment as-is...
u/ArtsyBiker1

Awesome
u/blackvitriol

welcome to time travels :)
u/hoppla1232

Sir Moire apprecetiates this
u/Freak

This is like one of those nightmares I have where everything keeps on getting faster and it scares me and I love it
u/joeytwiddle

This is for me the definitive dwitter dweet #spiral
u/geb

#background

show FPS hide FPS share 2 remixes fullscreen

Exquisite

function u(t) {

r=1080;d=960;c.width=2*d;for(i=0;i<999;i++){x.fillStyle=R(i%300,i%255,i%320);x.fillRect(d+300*S(i+t),r/2+300*S(i)+T(t-i),10,10);}

Dec 27 2017 2:37 AM UTC

}// 129/140

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

Show more comments…
u/netule

wonderful
u/Exquisite

Thanks :)
u/webworker

Which way is it turning? :D
u/mrremix

^ whoa yea
u/hoppla1232

Help me polarize, help polarize
u/BirdsTweetCodersDweet

#whichwayround #inorout
u/geb

#background

show FPS hide FPS share 8 remixes fullscreen

retera

function u(t) {

c.width=w=1920
v=t+400
for(q=255;q--;){x.fillStyle=R(q,q,q);x.beginPath();x.arc(w/2+C(v-q)*(v+q),540+S(v-q)*(v-q),40,0,6.283,!1);x.fill()}

Dec 28 2017 8:54 AM UTC

}// 138/140

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

u/Xen

nice style
u/geb

#background
u/vain

well done!

show FPS hide FPS share fullscreen

p01

function u(t) {

for(c.width|=i=48;i--;x.fillText(['🐸','🌷','☁️️'][k],64*S(k?i:i/9-t),i*3*C(k||i/7-t)))x.setTransform(j=((k=i>>4)*t+48-i)%16,0,0,j,960,540)

Mar 5 2017 3:53 PM UTC

}// 137/140

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

** SPACE HARRIER **

Show more comments…
u/iverjo

LOL, nice :D
u/lienthealien

D: it's incredible. I still don't fully understand whats going on the begginning of the for.
u/p01

Thanks! Touching the width ( or height ) of a canvas resets it. c.width|=i=48; ⇒ Sets i to 48. Does a binary OR of 48 on the width of the canvas and resets ( it mostly clears it ) the canvas
u/sfz

redrawing the canvas and initializing i, nice!
u/lienthealien

p01 are you a wizard?? :v
u/donbright

doesnt seem to like firefox/ubuntu
u/iverjo

Hmm, why can one not do '🐸🌷☁️️'[k]? Is it simply because they are not single-byte characters?
u/p01

@iverjo: Exactly. Although I should have used [...'🐸🌷☁️️'][k] to save 3 bytes
u/andres

emojis exist on two planes of universes
u/AstonC

Phenomenal
u/joeytwiddle

#dragon #worm #game #tribute
u/joeytwiddle

#hiddengem
u/f8f82804

#emoji
u/stephsmith

#smokedweeteveryday
u/geb

#background

show FPS hide FPS share fullscreen

jylikangas

remix of d/7471 by u/jylikangas

function u(t) {

A=r=>x.fill(x.arc(960+R*C(t),540+R*S(t),t?r:1e4,0,7))
f=t?!f:0
t+=f*3
x.beginPath(A(R=180-f*3))
x.fillStyle='#'+(f?'ddd':559)
t&&A(45)

Apr 28 2018 4:16 PM UTC

}// 134/140

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

Animated Yin Yang v2

u/jylikangas

Remixed with better golfing and black background
u/prplz

x.fillStyle=f?'#ddd':'#559'
u/BirdsTweetCodersDweet

#tagfail inside a code block? Hmmmm
u/geb

#background

show FPS hide FPS share 1 remix fullscreen

prplz

remix of d/271 by u/3bl3gamer

function u(t) {

var X,Y,k
c.width|=0
for(X=240;X--;)for(Y=64;Y--;)(X-120)/(k=Y-72)+9+t&1^Y/k&1&&x.fillRect(X*8,1080-Y*8,8,8)

Mar 11 2018 6:11 AM UTC

}// 108/140

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

I was attempting to optimize for FPS, try commenting out the var line

show FPS hide FPS share 3 remixes fullscreen

prplz

function u(t) {

c.width|=0;x.scale(20,20);for(i=96,t*=2;i--;)for(j=54;j--;)if((i^j)&8)x.fillRect(i+S(t+j/9),j+S(t+i/9),z=1.11,z)

Mar 4 2018 3:22 AM UTC

}// 112/140

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

u/akm

your use of bitwise operator's pretty cool!!
u/dwitter

looks pretty good
u/geb

#background
u/UEZ

#flag

show FPS hide FPS share 2 remixes fullscreen

yokljo

function u(t) {

c.style.filter='invert(1)'
for(i=190;i--;)o=300+i*Math.random()*C(t),j=i/50,x.fillRect(960+S(t*i+j)*o,540+C(t*i/3+j)*o,2,o/i/20)

Mar 21 2019 12:13 PM UTC

}// 128/140

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

Give it at least 10 seconds to start looking nice. After about a minute it's desktop-background-worthy :)

u/Jezza

#waitforit
u/geb

#background

show FPS hide FPS share 1 remix fullscreen

spaceman_blanc

remix of d/12383 by u/DataMeta

function u(t) {

c.style.background=R();for(i=325;i--;)x.fillStyle=`hsla(${i},99%,50%,.02)`,k=912*S(t/i),x.fillRect(960+k*1.8*T(i^t),524+k/C(i),i/9+9,i/9+9)

Feb 19 2019 8:49 AM UTC

}// 139/140

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

2001

u/geb

#background
u/spaceman_blanc

To any remixers, you can drop the "c.style.background=R();" from the start and you will have 24 chars to play with.
u/katkip

Nice
u/katkip

Not really u/spaceman, on upload, the canvas will be reseted to white
u/spaceman_blanc

yeah youre right, didnt realise that. I mean you could still do something cool with 24 chars and white back ground i guess

show FPS hide FPS share fullscreen

MAxSaL

function u(t) {

for(i=0;i<120;i++)
x.fillRect(t*99, S(t*9)*9+i*9, 1, T(C(t)%S(i))*9);

Apr 1 2019 9:18 AM UTC

}// 70/140

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

Wavey pattern

u/geb

#background

dwitter.net | #background