Dweets awesomed by u/FireFly

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

puckipedia

function u(t) {

r=Math.random,v=w=t;for(i=2e3;i--;v=r()*240,w=r()*140)x.fillStyle=`hsl(${v+S(t+w/99)*70},99%,50%)`,x.fillRect(v*8,w*8,8,8)

Mar 3 2017 11:14 AM UTC

}// 122/140

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

A weird rainbow-y thing that reminds me a bit of video compression

u/SpecialAgent

Reminds me of unicorn magic
u/joeytwiddle

#rainbow #plasma

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

ClayCowgill

function u(t) {

f=frame;for(j=1080;j--;x.fillRect(f,j,1,S(k),x.fillStyle=R(f/9,99)))for(a=f/500-2,b=j/500-1,k=35;k--&&a*a+b*b<4;a=c)c=a*a-b*b-.7,b=2*a*b+.55

Mar 2 2017 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).

I just can't get the color version down to size! i=frame;for(j=1080;j--;){a=i/500-2;b=j/500-1;for(k=75;k--&&a*a+b*b<4;)c=a*a-b*b-.7,b=2*a*b+.55,a=c;x.fillStyle=hsl(${C(k/9)*255},99%,50%);x.fillRect(i,j,1,1)}

Show more comments…
u/iverjo

Rad!
u/sigveseb

and yet the colors on this one are already beautiful!
u/sigveseb

btw you can do t*60 instead of frame
u/ClayCowgill

Thanks! That's one more saved! ;-)
u/ClayCowgill

(BTW, this is mostly based on a Mandelbrot set dweet that I can no longer find. (This is part of the Julia set instead.)
u/FireFly

Halfway there (150): for(j=2e3;j--;x.fillRect(t*60,j,1,1,x.fillStyle=hsl(${C(k/9)*255},99%,50%)))for(a=t*.12-2,b=j/500-1,k=75;k--&&a*a+b*b<4;a=c)c=a*a-b*b-.7,b=2*a*b+.55
u/FireFly

t*.12 is approx. t/8 if you're fine with it being somewhat off-centre.
u/ClayCowgill

Nice! Just six over now... for(j=2e3;j--;x.fillRect(t*60,j,1,1,x.fillStyle=hsl(${C(k/9)*99},99%,50%)))for(a=t/8-2,b=j/500-1,k=99;k--&&a*a+b*b<4;a=c)c=a*a-b*b-.7,b=2*a*b+.5
u/New_Core

the first 99 number can be put as k so still 5 to go
u/magna

You can omit the closing parenthesis of hsl() because browsers are resilient to bad CSS syntax
u/ClayCowgill

Good tips! Thanks!
u/ClayCowgill

Thanks for the help-- managed to get a high resolution/high color version going with the suggestions. :) https://www.dwitter.net/d/1896
u/katkip

Genius

show FPS hide FPS share fullscreen

sortie

function u(t) {

eval(c.id+=String.fromCharCode((Q="㬻籴硼琮慲獮慬整㤨〶㔬〴㬩⹸潦瑮✽攵⁭❁栻ㄽ㜲㔮砻昮汩卬祴敬刽䌨琨⨩⭨ⱨ⡓⨵⥴株栫匬㌨琪⨩⭨⥨砻昮汩呬硥⡴⹣摩㌬〰匪㌨琪Ⱙ㔲⨰⡃⨷⥴㬩⹸潲慴整ㄨⵅ⤲⼯".charCodeAt(t*60))%256,Q>>8))

Mar 2 2017 10:03 PM UTC

}// 140/140

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

I'd like to announce the dwitter character limit has been increased to 146 characters.

Show more comments…
u/iverjo

Details please?
u/sigveseb

kinda dangerous though, you might run into a partial dweet that forces an endless loop
u/sortie

We're restricted to 140 unicode characters, not 140 bytes. I exploited UTF-16 to encode two ascii values per UTF-16 codepoint. Since the overhead is less than 70 bytes, I can exceed the 140 ascii char limit. The characters 㬻 and ⼯ are fun exercises for the reader.
u/sortie

The decoder is quite golfed and exploits some fun facts. The payload itself is a quine exploiting decoder side effects.
u/sortie

sigveseb, admittedly I didn't think of that case. Partial dweet initial loops are easily fixed wrapping the payload in {} (or any other syntax error) at the cost of 1.5 codepoints (㬻 has one free byte).
u/donbright

wow!

show FPS hide FPS share fullscreen

veubeke

function u(t) {

r=c.offsetWidth/(c.width^=0);L=t?L.filter(l=>l[x.beginPath(),x.arc(...l,0,7),x.stroke(),2]++-70):(onmousemove=e=>L.push([e.x/r,e.y/r,5]),[])

Mar 2 2017 9:32 PM UTC

}// 140/140

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

Note: doesn’t work in Firefox < 53 because of missing support for MouseEvent.x/y

u/iverjo

Wow, this is so cool
u/lionleaf

#interactive #whater #ripples

show FPS hide FPS share fullscreen

bligglenuber

remix of d/1764 by u/bligglenuber

function u(t) {

w=c.width=960;h=w/1.8;a=30;b=w*h/a
for(i=0;i<b;i++)x.lineWidth=t*T((i))%20,x.strokeRect(i%w*a,((i/w)|0)*a,a,a)

Mar 2 2017 2:35 PM UTC

}// 110/140

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

u/FireFly

Mysterious. I like it 8)

show FPS hide FPS share 4 remixes fullscreen

New_Core

function u(t) {

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

Mar 2 2017 2:06 PM UTC

}// 135/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 ;) I did it like this so it dont bother the site to much...

u/iverjo

Haha, this is awesome xD
u/joeytwiddle

Thanks for this nice mini introduction to the Audio API. I remixed it into a theramin: https://www.dwitter.net/d/2446
u/iverjo

#audio

show FPS hide FPS share fullscreen

FireFly

function u(t) {

t || x.translate(X=960, 540)
x.fillStyle = 'hsl('+t*80+',80%,50%)'
x.drawImage(c,9,9)
x.fillRect(t*70%X, 1, 32, 24)
x.rotate(4)

Mar 2 2017 1:53 PM UTC

}// 127/140

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

Fast-paced kaleidoscope

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

interSrc

remix of d/1749 by u/interSrc

function u(t) {

a=S(t)
x.fillStyle=`hsl(${t*99},99%,${50+a*50}%)`
t||x.translate(960,540)
for(i=0;i<48;i++)x.rotate(.2),x.fillRect(X=i*9+a*500,X,s=i*9,s)

Mar 2 2017 8:28 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/FireFly

Sweet! I love colourful demos
u/5Mixer

Looks awesome. Reminds me of really old windows media player 'visualisations', form like, Win XP, if you remember them. Nice :)

dwitter.net | FireFly (5986)