Dweets awesomed by u/hamptonio

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 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

show FPS hide FPS share fullscreen

hamptonio

remix of d/1763 by u/New_Core

function u(t) {

if(!t)a=new(window.AudioContext)(),o=a.createOscillator(),o.connect(a.destination),o.start(a);o.detune.value=220*S(t+S(t*t))

Mar 2 2017 9:26 PM UTC

}// 124/140

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

Remove "a" from "o.start(a)" to begin the annoyance. This golfing tweak to New_Core's should allow for more complexity to be added...

Show more comments…
u/iverjo

116 characters: if(!t)a=new(AudioContext)(),o=a.createOscillator(),o.connect(a.destination),o.start();o.detune.value=220*S(t+S(t*t))
u/iverjo

115 characters: t||(a=new(AudioContext)(),o=a.createOscillator(),o.connect(a.destination),o.start());o.detune.value=220*S(t+S(t*t))
u/iverjo

Room for 25 more characters of fun! :D
u/hamptonio

if(!t){a=new(AudioContext)();o=[];for(i=6;i--;){q=o[i]=a.createOscillator();q.connect(a.destination);q.start()}}o[t%6|0].detune.value+=S(t)
u/hamptonio

multivoice above
u/iverjo

#audio

show FPS hide FPS share fullscreen

iverjo

remix of d/1763 by u/New_Core

function u(t) {

if(!t)a=new(window.AudioContext)(),o=a.createOscillator(),o.type='square',o.connect(a.destination),o.start(a);o.frequency.value=800*S(t)

Mar 2 2017 6:43 PM UTC

}// 136/140

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

Remove the a in o.start(a) to start the anoying thing xD

u/iverjo

#bartjs
u/iverjo

Warning: The sound may be louder than you expect
u/iverjo

Looks like it doesn't work in Firefox
u/iverjo

#audio
u/joeytwiddle

#police

show FPS hide FPS share 1 remix fullscreen

iverjo

function u(t) {

c.width=384;for(i=20;i--;)for(j=9;j--;)if(!i||(i^j)%2){x.fillStyle=R(a=i?0:240),x.fillRect(i*20+j%2*4*S(t)-25+9*S(j),j*20,i?20:420,i?20:2)}

Mar 2 2017 6:29 PM UTC

}// 139/140

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

Optical illusion thingy. It's supposed to look like the red lines are not really straight and parallel. #bartjs

u/sfz

it works, trippy!
u/iverjo

Fun fact: This was actually the first idea I ever had for a dweet, back in december 2015 when sigve made https://github.com/sigvef/arktis-tweet-demo/
u/donbright

great illusion
u/SpecialAgent

Expecting a gorilla and some barrels to come hurtling down. Love it.
u/iverjo

#opticalillusion

show FPS hide FPS share 2 remixes fullscreen

SpecialAgent

function u(t) {

c.width^=0;r=400;A=[.4,.7,1,1.5,1,2,4,7];for(n=4;n--,q=r*A[n],d=t/A[n+4];)x.arc(r*2,r,q,1,9),x.stroke(),x.fillRect(r*2+q*C(d),r+q*S(d),9,9)

Mar 2 2017 10:55 AM UTC

}// 139/140

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

Illustrates the orbits of the first 4 planets in our solar system. The distance from the sun (not shown but expected in the center) and the orbital periods are to approximate scale. Variable A holds the planetary data, positions 0-3 indicate the distance in Astronomical Units from the sun, positions 4-7 the number of days for orbital periods. These are rounded to fit into the 140 byte limit. Earth should be 3.65, but is rounded up to 4. Not perfect but a close approximation. q is the radius of each orbit (derived from the AU distance), and d is the angle of the planet on the orbital path (derived from the days per orbital period).

u/donbright

hell yeah
u/donbright

remix to show e-v orbital resonance https://www.dwitter.net/d/1811
u/donbright

i wish i could vote twice on SpecialAgent's dweet, so cool.
u/SpecialAgent

Thank you donbright :)
u/SpecialAgent

