Dweets awesomed by u/joeytwiddle

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 fullscreen

the_yuhanna

function u(t) {

 for(c.width|=a=70;--a;x.arc(500+S(G+t)*200,500+C(t+G*3)*100,a%50*70,20,6.2832))x.moveTo(G=a/6|0,0) 
x.fill('evenodd')

May 15 2017 6:39 PM UTC

}// 118/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 2 remixes fullscreen

joeytwiddle

function u(t) {

r=Math.random;p=(X,Y,S,D,k)=>D&&(x.globalAlpha=.01,x.fillRect(X,Y,S,S),k=_=>p(X+2*S*r()-S,Y+S*r()/2,S*.8,D-1),k(),k());t||p(900,0,500,18)

May 15 2017 8:38 AM UTC

}// 137/140

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

Random cloud generator

u/joeytwiddle

You can click on the code and hit Space to see more clouds
u/jick

I would love to see a breakdown of how this works.
u/joeytwiddle

It's a fractal using recursion. p draws a square with the given parameters. Then it calls p again twice to draw slightly smaller squares, offset from the parent.
u/joeytwiddle

Like this but more random (and with 2 children instead of ~7): http://neuralyte.org/~joey/hwimirror/hwi.ath…

show FPS hide FPS share fullscreen

nystrand

function u(t) {

for(q=a=b=i=3e3,d=35;i--;x.fillRect(a/2-q,b/4-q,q*9,q*4,x.fillStyle=R(d*3,d,d%99,.1,q=2)))a+=a*S(w=d+S(d*9+t*4))/77,b+=b*C(w+.5)/77,d+=t%9/d

May 12 2017 2:39 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/donbright

outstanding
u/magna

This is so 70's!
u/lionleaf

sweet!
u/iverjo

So nice! And it looks like 3D
u/joeytwiddle

Pretty
u/13thptr

#flower

show FPS hide FPS share 2 remixes fullscreen

FireFly

function u(t) {

c.width|=0,x.font='3in a';for(x.fillText("warped",Y=A=500,300);Y--;x.drawImage(c,0,Y,2e3,1,D/2,Y+A+C(Y*t/9)*4,2e3-D,4))D=S(Y/40*T(t))*A*C(t)

May 11 2017 1:16 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

MrM@_S

function u(t) {

onmousemove=e=>E=e.x
t?c.width=99:Y=R=X=E=!(x.F=x.fillRect)
x.F(n=E/7,30,20,3)
x.F(Y+=S(t)*.8,R+=X+=.1,2,Y<n+20&&Y+9>n&&R<32&&3+R>30?X=-3:2)

May 10 2017 12:32 PM UTC

}// 140/140

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

[a ball and paddle] interactively move the mouse to keep the ball in the air

u/joeytwiddle

Yay! Pong solitaire. Nice one :)
u/donbright

lol great
u/joeytwiddle

#game
u/katkip

#interactive

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/508 by u/New_Core

function u(t) {

x.beginPath();x.strokeStyle=R(0,a=255*S(7*t),a);x.ellipse(960,540,b=79+2*S(t/2),b*.7,t/2,0,7),x.stroke();x.drawImage(c,-9,-4,1938,1088)

May 9 2017 12:21 PM UTC

}// 135/140

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

s/stroke/fill/g to get rid of the white circle

show FPS hide FPS share 1 remix fullscreen

MrM@_S

function u(t) {

x.fillText(0,t*t&t,t>>t^t)

May 3 2017 5:18 PM UTC

}// 26/140

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

smaller better triangles

show FPS hide FPS share fullscreen

keithclark

remix of d/2671 by u/keithclark

function u(t) {

for(a=1e4,J=S(t/=2)/7,c.width=Z=127;a--;)x.fillRect(X=a&Z,Y=a>>7,1,'p}¶¼<¼¶}p'.charCodeAt(Z+Y*C(t)-X*J&15)>>(X*C(t)+Y*J+Z*t)%15&1)

May 3 2017 4:27 PM UTC

}// 132/140

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

6 bytes shorter (thanks p01)

u/iverjo

So good!
u/keithclark

Add a ~ before 'p}¶¼<¼¶}p' to invert colours
u/Lazy1337

epic #rotozoom
u/vain

nice rotozommer

show FPS hide FPS share 1 remix fullscreen

keithclark

function u(t) {

for(a=c.width|=0,G=36,J=S(t)/4;a--;'p}¶¼<¼¶}p'.charCodeAt(Y*C(t)+G-X*J&15)>>(X*C(t)+Y*J+t*G)%15&1&&x.fillRect(X*G,Y*G,G,G))X=a%53,Y=a>>6

May 3 2017 1:26 PM UTC

}// 138/140

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

fullscreen rotozoom

u/joeytwiddle

#spaceinvaders #rotozoom #alien
u/yonatan

3-char shorter transposed bitmap (just posting so I won't forget it): 'ĄǼͶ߿׽ԅØ'

show FPS hide FPS share 1 remix fullscreen

keithclark

function u(t) {

for(a=1e4,c.width=$=127,J=S(t/=2)/7;a--;'p}¶¼<¼¶}p'.charCodeAt($+Y*C(t)-X*J&15)>>(X*C(t)+Y*J+$*t)%15&1&&x.fillRect(X,Y,1,1))X=a&$,Y=a>>7

May 3 2017 1:18 PM UTC

}// 138/140

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

rotozoomer

u/p01

:)
u/p01

Save 4 bytes using
u/p01

x.fillRect(X,Y,1'p}¶¼<¼¶}p'.charCodeAt($+Y*C(t)-X*J&15)>>(X*C(t)+Y*J+$*t)%15&1)

dwitter.net | joeytwiddle (61494)