Dweets awesomed by u/Blane

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: #ScaryMovies

show FPS hide FPS share fullscreen

Blane

function u(t) {

t==0?i=0:i++;a=0;b=172*i-(i%2*-1+i)*87;with(x)for(j=26;j--;stroke())moveTo(a,b),lineTo(a+=50+50*(j%2),b+=87*(2*(i%2)-1)*(j%2-1)*C(j*1.57))

Feb 28 2018 6:39 PM UTC

}// 138/140

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

Drawing a Hex grid

show FPS hide FPS share fullscreen

Blane

function u(t) {

c.width^=0;for(i=999;i--;){v=300*(.5+.4*S(T(t)+6*t+3.14/99.9*i)-.1*C(6*i));x.fillRect(980+v*S(6.28e-3*i),540+v*C(6.28e-3*i),9,9)}

Feb 21 2018 7:13 PM UTC

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

DirtyDan

remix of d/7009 by u/DirtyDan

function u(t) {

with(x){lineWidth=b=44
fillStyle="#FFF"
for(i=0;i<b;i++)beginPath(),arc(960+S(a=t*i/b*4)*(d=i*t*S(t)),540+C(a)*d,i*3,0,b/7),stroke(),fill()}

Feb 20 2018 3:01 AM UTC

}// 140/140

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

If someone can shave 2 characters off, we can invert the colors! Like in d/7011

u/akm

here, I shaved off 10 chars: with(x)for(fillStyle="#FFF",i=0;i++<44;lineWidth=44)beginPath(arc(960+S(a=t*i/11)*(d=i*t*S(t)),540+C(a)*d,i*3,0,7),fill(stroke()))

show FPS hide FPS share fullscreen

Blane

function u(t) {

c.width^=0;for(i=99;i--;x.fill())x.fillStyle='hsl('+29*(C(t+i))+',99%,50%)',x.beginPath(),x.arc(99*(t%31+i*.1)-1.1e3,540+99*S(t+i*.1),i,0,7)

Jan 24 2018 5:48 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/aleamb

great
u/Qwitter

life like... Im glad that thing swam away from me :)

show FPS hide FPS share fullscreen

Blane

function u(t) {

w=c.width|=0;v="Falling Text";x.font="300px a";for(i=0;i<v.length;i++){x.fillText(v[i],i*w/v.length,600-9**(-5*t%20+i+4))}

Jan 23 2018 2:23 PM UTC

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

ipost

function u(t) {

c.width^=0;f=.01;for(i=628;i--;x.stroke())x.beginPath(),x.arc(960+860*S(t+i*f),540+440*C(t+i*f),60+45*S(20*S(t)*S(i*f)),0,6.28)

Jan 22 2018 10:38 PM UTC

}// 128/140

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

u/aleamb

Wow!
u/Xen

very smooth
u/DirtyDan

Smart, using f to multiply i to gradually count up to 2 pi

show FPS hide FPS share 2 remixes fullscreen

BackendForth

function u(t) {

c.width=1920
for(i=0;i<1920;i+=4)
{s=i/99-t*4%27+5
w=Math.pow(2,-s*s)*99+9
x.fillRect(i,540-w/2+S(i/43)*9+(i>960?i/2-480:0)*(i%8?1:-1),8,w)}

Jan 4 2018 1:11 AM UTC

}// 140/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/justinwzig

This rocks
u/magna

Awesome!
u/lurifax

Smooth!
u/sigveseb

Niiice
u/jbl

beautiful!
u/Bugsy

Golfed and slightly cleaned at https://www.dwitter.net/d/5543. Have fun with the extra characters!
u/Bugsy

(cleaned is referring to some slight blockiness on the right side of the animation, not the code. My code is much uglier :P)
u/BackendForth

Neat! TIL Javascript accepts python notation for exponents.
u/ETHproductions

Golfed even further at https://www.dwitter.net/d/5601. Now there's 30 extra chars to play around with :-)
u/mohd-akram

I was expecting it to open like a zip :D
u/lionleaf

#feynman #feynman_diagram #organic #quantum_field_theory
u/lionleaf

#zip
u/rodrigo.siqueira

Neural sign propagating through axon terminals
u/rodrigo.siqueira

#neural
u/rodrigo.siqueira

#neuralnetwork

show FPS hide FPS share 1 remix fullscreen

Blane

function u(t) {

c.width=w=1920;for(i=0;i<w/2;i++){b=1.1*(i%(w));d=9*C((t+.9*i)/2);x.fillRect(960*(1+(Math.sqrt(2e5-(b-539)*(b-539))/1e3)*S(t+.9*i)),b,d,d)}

Jan 2 2018 3:52 PM UTC

}// 139/140

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

u/magna

You can use the ** operator to shorten Math.sqrt(2e5-(b-539)*(b-539))/1e3) to (2e5-(b-539)**2)**.5
u/magna

c.width=w=1920 can be shortened to: w=c.width|=0
u/magna

Golfed down to 111 chars: https://www.dwitter.net/d/5273
u/Blane

Thanks!

show FPS hide FPS share fullscreen

hnen

function u(t) {

c.width=2e3;w=1e3;
for(i=1;i<w;i++){y=(i*i)%w-500;a=i%6.28+t;s=10*(2+C(a));x.fillRect(w+S(a)*Math.sqrt(25e4-y*y),60+1e3/2+y,s,s);}

Jan 2 2018 2:10 PM UTC

}// 131/140

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

u/joeytwiddle

#sphere

show FPS hide FPS share fullscreen

trupples

function u(t) {

t?c.width=innerWidth:X=Y=a=b=0,c.onmousemove=e=>E=e
x.arc(X+=a+=(E.x-X)/1e3,Y+=b+=(E.y-Y)/1e3,9,7,0)
x.lineTo(E.x,E.y)
x.stroke()

Jan 2 2018 1:43 PM UTC

}// 129/140

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

Elastic sling

Show more comments…
u/Xen

very nice!
u/wclang

Yo-yo--very nice indeed!
u/magna

Tip: Hijack an existing variable that you don't make use of (like S, C, T) to avoid the initial reference error for the variable E
u/trupples

aah, nice one
u/katkip

OMG
u/katkip

#physics

dwitter.net | Blane (541)