Top dweets 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: #Opposites

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/3239 by u/joeytwiddle

function u(t) {

r=()=>Math.random()*2520;for(i=99;i--;)x.fillStyle=`hsla(${r()},99%,63%,.01`,x.beginPath(),x.arc(r()-99,r()/2-99,r()**3/4e7,0,7),x.fill()

Apr 19 2019 9:35 AM UTC

}// 137/140

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

#plasma #cloud remix for 2019

u/KilledByAPixel

nice
u/DataMeta

Neato
u/joeytwiddle

63% works well on Firefox, 67% works well on Chrome

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/12994 by u/KilledByAPixel

function u(t) {

x.textAlign='center';for(X=W=300;X--;)x.font=W*(1+S(X+t))+"px'",x.fillStyle=R(99*(1+S(X*X+t*(X%5))),0,0,1),x.fillText("♥",X%16*150,99*X/16)

Apr 6 2019 8: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).

Love comes and goes 💕

u/joeytwiddle

#heavy Performs ok in Firefox if you wait for font sizes to cache
u/KilledByAPixel

awesome, much better then the original!

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/11709 by u/joeytwiddle

function u(t) {

t%1<.01&&(p=(X,Y,W,I,H=W/2)=>H>1?[0,1,2,3].map(i=>p(X+i%2*H,Y+H*(i>1),H,I*Math.random()**.2)):x.fillRect(X,Y,I,I))(0,0,c.width=R=512,5)

Jan 10 2019 10:29 AM UTC

}// 135/140

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

golfed #recursive #fractal #cloud

u/katkip

#massive
u/joeytwiddle

guess: What happens if you remove one of the numbers from the list?
u/f8f82804

Neat trick with just three numbers :) It took me a minute...

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/8414 by u/joeytwiddle

function u(t) {

for(c.width|=0,i=3500;i--;x.beginPath())x.globalAlpha=.03,x.arc(S(i**.5-t*9)*i*i/1e4+960,C(i**.5-t*9)*i*i/1e4+540,i**2/8e4+2,0,7),x.fill()

Jun 5 2018 9:59 AM UTC

}// 138/140

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

Soft shaded spiral

u/joeytwiddle

This is what I was going for, but it's kinda boring
u/zanella

No boring at all, I think it's the best spiral I've seen here. :)
u/joeytwiddle

tx zanella :) Derived from d/8393 by firegodjr and BirdsTweet
u/iverjo

#shading #spiral
u/iverjo

This has to be one of the best spirals I've seen on Dwitter

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

function u(t) {

c.width|=0;for(p=600;p--;)r=p**.5*9,k=2*t+r/120,q=p-9*S(t),x.fillRect(960+400*S(k)+r*C(q),540+250*C(k/.7)+r*S(q),w=5+r/20,w)

May 6 2018 11:28 AM UTC

}// 124/140

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

Spiral dot worm

u/joeytwiddle

I wanted to make a tribute to https://twitter.com/BalintCsala/status/99216… but this is all I got so far
u/BalintCsala

Hah, thanks
u/joeytwiddle

I did write something which was technically more similar (points appear and disappear without moving) but it doesn't look any good at the moment

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/7355 by u/New_Core

function u(t) {

for(i=a=360;i--;x.fillRect(i?a*S(i*a)*s+955:0,i?a*C(i)*s+535:0,k=i?s*9:2e3,k))s=20/((i+t*40)%a-a),x.fillStyle=i?`hsl(${i*5},99%,50%`:'#0001'

Mar 18 2018 5:39 AM UTC

}// 140/140

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

Remixing New_Core's Starfield 3

u/joeytwiddle

#starfield

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

function u(t) {

r=()=>Math.random()*2520;for(i=99;i--;)x.fillStyle=`hsla(${r()},99%,50%,.01`,x.beginPath(),x.arc(r()-99,r()/2-99,r()**3/4e7,0,7),x.fill()

Oct 3 2017 4:47 AM UTC

}// 137/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/cantelope

mmm love it
u/sigveseb

This needs more awesome votes!
u/Xen

got mine <3
u/iverjo

This one looks better in Chrome than in Firefox
u/joeytwiddle

Firefox users: please replace 50% with 33% or 66%
u/joeytwiddle

I guess this is exploiting rounding behaviour. RGB clouds emerge first, CMY later.
u/joeytwiddle

It has stopped working in Chrome. Now Chrome needs the same fix as Firefox!

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/3209 by u/lurifax

function u(t) {

for(i=c.width=480;--i;){for(j=8,d=7;j-->2;){y=40*j**.7+30/j*S(d*t/j+i/250*j);x.fillStyle=R(0,70+j*16,200);x.fillRect(i,300-y,1,y);d=-d}}

Sep 29 2017 11:42 AM UTC

}// 136/140

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

u/lurifax

Calm day at the sea, nice remix!
u/joeytwiddle

Thanks! The sea has many moods.
u/iverjo

#water
u/joeytwiddle

#sea #ocean but New_Core did it better with rain: d/2015
u/katkip

#waves

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/3109 by u/yokljo

function u(t) {

c.width|=m=170;for(i=5;i--;x.fillRect(960+m*S(a)-s,540-m*C(a)-s/2,s,s))k=m*t,a=6.28*k/m,a+=(i-2)*(1-C(a))/6,a-=0.8*S(a),s=20+1.4*(1+C(a))**5

Aug 26 2017 4: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).

dweet player loader skype edition

u/magna

Added to rotation!
u/joeytwiddle

Thanks :)
u/joeytwiddle

#loading

show FPS hide FPS share fullscreen

joeytwiddle

function u(t) {

r=Math.random
t%10<.3&&(c.width|=0,U=r(),V=r())
x.beginPath()
k=p=>1+S(p*t)
x.ellipse(960+300*S(t),540,300*k(U),200*k(V),t,0,7)
x.stroke()

May 19 2017 4:25 AM UTC

}// 138/140

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

Popped in to debug an ellipse for work. Felt rude not to leave a dweet.

u/jick

Oh, neat periodic clear trick.
u/joeytwiddle

I found that trick in a random dweet I saw recently. No idea which one.

dwitter.net | joeytwiddle (2443)