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

davidsharp

remix of d/10524 by u/davidsharp

function u(t) {

c.onmousemove=({x:k,y,target:o,buttons})=>{x.font='60px a';if(buttons>0)x.fillRect(k/o.offsetWidth*c.width,y/o.offsetHeight*c.height,20,20)}

Oct 17 2018 12:51 PM UTC

}// 140/140

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

Dwitter's Worst Drawing Tool

u/joeytwiddle

#interactive

show FPS hide FPS share 1 remix fullscreen

Agnes

function u(t) {

for(c.width|=i=5;i--;x.fillText([..."🤠🤙👟👟🖐️"][i],15*S(a=i/.8),-15*C(a)))x.setTransform(A=20*C(b=S(t*(i+.25))/3),B=20*S(b),-B,A,960,540)

Oct 17 2018 12:15 PM UTC

}// 135/140

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

Howdy! I'm a cool cowboy!

u/Agnes

Feel free to remix this with your own head, hand and foot emojis, and change the value of b to make them rotate at different speeds.
u/magna

LOL
u/iverjo

:P

show FPS hide FPS share 1 remix fullscreen

yonatan

function u(t) {

c.width=-1
f=(u,v,a,r)=>r<1?x.lineTo(u,v):f(u+S(a)*r,v+C(a)*r,a*(z=0|t)+t/z,r/3)
for(i=1e3;i--;)j=i*2*Math.PI/999,f(150,84,j,55)
x.stroke()

Oct 17 2018 6:43 AM UTC

}// 139/140

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

u/BalintCsala

What a coincidence https://math.stackexchange.com/questions/183…
u/yonatan

Wow! that's exactly how this works (circles around circles around circles)
u/katkip

Awesome
u/joeytwiddle

Yeah these wobbly circles are cool #spirograph #pattern
u/katkip

this is a low iteration #fractal

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/10512 by u/f8f82804

function u(t) {

c.width^=t?onmousemove=e=>X=e.x/99:X=0
for(i=17;i--;x.lineTo(960+a*S(p)/.7,540+(i&4?a:-a)))a=960/(3+C(p=1.57*(i-(i>>2))-X))
x.stroke()

Oct 17 2018 4:40 AM UTC

}// 134/140

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

#minimal #perspective #d3 #cube #interactive

show FPS hide FPS share fullscreen

pavel

remix of d/8136 by u/Friend

function u(t) {

onkeydown=e=>k=e.keyCode-73
w=2e3
s=32
x.fillStyle="hsl("+t*71+",99%,50%)"
t?x.fillRect(p%w,p/w,s,s):p=k=3
p+=2e6+(k<2?-s:s)*(k&1||w)
p%=2e6

Oct 16 2018 10:45 PM UTC

}// 140/140

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

Rainbow Snake - Use IJKL to turn #interactive

u/pavel

Click the canvas once before pressing keys
u/pavel

#snake

show FPS hide FPS share 1 remix fullscreen

BuRRak

remix of d/10501 by u/BuRRak

function u(t) {

c.width|=0;for(x.font="5cm a",i=0,x.fillText("🐄",T-120,T%1500);i<32;i+=.02)x.fillRect((T=(960+C(t)*750))+(232-i*5)*C(i+t*48),i*30,20,20)

Oct 16 2018 4:28 PM UTC

}// 136/140

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

Cow in a tornado

u/f8f82804

#emoji

show FPS hide FPS share 1 remix fullscreen

jbrewhaha

remix of d/10433 by u/tomxor

function u(t) {

x.fillRect(0,0,1e4,1e4)
t+=16
n=1200
i=3768
for(;i--;)x.clearRect(
960+270 * S(i/n) / S(i+t),
540-270 * C(i/n) 
,4,4)

Oct 16 2018 4:04 PM UTC

}// 117/140

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

#blackhole

show FPS hide FPS share 2 remixes fullscreen

joeytwiddle

function u(t) {

for(c.width|=j=20;j--;x.fillRect(960+S(k=9*t+j/2.3)*12-w,540+C(k)*12-h,2*w,2*h))x.fillStyle=R(s=13*j,s,r=s*1.5),w=r*(.5+j%2),h=r*(1.5-j%2)

Oct 16 2018 9:51 AM UTC

}// 138/140

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

Blue cross tunnel - a tribute to https://pycodelic.blogspot.com/2018/08/tunne…

u/joeytwiddle

Oops the ripples should come outwards k=9*t-j/2.3
u/sigveseb

pretty colors
u/joeytwiddle

That website is actually made by a Dwitter user, but I'm sorry I forgot who!

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/10469 by u/f8f82804

function u(t) {

for(w=c.width=594;w-=99;x.stroke())for(a='moveTo',i=17;i--;a='lineTo')x[a](297+w*S(p=1.57*(i-(i>>2))+t)/(Z=4+C(p)),99+.4*w*((i&4)+T(t+w))/Z)

Oct 15 2018 10:51 PM UTC

}// 140/140

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

#d3 #perspective #cube #remix

u/f8f82804

#wireframe

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/10444 by u/rodrigo.siqueira

function u(t) {

c.width=800
n=0
n+=(t*3%55)*9
for(i=0;i<6;i=i+.6){
K=C(t*3)
x.moveTo(n+80+K,n+K*80)
x.lineTo(n+C(i)*30,n+K)
x.lineTo(n+K,n+K*80)
x.stroke()}

Oct 14 2018 9:42 PM UTC

}// 140/140

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

Sky bird flapping its wings

u/rodrigo.siqueira

#bird

dwitter.net | joeytwiddle (61459)