Top dweets of all time

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: #Food

show FPS hide FPS share 2 remixes fullscreen

Xen

remix of d/3713 by u/bobdunn

function u(t) {

for(c.width|=Y=i=300;i--;x.fillStyle=R(Z=C(i+t*4)*Y,Z*S(t),5-Z,.6))x.fillRect(i*9,Y+C(3*t+(i*2))*99,39,Y)

Dec 27 2017 6:40 PM UTC

}// 105/140

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

had to have a play, quick test... shoutz to bobdunn

Show more comments…
u/karan

Hot damn! that looks fancy! and i thought i was doing something great by just adding random colour :D
u/Xen

always save your code to one side before posting, play with it to see if you can squeeze something extra out.
u/karan

Helpful tips! Is there an IRC or some messaging service to hang out with fellow dwitters?
u/Xen

https://discord.gg/emHe6cP
u/bobdunn

I was thinking about adding color. I like what you did here!
u/Xen

thanks :-)

show FPS hide FPS share fullscreen

GingerNins

remix of d/3898 by u/Exquisite

function u(t) {

c.width=1920;q=999;for(i=1;i<q;i++){p=i%255;r=10+i*.01;x.fillStyle=R(p,p,p,i/q);x.fillRect(960+i*C(i),540+i*.5+C(C(t*0.6)*i*0.015)*80,r,r);}

Dec 27 2017 4:26 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

Exca

function u(t) {

for(i=0;i<5184;i++){q=i%96,w=i/96|0,r=q+w==0?192:S(t+q*w),y=r*99;x.fillStyle=q+w==0?"#000":R(0,y*2,y*4,1);x.fillRect(q*20,w*20,r*20,r*20);
}

Dec 27 2017 3:10 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

Good colors
u/CliffJonesJr

This is what my carpet looks like after mushrooms.

show FPS hide FPS share fullscreen

Polyducks

function u(t) {

a=550;c.width=a;x.fillStyle="#36F";x.fillRect(0,0,a,a);for(i=0;i++<8;){x.font="30px A";x.fillText("🐟",a-((t*40*(S(i)+1))%a),C(t+i)*9+i*33)}

Dec 27 2017 3:02 AM UTC

}// 139/140

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

~🐟🐟 FISH TANK 🐟🐟~

show FPS hide FPS share 1 remix fullscreen

Citiral

function u(t) {

x.t=x.translate
x.lineWidth=3
if(!t)x.t(960,540)
x.save()
for(i=3;i--;){x.rotate(t*S(i)*2);x.t(0,97*i)}
x.lineTo(0,0)
x.restore()
x.stroke()

Dec 26 2017 10:13 PM UTC

}// 140/140

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

I had implemented so many more features, like a nice gradient while drawing, but had to scrap a lot to get it in 140 characters... :( DwitLonger please!

Show more comments…
u/lionleaf

Neat! At first thought it was a lopsided <3 :P
u/Xen

its all in the codegolf, you'll learn some shortening tricks by looking around here, t?x.lineWidth=3:x.t(960,540)
u/Xen

its all in the codegolf, you'll learn some shortening tricks by looking around here, t?x.lineWidth=3:x.t(960,540)
u/Citiral

Ooh, that's a really neat trick, thanks! And here I was, so proud of my for loop :p
u/Xen

why that needed to post twice i have no idea :-(
u/Xen

for(i=3;i--;x.t(0,97*i))x.rotate(t*S(i)*2)
u/Xen

there will be a messaging system shortly, will come in handy for shaving that last pesky byte

show FPS hide FPS share fullscreen

Xen

function u(t) {

t?x.drawImage(c,C(t),S(t*2)*6):c.width=99,x.fillText('Welcome To Dwitter',1,29),x.fillStyle=`hsl(${t*199},99%,50%)`

Dec 26 2017 9:13 PM UTC

}// 115/140

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

u/lionleaf

Welcome to all the new people from /r/programmer, hackernews and twitter! :D
u/Xen

fresh blood lol! welcome to the jungle, take a look around ;-)
u/sigveseb

oh god the colors:P and welcome to all
u/j0bit

o.O what the heck is going on in this syntax?
u/iverjo

@j0bit: Search for "JS Template Literals" and "JS Ternary Operator" on the internet
u/j0bit

Cool, appreciate it.

show FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

for(w=(c.width|=i=2e3)/2;i--;x.fillRect(w+(i%1e3-500)/120/(Z=3+C(p))*w,540+S(p)/Z*w,s=250/Z/Z,s))p=i/79.6+C(t/2)*12+(i>1e3?3.1:0);x.stroke()

Oct 28 2017 5:57 AM UTC

}// 140/140

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

doh. left x.stroke() in there by mistake.

u/katkip

#curve

show FPS hide FPS share fullscreen

mmastrac

remix of d/3356 by u/mmastrac

function u(t) {

t?c.width|=0:M=[...Array(3e4)],M=M.map((e,i)=>[n=3,e][[1,w=212,++w,w+1].map(e=>n-=M[i+e]+M[i-e]),n]?!x.fillRect(i%w*9,i/w*9,7,7):!t&i%w)

Oct 24 2017 10:50 PM UTC

}// 136/140

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

Last game of life, I swear...

u/alien

noooooo!! plez moooarrr GOL!!!
u/joeytwiddle

#gameoflife

show FPS hide FPS share fullscreen

xem

remix of d/3326 by u/xem

function u(t) {

for(i=0;i<65;i++)for(j=0;j<65;j++)x.fillStyle=R(i*9,j*9,C(t)*255),x.fillRect(900+400*S((i+t/9)*3)*C((j+t/9)*1.5),500+400*S((j+t/9)*1.5),5,5)

Oct 21 2017 9:45 AM UTC

}// 140/140

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

made by mistake while working on a rotating sphere :p

show FPS hide FPS share fullscreen

kchplr

remix of d/3105 by u/kchplr

function u(t) {

for(c.width|=i=0,f=t*3%2|0;++i<256;)'|þ᧺뽾똿곿객︿㯴Ǽø'.charCodeAt(f?i>>4:15-(i>>4))&1<<i%16|0&&x.fillRect(i>>4<<5,i%16<<5,32,32)

Aug 25 2017 10:56 AM UTC

}// 128/140

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

Sprite animated with simple mirroring

Show more comments…
u/kchplr

can actually make it move under 140 chars: for(c.width|=i=0,f=t*5%2|0;++i<256;)'|þ᧺뽾똿곿객︿㯴Ǽø'.charCodeAt(f?i>>4:15-(i>>4))&1<<i%16|0&&x.fillRect(i>>4<<5,(i%16+t*5<<5)%1e3,32,32)
u/sigveseb

Very nice, cool tricks
u/donbright

excellent
u/FireFly

Very nice! Where is the sprie from? For some reason it feels really familiar…
u/kchplr

@FireFly: Possible :) It's a NPC from The Legend of Zelda: Oracle of Ages
u/13thptr

#hiddengem #bitmap