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

keithclark

function u(t) {

for(x.fillRect(x.globalAlpha=.2,q=t%2,2e3,2e3),i=125;i--;x.clearRect(S(t|1)*760+S(i)*v+960,(q*q/2-C(i))*v+380,l=6-q*3,l))v=q*200-S(i*.2)*i*q

Dec 31 2018 9:44 PM UTC

}// 140/140

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

New Year Fireworks

Show more comments…
u/13thptr

elegant :)
u/keithclark

change S(i*.2)*i*q for S(i*t>>4)*i*q for varying firework effects (2 chars over the limit tho)
u/katkip

haha i like the variation
u/JWinslow23

If q will only ever be 0 or 1 (t%2), couldn't this just be for(x.fillRect(x.globalAlpha=.2,q=t%2,2e3,2e3),i=125;i--;x.clearRect(S(t|1)*760+S(i)*v+960,(q/2-C(i))*v+380,l=6-q*3,l))v=q*200-S(i*.2)*i*q? That way, the variation also works.
u/keithclark

I opted for what I had because it held the initial shape in the sky for longer before gravity takes hold. Your version works and if you're happy to trade off the initial shape, you could also drop the \2 and save another 2 chars
u/keithclark

... also q can be any value between 0 and 1
u/JWinslow23

Ah, my mistake, I forgot about floats
u/lionleaf

Nice one! #nye #fireworks
u/iverjo

Beautiful!
u/vain

3... 2... 1... ignition... beautiful firework

show FPS hide FPS share fullscreen

13thptr

function u(t) {

c.width=w=400;x.fillText(x.font=m="17px Hello",0,19)
x.getImageData(0,0,w,j=99).data.map((e,i)=>e&&x.fillRect(j*C(i%w*.016-t)+j,i/w,3,3))

Dec 28 2018 11:13 AM UTC

}// 137/140

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

Somewhat ambiguous because of implicit orthographic projection

u/13thptr

(first dweet :D)
u/13thptr

add |0 after i/w for a more solid look
u/lionleaf

Nice! Glad to see you make a first dweet :D
u/jylikangas

Welcome! Very nice 1st Dweet! Golfed to 131b -> c.width=w=400; with(x)getImageData(fillText(font="17px Hello",0,19),0,w,j=99).data.map((e,i)=>e&&fillRect(j*C(i%w/63-t)+j,i/w,3,3))
u/13thptr

thanks for the nice comments ! u/jylikangas cool tricks but it seems like inlining fillText in getImageData won't work in FF :(

show FPS hide FPS share fullscreen

ellisk1

function u(t) {

for(k=c.width|=n=960;k--;x.fillRect(n+(y/3+40)*C(a),y,7,99))j=k%n,a=j/62+((j/192|0)+(k>n))*3.2,x.fillStyle=R(b=S(a)*255,-b/2),y=(a+t*5)*30%n

Dec 25 2018 11:41 AM UTC

}// 140/140

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

Ribbon Christmas Tree

u/rodrigo.siqueira

#christmas #tree

show FPS hide FPS share fullscreen

jylikangas

remix of d/11356 by u/veubeke

function u(t) {

c.width=300+C(t**t)
for(j=10;--j;)for(i=400;k=i-->>4;x.fillRect(i%8+j*29,80+k+T(t*v)%k-(t>j)*(t-j)*99,1,k))x.fillStyle=R(v=i>352?i:0,v/C(i))

Dec 12 2018 7:14 AM UTC

}// 140/140

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

Veubeke's #default rockets ready for launch!

show FPS hide FPS share 1 remix fullscreen

jylikangas

function u(t) {

eval(unescape(escape`景爨硛昽❦楬汒散琧崨〬〬眽挮睩摴栽椽㌰〬眩㭩ⴭ㭸学崨㔹ⵓ⡡㵩⼹〩⨱㐬㈰⭃⡡⤪㤬㤬⸱⤬硛晝⠱㔰⬨椥㠭㐩⩺ⰵ〫稬樥㌿ㄺ稬ⅸ学崨椬㐵⭓⡩⼱㤩⨹ⰱⰱ⤩⥪㵩㸾㌬稽眯⡪⵴┱⨶⤬砮晩汬却祬攽∣づ㠹∻`.replace(/u(..)/g,"$1%")))

Dec 1 2018 12:37 PM UTC

}// 140/140

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

Moonlight Zone

u/katkip

Awesome
u/aleamb

dude!!!
u/Xen

Nice one :-)

show FPS hide FPS share 1 remix fullscreen

jylikangas

function u(t) {

eval(unescape(escape`睩瑨⡸⥦潲⡡牣⠭㤬樽㌬眽挮睩摴栽㌰〬〬㘩㭪ⴭ㬩景爨椽㄰㭩ⴭ㭢敧楮偡瑨⡦楬氨慲挨堽㤹⭓⡡㴮㜹⩩⬹㔭琥ㄯ⸶⨡⡴☳⵪⤩⩲ⰶ〫䌨愩⩲⼲⭪⨲㜬㜭横㈬〬㜩⤩ⱦ楬汓瑹汥㵒⡘ⱔ⡘⤪眬眩⥲㴳㠪℡椫椥㈪ㄶ`.replace(/u(..)/g,"$1%")))

Nov 26 2018 8: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).

