Dweets awesomed by u/trupples

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

Zikoat

function u(t) {

t||(a=Array(s=30).fill(r=s*5));for(i=s;i;x.fillRect(a[i]+=(Math.random()-.5)*s,a[--i],s,s))x.fillStyle=R(...[1,3,5].map(b=>(S(t+b+i)+1)*r))

Jan 2 2018 10:38 AM UTC

}// 139/140

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

colorful random walkers

u/tangjurine

nice
u/alfredrasam

THIS IS SO PRETTY I'VE JUST BEEN STARING AT IT FOR THE PAST 10 MINUTES
u/joeytwiddle

#virus #outbreak

show FPS hide FPS share fullscreen

New_Core

function u(t) {

c.width|=b=0
for(i=200;i--;x.fillRect(960+b*C(a=8*S(i))+f,1e3+b*S(a)+e,5,5))q=t%4,q>2?T=99*t%800:0,q<2?(e=-T*S(q),f=(T-450)*C(q)):b=i*(q-2)

Jan 2 2018 8:44 AM UTC

}// 139/140

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

Little late and not so good explosion...

u/New_Core

#fireworks

show FPS hide FPS share 1 remix fullscreen

phillipcool

function u(t) {

c.width=2e3;x.font="200px A";x.fillText("▶️",900,700);c.onclick=()=>{speechSynthesis.speak(new SpeechSynthesisUtterance("happy new years"))}

Jan 2 2018 7:13 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/iverjo

It's so cool that you can do that with 140 characters :D
u/joeytwiddle

I really like the user-friendly play button (and I'm stealing the idea!)
u/joeytwiddle

#audio #speech #newyear

show FPS hide FPS share fullscreen

crcoin

function u(t) {

c.width|=d=(z,y,u,v,s)=>s?(x.fillRect(z,y,S(t*v++)*28,2),a=u-z,d(z,y,z+=(a-v+y)/2,y+=(a+v-y)/2,--s),d(u,v,z,y,s)):0;d(640,220,1440,680,14)

Jan 2 2018 5:26 AM UTC

}// 138/140

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

u/sigveseb

Nicee

show FPS hide FPS share 1 remix fullscreen

JonasPeeters

function u(t) {

c.width=1920;
for(i=0;i<190;i++){
x.fillStyle=R(S(i*3)*255,0,100)
x.fillRect(S(i/10+t)*300+1000,C(i/30)*400+500,C(i/10+t)*40,200)
}

Jan 2 2018 2:10 AM UTC

}// 132/140

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

u/donbright

i love the color choice

show FPS hide FPS share fullscreen

Loomy

function u(t) {

c.width=2e3
k=50
for(i=0;i<t*250;)
x.fillRect(k+i%k*k,k+i++,k,k)
x.font=400+'px x'
x.fillStyle='#FFF'
x.fillText('2018',450,750,2e3)

Jan 2 2018 1:46 AM UTC

}// 132/140

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

u/sigveseb

Ohh, the reveal!
u/Loomy

I wanted to write Happy New Year, but I did not have enough characters haha

show FPS hide FPS share fullscreen

function u(t) {

t||(location.href="https://www.youtube.com/embed/LY7x2Ihqjmc?autoplay=1")

Jan 2 2018 12:24 AM UTC

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

Bugsy

remix of d/5108 by u/Bugsy

function u(t) {

c.width+=i=0;h=400;for(;++i<200;)for(j=a=(t+C(i))%2;j++<50;)x.fillRect(~~a*(w=a*h-h)*C(j)+960,(~~a?h:a*h)*(S(i)+2)+C(i)+w*S(j)/4-200,2,2)

Jan 1 2018 11:37 PM UTC

}// 137/140

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

If I'm being honest, I have *no clue* what I did here, but it looks cool, so I'm posting the remix anyways

u/joeytwiddle

:D
u/rhys5584

Very nice

show FPS hide FPS share 2 remixes fullscreen

rippedspine

function u(t) {

t||(a=b=X=Y=-9);r=c.width/c.clientWidth;
c.onmousemove=e=>{X=e.clientX*r;Y=e.clientY*r}
x.fillRect(a+=(X-a)*.2,b+=(Y-b)*.2,9,9)

Jan 1 2018 11:27 PM UTC

}// 127/140

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

Mouse over to draw!

Show more comments…
u/sigveseb

With some easing, nice
u/trupples

Nice!
u/Frndly

Thought you’d like to know this Is also super cool on mobile. Tap tap tap.
u/rippedspine

sweet :D
u/rippedspine

TODO: use e.x and e.y instead of e.clientX/Y to shave off some bytes - trupples
u/Galaxtone

I shaved off 24 bytes! https://www.dwitter.net/d/7696

show FPS hide FPS share 1 remix fullscreen

CliffJonesJr

function u(t) {

M=245
x.font='99px A'
onmousemove=e=>{x.fillStyle=R(a=e.shiftKey*M,b=e.ctrlKey*M,M-a-b,.2)
x.fillText('●',e.clientX*3.3,e.clientY*3.5)}

Jan 1 2018 11:16 PM UTC

}// 135/140

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

Finger painting! Blue is the default color. Hold SHIFT for red, CTRL for green, or SHIFT+CTRL for yellow.

Show more comments…
u/CliffJonesJr

TODO: Remix this to be mobile-friendly somehow. This works on a MacBook, but probably not much else since the scalars I use for clientX and clientY are very ad hoc.
u/trupples

Nice one! I love this wave of mouse input dweets :D Btw you can use e.x and e.y instead of e.clientX/Y to shave off some bytes
u/CliffJonesJr

@trupples Wha?!! Yeah, I should have tried that. Derp.
u/CliffJonesJr

Anybody know how I can make this more cross-platform? Remixes welcome!
u/wclang

Thanks, trupples, for the tip about mouse input!!
u/rippedspine

so nice! i solved the cross-platform thing in this dweet https://www.dwitter.net/d/5168 :D
u/CliffJonesJr

Thanks @rippedspine! I just posted a remix that works better across devices: https://www.dwitter.net/d/5403
u/iverjo

#interactive

dwitter.net | trupples (15393)