Dweets awesomed by u/vberlier

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

New_Core

function u(t) {

for(c.width|=i=25;i--;x.fillRect(M.min(1870,M.max(0,960+400*S(a=t+i/4)+800*S(t))),M.min(1030,M.max(0,540+400*C(a)+400*C(t/3))),50,50))M=Math

Feb 1 2018 12:46 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 more comments…
u/benstratton7

Does anybody know how to make this actually bounce off the sides in 140 characters?
u/BirdsTweetCodersDweet

Better resolution if you want : for(c.width|=i=999;i--;x.fillRect(M.min(1870,M.max(0,960+400*S(a=t+i/4)+800*S(t))),M.min(1030,M.max(0,540+400*C(a)+400*C(t/3))),9,9))M=Math
u/Jezza

Love it!
u/Xen

for(c.width|=f=i=400;i--;x.fillRect(M.min(1870,M.max(0,960+f*S(t+i)+800*S(t))),M.min(1e3,M.max(0,540+f*C(t+i)-f*C(t))),9,9))M=Math
u/aleamb

Great!
u/davidsharp

@Xen, you should totally fork it, that looks great
u/New_Core

on Xen's version can remove t+i to i ... no need to spin it if it looks like a line.
u/mylain

kdkdkkd
u/aleamb

amazing!!

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

vberlier

function u(t) {

w=1920
c.width=w
n=128
for(i=n;i--;x.fillRect(w/n*i,(.5+T(t*2+i)/6)*540,w/n,540))x.fillStyle=`hsl(${t*99+i*6},100%,50%)`

Jan 1 2018 12:24 AM UTC

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

ellisk1

remix of d/5048 by u/ellisk1

function u(t) {

c.width|=0;for(i=200;i--;){w=(110-i/2)**2;q=5*t+i*C(i);x.fillStyle=R(0,0,0,1+.4*C(q));x.fillRect(1e3+w*S(q)/30+S(t+i/9)*20,5*i,9+9*C(i),25)}

Jan 1 2018 12:15 AM UTC

}// 140/140

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

u/joeytwiddle

Tornado!

show FPS hide FPS share fullscreen

ellisk1

function u(t) {

c.width|=0;for(j=1;j<13;j++){w=400*C(j/8);for(i=99;i--;){x.fillStyle=R(0,13*j,13*j);x.fillRect(-w+i*w/2,1100*S(j/8)+C(i/3+t*j/5)*w/3,w,w)}}

Dec 31 2017 10:56 PM UTC

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

trupples

function u(t) {

t||([c.width,c.height,c.onmousemove]=[innerWidth,innerHeight,e=>(x.fillStyle=[R(),'#fff'][+e.ctrlKey],x.fillRect(e.x,e.y,9,9))])

Dec 31 2017 10:28 PM UTC

}// 128/140

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

Draw with the mouse; hold CTRL to erase

show FPS hide FPS share 1 remix fullscreen

veubeke

remix of d/5008 by u/Boomerang

function u(t) {

r=a=>x.fillRect(a*99,540+s*99,99,9)
for(x.fillStyle=R(a=19,0,0,.05);a--;r(16+c*s))s=S(_=t/9+a/3)*3,c=C(_),c<.5&&r(2+c*s),r(7+c*2),c<0&&r(12)

Dec 31 2017 8:30 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/coderkid

Awesome! Happy new year!
u/Pjaerr

Happy new year!
u/sigveseb

Wow nice, rare to see a custom font in a dweet!
u/sigveseb

And really cool to see the iteration from remix OP to this
u/magna

Damn!
u/joeytwiddle

#text

show FPS hide FPS share fullscreen

ben

remix of d/4938 by u/ben

function u(t) {

x.fillStyle='#47f1'
x.fillRect(0,0,w=2e3,w)
for(i=1e4,x.fillStyle='#fff';i--;)x.fillRect((S(i*i)*w*w)%w,w-(b=(t*i/9+S(i)**2*w)%w),b/=99,b)

Dec 31 2017 1:34 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/donbright

perfect winterdweet

show FPS hide FPS share 1 remix fullscreen

Ben

function u(t) {

c.width=2e3;for(i=0;i<20;i++){x.fillStyle=R(255*S(t),255*S(i/10),255*C(i/10),1);x.fillRect(i*100,5e2+S(1*t+100*i)*1e2,40,200*S(5*t+100*i))}

Dec 31 2017 1:14 PM UTC

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

doof

function u(t) {

l=localStorage
t||(l[u]=a=parseInt(l[u]||0)+1,c.outerHTML="You have viewed this dweet "+a+" time"+(--a?"s":""))

Dec 31 2017 8:45 AM UTC

}// 111/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/joeytwiddle

Novel!
u/trupples

That's awesome
u/sigveseb

Oh god we can do multi-dweet dweets by stashing things in localstorage
u/PiggyClone205

We need to compete for most times viewing this.
u/dogspace

yay http://prntscr.com/icoc13
u/lionleaf

#localStorage
u/joeytwiddle

The key is the sourcecode. Nice short way to generate a unique key!

dwitter.net | vberlier (2844)