White crane playing Rubik's cube. Don't ask. :)

u/jylikangas

Uncompressed 140b cube... for(c.width=-1,j=3;j--;)for(i=9;i--;x.beginPath(x.fill(x.arc(150+S(a=.79*i+95-t%1/.6*!(t&3-j))*r,60+C(a)*r/2+j*27,5-j,0,7))))r=38*!!i+i%2*16
u/lionleaf

#cube
u/BuRRak

This is so random and I love it

show FPS hide FPS share 1 remix fullscreen

anotherkitten

function u(t) {

eval(unescape(escape`挮睩摴桼㴰㭸⹴牡湳污瑥⠹㘰ⰵ㐰⤻砮牯瑡瑥⡴⤻景爨椽㐻ⴭ椻砮牯瑡瑥⠶⸲㠯㌩ⱸ⹦楬氨湥眠偡瑨㉄⡠䴴〴‱㜰‶㘠ⴴ㌳‭㔵‭㐳㌠㈲㈠㘴‭ㄱ㌠㘴‭ㄷ〠ㄶ㑚怩⤩砮晩汬却祬攽恨獬⠤筴⨶ぽ‶〥․筩⨹紥总`.replace(/u(..)/g,"$1%")))

Oct 24 2018 5:08 PM UTC

}// 140/140

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

rotating penrose

Show more comments…
u/anotherkitten

source code: https://pastebin.com/wnqGPycP
u/yonatan

cool!
u/tomxor

#Impossibleobject
u/tomxor

I challenge anyone to add rotation :P
u/BirdsTweetCodersDweet

There already is rotation?
u/anotherkitten

i think he means on a different axis that would make the object look 3d
u/tomxor

Yup an axis that is not parallel to the camera plane... i'm half joking because it's an impossible object, a trick of 3d projection, that said their may be a way to maintain the illusion while rotating on one of the fictitious planes.
u/danny@hille.dk

AWESOME!

show FPS hide FPS share fullscreen

jonathan-potter

function u(t) {

a=10000;b=1920;d=400;e=50
c.width=b
x.rotate(.8)
for(i=0;i<d;i++) {
z=e*S(i*t/8)+i*e
x.fillRect(z,-b,e,a)
x.fillRect(0,-b+z,a,e)}

Oct 12 2018 11:55 PM UTC

}// 129/140

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

put things together until it looked fancy

u/joeytwiddle

Hell yeah you did
u/lionleaf

Hypnotic! And there are so many different phases
u/BirdsTweetCodersDweet

c.width=b=1920,x.rotate(.8) for(i=400;i--;)z=(e=50)*S(i*t/8)+i*e,x.fillRect(z,-b,e,1e5),x.fillRect(0,-b+z,1e5,e) - 112... Now you can fit in a fillStyle() :D

show FPS hide FPS share fullscreen

BalintCsala

function u(t) {

eval(unescape(escape`景爨挮睩摴桼㵙㴹〻夭ⴻ⥦潲⡘㴹㤻堭ⴻ砮晩汬剥捴⠹㤹⭃⡡⤪⠳〰⭫⨹⤬太㄰⭓⡡⤪⠱㈰⭫⨷⤬㄰ⰱ㈩⥸⹦楬汓瑹汥㵠桳氨〠⑻⡫㵙┵☦⡘⭴⨹㤫⡙⼵簰⤪㐩┹㸱⤪㔰紥⑻㘰⭃⡡㵘⼳㈩⨲〭欪㌰紥总`.replace(/u(..)/g,"$1%")))

Oct 12 2018 8:51 PM UTC

}// 136/140

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

Very fake bump mapping with very sad framerate

u/BalintCsala

pre-compression: for(c.width|=Y=90;Y--;)for(X=99;X--;x.fillRect(999+C(a)*(300+k*9),Y*10+S(a)*(120+k*7),10,12))x.fillStyle=hsl(0 ${(k=Y%5&&(X+t*99+(Y/5|0)*4)%9>1)*50}%${60+C(a=X/32)*20-k*30}%
u/aleamb

awesome!
u/magna

Looks solid.
u/yonatan

this is great!
u/lionleaf

#bumpmapping #bricks #d3 #chimney :D

show FPS hide FPS share 1 remix fullscreen

yonatan

function u(t) {

t?c.width|=0:U=V=Y=X=.1
d=X*X+Y*Y>1&&(X*U+Y*V)**.7
X+=U-=X*d
Y+=V-=Y*d-.01
x.arc(a=540,a,a,0,9)
x.arc(a+X*a,a+Y*a,40,0,9)
x.fill('evenodd')

Sep 25 2018 1:35 PM UTC

}// 139/140

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

Phunky Physics

u/joeytwiddle

Fun! #bounce
u/cantelope

the last paramater of x.arc can be 7, 8, or 9 as a single digit that closes the circle.. i usually go with 7 because it's the closest integer > 2π, but it's interesting that you go with 9 usually :)
u/joeytwiddle

#physics