A golfed version that tunes earth's orbital period to 360 days, and speeds up the simulation: c.width^=0;r=600;for(n=4;n--,q=r*[.2,.3,.5,.75][n],d=t*2/[1,2,3.6,7][n];)x.arc(r,r,q,1,9),x.stroke(),x.fillRect(r+q*C(d),r+q*S(d),9,9)

show FPS hide FPS share fullscreen

ClayCowgill

function u(t) {

for(j=0;j<900;j++)x.globalAlpha=.3,
i=S(t)*4,s=S(t+j),o=C(t-j),x.fillStyle=`hsl(${j-t},100%,50%)`,x.fillRect(950+j*s,500+j*i*o/3,10,10)

Mar 2 2017 7:14 AM UTC

}// 135/140

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

u/Purpzie

Shortened by 18 characters: for(x.globalAlpha=.3,j=900;j--;)x.fillStyle=hsl(${j-t} 99%50%),x.fillRect(960+j*S(t+j),540+j*(S(t)*4)*C(t-j)/3,9,9)
u/Purpzie

Wait, 2 more characters can be shaved off so now it's 20 characters less than yours: for(x.globalAlpha=.3,j=900;j--;)x.fillStyle=hsl(${j-t} 99%50%),x.fillRect(960+j*S(t+j),540+j*S(t)*4*C(t-j)/3,9,9)

show FPS hide FPS share fullscreen

sortie

function u(t) {

for(X=1920;X--;x.fillStyle=R(8*n),x.fillRect(X,t*60,1,1))for(C=A=X/960-1.5,D=B=t/9-1,n=0;n<32&C*C+D*D<4;n++)E=C*C-D*D+A,D=2*C*D+B,C=E

Mar 1 2017 10:43 PM UTC

}// 133/140

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

u/SpecialAgent

Nice fractal!
u/hamptonio

Very nice using the time more internally, this is much faster than others I've modified.
u/vonzo

wow
u/katkip

Wow! This #fractal looks awesome

show FPS hide FPS share fullscreen

hamptonio

remix of d/1660 by u/hamptonio

function u(t) {

t?i++:i=0;for(j=2e3;j--;){a=j/1e3-2;b=i/2e3-.25;for(k=12;k--;){q=a*a+b*b;q*=q;c=2*a+(a*a-b*b)/q;b*=2*(1-a/q)/3;a=c/3}x.fillRect(j,i,1,S(a))}

Mar 1 2017 10:21 PM UTC

}// 140/140

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

Thanks to iverjo for the speedup from #1660.

show FPS hide FPS share fullscreen

hamptonio

function u(t) {

w=c.width=128;for(i=2;i<w*w;i++){s=i;for(k=0;s>1;k++){s=s%2?3*s+1:s/2};x.fillStyle=`hsl(${k*.9},80%,${k/3}%)`;x.fillRect(i%w,i/w|0,1,1);}

Mar 1 2017 9:38 PM UTC

}// 137/140

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

Visualization of Collatz sequences: https://en.wikipedia.org/wiki/Collatz_conjec…

u/taupelink

#collatz
u/taupelink

Dwitter engine may have been updated since this dweet was posted...you can add "if(!t)" at the beginning although that bumps it up past 140 characters...
u/taupelink

#collatz

show FPS hide FPS share fullscreen

puckipedia

function u(t) {

c.width+=0,c.onmousemove=d=>a=d.clientX*3;z=(t?z:Array(f=1e3).fill([a=f,0])).map(([w,e],i)=>(x.fillRect(w,i,9,9),[w+e*i/f+e/9,(e*6+a-w)/9]))

Mar 1 2017 7:29 PM UTC

}// 140/140

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

Just a wobbly line.

Show more comments…
u/sfz

was staring at this waiting for something to happen longer than I like to admit XD
u/lionleaf

Amazing. Love these interactive ones
u/iverjo

+1 for the physics :D
u/iverjo

mildly entertaining to play with
u/hamptonio

nice!
u/recursive

I learned something new! Destructuring assignment!
u/iverjo

#interactive
u/katkip

#physics

dwitter.net | hamptonio (6772)