Dweets awesomed by u/Flopster

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 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

Flopster

remix of d/193 by u/lionleaf

function u(t) {

c.width|=h=t%6
k=h<1?0:1-5**-(h-1)
for(m=i=350;i--;)r=(i+9)*k*h,x.fillStyle=R(m,0,r),x.fillRect(C(i/4)*r+i%4*m+m,S(i/4)*r+(h-2)**2*m+m,9,9)

Jan 1 2018 1:17 AM UTC

}// 139/140

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

Inspired by veubeke. Happy New Year!

u/Flopster

Edit: Inspired by a remix chain starting from d/192.
u/lionleaf

Awesome remix :D (I'll add the remix link for ya)
u/quuxman

damn I didn't post the first fireworks in 2018 :-} https://www.dwitter.net/d/5096

show FPS hide FPS share 2 remixes fullscreen

ellisk1

function u(t) {

x.fillRect(0,0,q=c.width=2e3,q);for(i=q;i--;){r=100+(i/1e2)**4/t;z=6*S(i)+t*i/r;x.fillStyle="#fff";x.fillRect(1e3+C(z)*r,500+S(z)*r,5,5)}

Jan 1 2018 1:04 AM UTC

}// 137/140

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

u/lionleaf

Awesome! A rotating black hole?
u/ellisk1

Yep! A black hole was the inspiration!!
u/donbright

awesome, closest thing to blackhole ive seen on here
u/rcdr18

What a great idea! :)

show FPS hide FPS share fullscreen

0c370t

function u(t) {

c.width|=0;for(i=0;i<256;i++){x.fillStyle=R(i*t%256,i*t%128,200);x.fillRect(960+T(t+i)*500,C(t+i)*2*i+540,40,15);}

Jan 1 2018 12:36 AM UTC

}// 114/140

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

Dweet attempt 1

u/lionleaf

I like it

show FPS hide FPS share fullscreen

rikardlindstrom

function u(t) {

w=c.width|=0
for(i=k=312;i-=6;z=i*k%w,T=w-(i*i+t*k)%w,R=k-T/9,T>R&&x.fillText(0,z,T))for(j=9;j--;h=R-T)T<R&&x.fillText(0,z+C(j)*h,R+S(j)*h)

Dec 31 2017 5:41 PM UTC

}// 139/140

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

Happy New Year!

u/donbright

ReferenceError: z is not defined

show FPS hide FPS share 1 remix fullscreen

rikardlindstrom

function u(t) {

t||x.translate(980,540)
c.style.background=R(x.fillStyle='#fff',++t<4&&x.drawImage(c,~x.fillText(0,~x.scale(s=1+C(t)/20,s),0),~x.rotate(t)))

Dec 31 2017 7:03 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 more comments…
u/Flopster

Wow! Too bad it doesn't reset, but this looks incredible!
u/rikardlindstrom

Thanks! All I could fit in 140 characters. Happy to hear suggestions how to squeeze it further though!
u/magna

Amazing!
u/iverjo

Kudos
u/sigveseb

So pretty!
u/tqdwqwd

qwd
u/meesh

Wow!
u/iverjo

#galaxy
u/lionleaf

#space #stars

show FPS hide FPS share fullscreen

Flopster

remix of d/4893 by u/mmagin

function u(t) {

c.width|=0
x.font="200px Arial"
for(i=0;i<1.5;i+=.25)
x.fillText("⚽", 100+1000*i, 1000-850*Math.abs(S(t-i))**.9)

Dec 30 2017 11:50 PM UTC

}// 112/140

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

A demonstration that abs(sin(x))**.9 is a good compact approximation of bouncing.

u/lionleaf

Nice! that's a useful trick! Why not just abs(sin(x)) though?
u/magna

**.9 compresses the curve and makes the restitution look more realistic.
u/Flopster

See https://www.desmos.com/calculator/oxuakmyuko.

show FPS hide FPS share fullscreen

ben

remix of d/4348 by u/lowpoly

function u(t) {

c.width^=0
x.globalCompositeOperation='xor'
for(p=2e3;p--;)d=p/300+1,x.fillRect(-99+(p+99*(t+5E4)*d)%2E3,(""+p*S(p)/9).substr(5,3)*2,d*=d,d)

Dec 30 2017 9:06 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/sigveseb

Tasteful use of xor!
u/New_Core

same effect can be done shorter with x.rect and x.fill('evenodd')

show FPS hide FPS share fullscreen

Flopster

remix of d/4715 by u/TylerCross

function u(t) {

c.width|=y=0
j=300
for(;y<11;y++)for(i=j;i--;)x.fillStyle=R(0,9,y%2*j),x.fillRect(i*10,j+y*y*10.5+(C(i*0.5/y-t*2+y)+S(t-(y*y)/15))*y*10,8,j)

Dec 29 2017 9:02 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/jaemiejaemie

change that one 9 in the fillRect to a 8 and you get seamless waves! pretty!
u/Galaxtone

I don't see a nine.
u/Galaxtone

Also i had to change the 9,j) to a 10,j) at the end so that it looked correct.

show FPS hide FPS share 1 remix fullscreen

zkfrontman

remix of d/4252 by u/zkfrontman

function u(t) {

for(c.width|=0,i=1;i<1e3;i++)p=t-16*i,x.fillStyle=R(255,255*S(p),255*S(p+4)),x.beginPath(),x.arc(2*i,600+100*T(p),4*C(p)+11,0,7),x.fill();

Dec 29 2017 8:13 PM UTC

}// 138/140

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

u/fmease

it looks beautiful!
u/joeytwiddle

nice #colors

dwitter.net | Flopster (1776)