Dweets awesomed by u/lowpoly

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

rodrigo.siqueira

remix of d/29151 by u/rodrigo.siqueira

function u(t) {

for(t?Y++:Y=0,X=3e3;X--;x.fillRect(X,Y-1,1,f(X/506-1.9,Y/420-1.3)))
f=(a,b,n=0)=>a?f(a*a-b*b+.28,a*b+a*b+.01,n+1):(x.fillStyle=R(n/2,n,n),Y)

Dec 22 2023 5:40 PM UTC

}// 140/140

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

Turquoise #julia #fractal

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/29171 by u/rodrigo.siqueira

function u(t) {

x.fillRect(0,0,k=1e4,k)
for(i=k;i--;x.clearRect(960+Y*S(a)/2,220+Y+Y*T(a*a)/20,W,W))Y=8*i**(t<3?t/5:.6),a=i+S(t/1e7),W=9*S(a*C(i*i))*C(a)

Dec 20 2023 3:52 PM UTC

}// 137/140

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

#christmas #snow #tree (with introduction animation)

u/UEZ

nice

show FPS hide FPS share 1 remix fullscreen

lowpoly

function u(t) {

s=10;for(i=0;i<60;i++)x.fillRect(S(t+0.1*i)*1e3+1e3,0,s,s,x.fillStyle=`hsla(${i*10},100%,50%,0.5)`);x.drawImage(c,0,s)

Jan 5 2021 10:33 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/Xen

love it

show FPS hide FPS share 3 remixes fullscreen

bandaloo

remix of d/19215 by u/bandaloo

function u(t) {

for(i=2e3;i--;x.fillStyle=`hsl(${i/9+99*C(t)},90%,${20*~~(1+S(i/20)+T(t+S(t+i/99)))}%`)x.fillRect(i,0,1,1);x.drawImage(c,0,1)

Jun 23 2020 1:06 AM UTC

}// 125/140

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

goo hills

u/Xen

love you style!!!
u/joeytwiddle

#paint
u/magna

Neat!

show FPS hide FPS share fullscreen

pavel

remix of d/10873 by u/yonatan

function u(t) {

for(i=0;Y=i>>5,Y<35;x[o?'clearRect':'fillRect'](0,!x.setTransform(4>>o,-o,2*o,2-o,j%T-Y%2<<6,Y*T+T*S(j*j+9*t)*S(t)**9),T=32,T))o=i%2,j=i++-o

Jun 16 2020 9:14 PM UTC

}// 140/140

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

#beesandbombs #uncompressed

u/BuRRak

I love it
u/aleamb

LOVE IT!!!

show FPS hide FPS share fullscreen

robbyg

function u(t) {

c.width|=0
x.translate(w=960,h=540)
for(i=9;i--;)x.rotate(S(i+t)/3),x.fillRect(i*99+S(t)*300-480,-99,50,200)
x.translate(-w,-h)

Sep 28 2018 2:33 PM UTC

}// 127/140

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

Drunken #default

u/sigveseb

niiiice
u/f8f82804

the last line isn't needed; resettting the width also clears any transform
u/f8f82804

103: c.width|=0;x.translate(960,540);for(i=9;i--;x.fillRect(i*99+S(t)*300-480,-99,50,200))x.rotate(S(i+t)/3)

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/7301 by u/yonatan

function u(t) {

for(i=1920,n=99;i--;x.fillStyle=`hsl(${Y*n},50%,${n-Y*50}%`,x.fillRect(i,t*n-(Y|0)*n,1,n))for(Y=0,j=4;j--;)Y=Y+C((i+S(t+Y)*n*j*j)/(40*2**j))

Mar 12 2018 11:54 AM UTC

}// 140/140

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

Thx u/BalintCsala for shading tips

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/7301 by u/yonatan

function u(t) {

for(x.beginPath(i=1920);i--;x.lineTo(i,t%9*99+(Y|0)*8*t))for(Y=0,j=4;j--;)Y=Y+S(((i-960)/t+S(t+Y)*299*j*j/t)/(40*2**j));
t<9&&x.stroke()

Mar 12 2018 11:13 AM UTC

}// 136/140

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

jagarikin inspired wireframe landscape

Show more comments…
u/joeytwiddle

Nice work by yonatan. I am happy to abuse all the spare characters they saved!
u/joeytwiddle

To finish it off: s/t%9/t/ ; s/t<9/t<15/
u/aleamb

wow! love it!!
u/iverjo

Neat!
u/iverjo

#landscape
u/fujimotos

#scanline
u/fujimotos

#slow_render

show FPS hide FPS share 4 remixes fullscreen

lionleaf

remix of d/1525 by u/lionleaf

function u(t) {

c.width=2e3;v='We have a chat! See comments!';for(i=v.length;i--;)x.font=70+S(t*5)*20+'px Arial',x.fillText(v[i],i*69,540+S(t*9+i)*20)

Jan 20 2018 5:39 PM UTC

}// 134/140

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

Discord chat for all things dwitter: https://discord.gg/emHe6cP (This dweet has been temporarily pinned to the top for visibility)

Show more comments…
u/sigveseb

Welcome all!
u/Xen

see you there :-)
u/mattdzugan

nice, might be cool to allow for #4525 syntax to automatically link to the dweet
u/lionleaf

That's the plan mattdzugan :) Except d/4525, as # is reserved for hashtags
u/edelstone

omg
u/Twitchkidd

This was the thing at the top! I think this is awesome, but I'm, what, a 'framework kiddie?' I dig it though! Where do I start on here?
u/Serg

I see "Jan 1, 2018 7:39 PM" the date of post. Is it ok?)
u/sigveseb

That's the trick used to sticky the post :D the ranking is based on a combination of date posted and number of awesome. Future date == stickied post :D
u/Serg

Not a bug. Feature!
u/ThreeNPlusOne

this website is kind of like "bytebeat", procedurally generated music from one line of code
u/tqdwqwd

qwd
u/donbright

@Twitchkidd hit 'new' and start changing numbers around
u/lionleaf

Aaaand, comments are working again! \o/
u/lionleaf

Code blocks are live! Thanks u/magna :) use backticks ` to enable
u/magna

YAY! 🎉 🎉 🎉
u/BirdsTweetCodersDweet

console.log("hooray for code blocks!");
u/BirdsTweetCodersDweet

are code blocks gonna have syntax highlighting any time?
u/lionleaf

Test u/lionleaf test
u/lionleaf

#feature #chat #discord
u/lionleaf

#text

show FPS hide FPS share fullscreen

lowpoly

remix of d/5473 by u/lowpoly

function u(t) {

s=10;x.drawImage(c,s,0);for(i=0;i<=c.height;i+=s)x.fillRect(0,i,s,s,x.fillStyle=`hsl(${i/c.height*C(t*i*3)*255},100%,50%)`);

Jan 4 2018 12:14 PM UTC

}// 124/140

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

play with x.fillStyle;-)

u/lowpoly

For example, x.fillStyle=Math.random()>0.5?'#000':'#fff'
u/lowpoly

or x.fillStyle=(~~(i/s/s)%2)^(~~(t*s)%2)?'#000':'#fff'
u/sigveseb

So intense colors!

dwitter.net | lowpoly (2413)