Top dweets by u/CliffJonesJr

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

CliffJonesJr

function u(t) {

c.width=520
for(i=0;i<52;i++){
x.fillStyle=R(S(t)*150+i*2,S(t*2)*100+(150-i*2),C(t*3)*250)
x.fillRect(i*10,200+S(i*2+t*2)*100,9,200)
}

Dec 27 2017 2:27 AM UTC

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

CliffJonesJr

remix of d/4136 by u/Exca

function u(t) {

for(i=0;i<540;i++){d=C(t+i),s=i?9-d*8:2920
x.fillStyle=R(i/3,i,i*2,.1)
x.fillRect(S(t*2.5+i)*S(C(t)+i%50)*(550-i)*1.5+960*(i?1:-1),i*2,s,s)}

Dec 29 2017 4:50 AM UTC

}// 140/140

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

Twister!

u/joeytwiddle

#tornado

show FPS hide FPS share fullscreen

CliffJonesJr

remix of d/1829 by u/New_Core

function u(t) {

c.width|=0
for(i=16;i--;)x.ellipse(1e3+S(t*8+i/9)*300,500+C(t*8+i/9)*50,160+S(-i/2)*160+t,5+S(i/9)*50+t*t,1.6+S(t*5)/5+t*t,9,0,6)
x.stroke()

Dec 29 2017 7:34 AM UTC

}// 140/140

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

Wonky fish freak-out.

u/lionleaf

flop flop flop

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

show FPS hide FPS share 1 remix fullscreen

CliffJonesJr

remix of d/4716 by u/CliffJonesJr

function u(t) {

//REMIX!!!
for(i=0;i++<48;){a=Math.round(t*8+i)%3
x.font=(40+i*3)+'px A'
x.fillText(a?a>1?'🌎':'🌏':'🌍',860+22*i*C(b=t*i/8),600+22*i*S(b))}

Dec 29 2017 9:13 PM UTC

}// 137/140

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

Multiverse!

show FPS hide FPS share fullscreen

CliffJonesJr

function u(t) {

t||(r=Math.random)
X=r()*1920
Y=r()*r()*1080
x.shadowColor=R(156+r()*99,0,r()*99)
x.shadowBlur=Y/50
x.font=Y/12+'px A'
x.fillText('🕷️',X,Y)

Dec 27 2017 6:56 PM UTC

}// 139/140

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

Unholy army.

show FPS hide FPS share fullscreen

CliffJonesJr

function u(t) {

t||(Y=y=960,Z=z=540,γ=ζ=0)
c.width=1920
y+=γ+=S(t)+(Y-y)*.002
z+=ζ+=C(t)+(Z-z)*.005
x.font=(90+z/10)+'px A'
x.fillText(z<700?'😀':'😃',y,z)

Dec 27 2017 6:36 AM UTC

}// 137/140

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

u/mohd-akram

Like one of those annoying video game bosses :D
u/CliffJonesJr

I was originally going to make the motion random, but that char limit is tough! Looks pretty random at least.

show FPS hide FPS share fullscreen

CliffJonesJr

remix of d/5167 by u/CliffJonesJr

function u(t) {

M=245
P=c.width/c.clientWidth
x.font='99px A'
onmousemove=e=>{x.fillStyle=R(a=e.shiftKey*M,b=S(t)*M,M-a-b,.2)
x.fillText('●',e.x*P,e.y*P)}

Jan 3 2018 7:09 PM UTC

}// 138/140

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

Fading finger paints! Hold down SHIFT for warm colors.

u/iverjo

Challenge for the dweeters out there: Make art with this tool and post a link to an image of the result
u/CliffJonesJr

River Sunset: http://cliffjonesjr.com/media/dwitter-sunset…

show FPS hide FPS share fullscreen

CliffJonesJr

remix of d/4587 by u/CliffJonesJr

function u(t) {

a=Math.abs
c.width=i=48
for(;i--;)
for(j=27;j--;){z=38-a(i-24)-a(j-14)
x.fillStyle=R(S(t*z)*99,S(t*t*z)*128,S(t+z)*255)
x.fillRect(i,j,1,1)}

Dec 30 2017 6:15 AM UTC

}// 140/140

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

Trigger warning!

show FPS hide FPS share 2 remixes fullscreen

CliffJonesJr

remix of d/1281 by u/iverjo

function u(t) {

c.width+=i=0
for(;i++<48;){x.font=(50+i*2)+'px A'
x.fillText(i<9?'🙂':i<18?'☺️':i<27?'😀':'😲',860+22*i*C(a=t*i/8),600+22*i*S(a))}

Dec 29 2017 7:50 PM UTC

}// 127/140

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

Happy vortex!

dwitter.net | CliffJonesJr (83)