Dweets awesomed by u/tinfoilboy

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

bokoskokos

function u(t) {

c.width|=0;f=Math.PI*2;x.font='220px Arial';x.fillText('🏀',870,500+S(t*5)*200);x.ellipse(1010,750,90+S(t*5)*50,10,0,f,0);x.fill()

Feb 8 2018 10:54 AM UTC

}// 129/140

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

u/New_Core

played around with it a bit... c.width|=0;x.font='6cm Arial';x.fillText('🏀',870,800+S(a=2*-t%3.2)*500);x.ellipse(1030,850,99+S(a)*60,10,0,7,0);x.fill()
u/DirtyDan

Made it less "floaty" d/6806
u/bokoskokos

Much better!

show FPS hide FPS share fullscreen

PietPtr

function u(t) {

function w(p,c,d){x.fillStyle=R(0,0,c)
x.fillRect(i*50,d-S(t*4+i/p)*100,50,300)}c.width=1920
for(i=0;i<100;i++){w(8,255,800);w(10,200,900)}

Feb 8 2018 10:32 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/joeytwiddle

#waves
u/joeytwiddle

#sea #ocean too :D

show FPS hide FPS share fullscreen

albertarv

function u(t) {

//by @taki_bump
c.style.background=`url(//pbs.twimg.com/media/BdzojveCMAAOKcK.png) 
 rgb(${l=Math.floor(S(t)*128+128)},${l},${l}) 0/contain`

Feb 7 2018 11: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).

u/AnnanFay

Note: Anyone who can't get this to work - you need to disable tracking protection in browser settings.
u/cantelope

love this. way to think outside of the box :)

show FPS hide FPS share 1 remix fullscreen

PietPtr

function u(t) {

c.width=700
for(i=0;i<390;i++){
x.fillStyle=`hsl(${S(t+i)*255},50%,50%)`
x.fillRect(i%30*30,Math.floor(i/30)*30,28,28)
}

Feb 7 2018 11:03 PM UTC

}// 120/140

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

u/magna

Nice!
u/katkip

#disco

show FPS hide FPS share fullscreen

IsaacLightning

remix of d/6724 by u/jonathan_b

function u(t) {

with(x)for(s=i=c.width|=0;i-=5;beginPath(fill()))r=T(i*1+S(t+i*2))*420,arc(s/2+r*2,500+r*T(i),q=i/7,0,7),fillStyle=`hsl(${r/3},70%,${q/3}%)`

Feb 7 2018 8:03 PM 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 fullscreen

fons

function u(t) {

x.lineWidth=1
x.beginPath()
x.arc(S(t)*50,S(t)*75,t*100,0,2*Math.PI)
x.stroke()

Feb 7 2018 6:47 PM UTC

}// 79/140

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

u/DirtyDan

Cool interference patterns

show FPS hide FPS share fullscreen

New_Core

function u(t) {

c.width=a=200
x.font=3+'cm a',x.fillText("DWITTER",a*S(t)-150,a)
for(i=90;i--;)x.drawImage(c,0,120+i,a,1,9*S(t+5*C(t+i/40))-9,9+i,220,1)

Feb 6 2018 5:34 PM UTC

}// 136/140

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

u/aleamb

nice!!
u/joeytwiddle

#text

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

Zolden

function u(t) {

c.width|=0;for(k=0;k++<1999;){j=k%20;q=j*j;
i=k/20;p=255-q*j/30;x.fillStyle=R(p,p,p,1);x.fillRect((q+75)*i-q*(t+8)*3,q*2,q/2,j*40)}

Jan 2 2018 11:29 PM UTC

}// 131/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 3 remixes fullscreen

hoplite

function u(t) {

i=c.width=96;for(;i--;)for(k=54;k--;)A=t=>(S(i/9+t)*S(k/7)+S(k/9+t)*S(i/7-t))*255,x.fillStyle=R(A(t),A(t+.2),A(t+.4)),x.fillRect(i,k,1,1)

Jan 2 2018 10:57 PM UTC

}// 137/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/Xen

very nice style
u/sigveseb

Quite excellent, very nice
u/joeytwiddle

Lush
u/magna

Wow! Nice!
u/crimbles

That's so nice
u/Chipnstein

Woah... new dosktop background
u/codeslaw

Yes
u/joeytwiddle

#plasma #metaballs #color
u/vain

nice plasma like fx

dwitter.net | tinfoilboy (5529)