Dweets awesomed by u/AaronGiles

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

tomkh

function u(t) {

for(c.width=i=1920;i--;){for(g=30,h=63&i,v=i>>6,e=g,k=20;k--;)r=S(k-t)+1-h/g,d=C(3*k+t)+1-v/g,e-=1/(d*d+r*r+.02);x.fillRect(h*g,v*g+99,e,e)}

Mar 5 2017 7:34 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/FireFly

Sweet! I need to read up on how to metaballs
u/SpecialAgent

Nice!
u/donbright

great!!!
u/iverjo

Impressive!
u/iverjo

#metaballs
u/vain

This looks so fucking cool! Unbelievable this is produced by only 140 chars of code

show FPS hide FPS share 2 remixes fullscreen

veubeke

function u(t) {

for(i=1920;a=i--/400;x.fillRect(i,400+t*70+_*15,1,99))_=C(a+t)*3+C(a-t)*8+(r=i*i/t%1),
x.fillStyle=`hsl(${140-t*4+_},80%,${40-t*2-_-r*9}%)`

Mar 5 2017 5:05 PM 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/iverjo

Nice :) This reminds me of the classic Windows XP desktop background image
u/sigveseb

very nice! can we squeeze in a blue sky?
u/veubeke

I’m trying ^^
u/magna

Not enough Unicode cows. Back to work!
u/Beginner

Amazing!
u/FENRIR

windows xp start up sound went to my head
u/iverjo

#grass
u/joeytwiddle

#landscape
u/vain

Cool and interested way to draw this landscape!

show FPS hide FPS share 3 remixes fullscreen

walsh9

function u(t) {

c.width|=Y=(d,e,a,l)=>l?(x.moveTo(d,e),x.lineTo(d+=l*9*C(a),e+=l*9*S(a)),Y(d,e,a-S(t),--l),Y(d,e,a+S(t),l)):0;Y(960,999,4.71,14),x.stroke()

Mar 4 2017 5:56 PM UTC

}// 140/140

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

fullscreen recommended

u/donbright

unbelievable!!!! wow
u/SpecialAgent

wonderful!
u/CocoMeister

#fractal

show FPS hide FPS share fullscreen

AaronGiles

function u(t) {

t||(v=0);c.width|=0;z=S(t);w=299+199*z;x.lineWidth=2*w;v+=z/5;s=S(v);o=C(v);a=960;x.moveTo(a-w*s,a/2-w*o);x.lineTo(a+w*s,a/2+w*o);x.stroke()

Mar 4 2017 9:26 AM UTC

}// 140/140

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

Another one that works weirdly/differently on Edge.

u/AaronGiles

Looks like Edge wants an explicit x.beginPath, whereas others clear the path implicitly

show FPS hide FPS share fullscreen

AaronGiles

function u(t) {

c.width|=0;s=200*(1-C(t%1));x.globalAlpha=1-s/90;x.textAlign='center';i=s<17?s*50:850;x.font=`${i}pt Arial`;x.fillText(t|0,960,540+17*s)

Mar 3 2017 3:36 PM UTC

}// 136/140

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

u/sfz

fun!
u/iverjo

https://www.youtube.com/watch?v=BMI4o0zc2XI

show FPS hide FPS share fullscreen

AaronGiles

function u(t) {

c.width|=0;s=200*(1-C(t%1));x.scale(s,s);x.globalAlpha=1-s/90;x.textAlign='center';x.font=`30pt Arial`;x.fillText(t|0,960/s,540/s+17)

Mar 3 2017 11:27 AM UTC

}// 133/140

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

u/joeytwiddle

#numbers

show FPS hide FPS share fullscreen

AaronGiles

function u(t) {

t||(x.translate(w=960,540),x.rotate(2));j=S(t);x.rotate(j/40);x.drawImage(c,0,-w);x.fillStyle=`hsl(${j*360},99%,50%)`;x.fillRect(w*j,0,9,w)

Mar 3 2017 9:21 AM UTC

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

AaronGiles

function u(t) {

w=960;m=255;i=S(t);j=S(t*.9);x.globalAlpha=.5;x.drawImage(c,i*10,10);x.fillStyle=`hsl(${j*j*m},99%,50%)`;x.fillRect(w+w*i,0,50,10);

Mar 3 2017 7:42 AM UTC

}// 131/140

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

u/SpecialAgent

Love these colours!

show FPS hide FPS share fullscreen

ClayCowgill

function u(t) {

for(j=2e3;j--;x.fillRect(t*60,j,1,1,x.fillStyle=`hsl(${C(k)*78},99%,50%)`))for(a=t/8-2,b=j/540-1,k=9;k--&&a*a+b*b<4;a=c)c=a*a-b*b-.7,b=2*a*b

Mar 3 2017 5:28 AM UTC

}// 140/140

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

Really wants ~4 more chars... for(j=2e3;j--;x.fillRect(t*60,j,1,1,x.fillStyle=hsl(${C(k/12)*99},99%,50%)))for(a=t/8-2,b=j/540-1,k=49;k--&&a*a+b*b<4;a=c)c=a*a-b*b-.7,b=2*a*b

show FPS hide FPS share fullscreen

donbright

remix of d/1755 by u/SpecialAgent

function u(t) {

n=frame
q=n%2?400:289.2
d=n%2?2*t:2*t/.61518
X=960+q*C(d),Y=540+q*S(d)
n%4?x.moveTo(X,Y):x.lineTo(X,Y)
x.stroke()
x.fillRect(X,Y,9,9)

Mar 3 2017 2:36 AM UTC

}// 133/140

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

This shows the pattern traced by a line directly between the Earth and Venus as they orbit the sun. This pattern is pretty ancient, for example discussed in the book Quadrivum about the old academic relationships between art and science. This type of pattern may be helpful to appreciate the concept of Orbital Resonance in a planetary system.

Show more comments…
u/donbright

thx to https://nssdc.gsfc.nasa.gov/planetary/factsh… for the data
u/sfz

Fascinating
u/donbright

inspired by @SpecialAgent obvs!
u/SpecialAgent

This pattern is very pleasing to the eye, very nicely done!
u/sigveseb

This space stuff is nice!
u/Lazy1337

#cardioid
u/Lazy1337

#math
u/donbright

#venus #space #orbits

dwitter.net | AaronGiles (786)