Dweets awesomed by u/magna

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

nilstastic

function u(t) {

c.width=1920;for(i=0;i<200;i++){var y=i*8-100;var xx=900+C(t*5)*200 + C(i+t*2)*400;x.fillRect(xx,y+C(t*5)*100,20,20);}

Feb 22 2017 9:36 AM UTC

}// 118/140

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

u/J2D28U

Woah! It can go both ways depending on which way you concentrate!

show FPS hide FPS share 5 remixes fullscreen

donbright

function u(t) {

c.width=900;半=450;for(i=0.0;i<360;i+=1){x.lineTo(半+C(i*t/10)*i,半*9/16+S(i*t/10)*i)};x.stroke();

Feb 22 2017 2:31 AM UTC

}// 95/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/lionleaf

Starts off nice looking and becomes extremely trippy and hypnotic!
u/inviso

mesmerizing
u/ilSilvano

wow that escalated quickly.
u/elanimus

someone tell me how to run this please
u/Xen

Golfed and tweeked, #2909 ;-)
u/sparr

This is a browser glitch, right? It only looks cool because the browser starts using too few segments to draw the spiral. Would be boring in a fixed browser.
u/Haabilo

@sparr Not really a glitch. The code uses lineTo as means to straw the lines. It also sets the maximum amount 5
u/Haabilo

...of the segments. Damn, I didn't think mistapping backspace on mobile would send the comment as-is...
u/ArtsyBiker1

Awesome
u/blackvitriol

welcome to time travels :)
u/hoppla1232

Sir Moire apprecetiates this
u/Freak

This is like one of those nightmares I have where everything keeps on getting faster and it scares me and I love it
u/joeytwiddle

This is for me the definitive dwitter dweet #spiral
u/geb

#background

show FPS hide FPS share fullscreen

function u(t) {

c.width=w=1920;h=1080;d=60;for(q=0;q<w;q+=d*2){for(e=0;e<h;e+=d*2){x.fillStyle=R(0,0,0,C(t+q+e));o=(d*C(t+q));x.fillRect(q+o,e-o,d+o,d+o)}};

Feb 22 2017 12:52 AM UTC

}// 140/140

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

u/jon

Reminds me of the old Microsoft logo 👍

show FPS hide FPS share fullscreen

Kalanchoe

function u(t) {

θ=c.width=1e3;x.strokeStyle='#4f5';r=(17+S(t)/157)/7;p=(θ,F)=>190*(F(θ)-F(θ*r)/r);while(θ>0)x.lineTo(p(θ-=.1,C)+500,p(θ,S)+281);x.stroke()

Feb 22 2017 12:40 AM UTC

}// 138/140

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

Homestuck!

u/Kalanchoe

Also, shout-out to Hacker News.

show FPS hide FPS share 9 remixes fullscreen

sigveseb

remix of d/302 by u/sigveseb

function u(t) {

(F=Z=>{for(x.fillStyle=R(W=1/Z*4e3,W/2,W/4),i=Z*Z*2;n=i%Z,m=i/Z|0,i--;n%2^m%2&&x.fillRect((n-t%2-1)*W,(S(t)+m-1)*W,W,W));Z&&F(Z-6)})(36)//rm

Feb 21 2017 11:18 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/dx4100

absolute insanity in two lines of code -- so awesome!
u/Daboo

I love it
u/lionleaf

All credit to u/sigveseb! dwitter.net/d/302
u/surasshu

fabulous!
u/alpha

Nice
u/soxface

incredible...
u/suresh

Awesome!
u/arowberry

really really cool!
u/highfestiva

This is far from your best work, why is it so liked?
u/iverjo

Because it got much exposure during a traffic peak on dwitter last year
u/iverjo

Besides, it's an awesome dweet :D
u/iverjo

https://www.youtube.com/watch?v=vFdDOcDLXt4
u/iverjo

#recursive
u/vain

Very cool checkerboard parallax fx
u/fentbiggesthater

decent
u/ximavus

dude 473 awesomes its the top
u/ximavus

Amazing!1
u/ximavus

I don't remember writing these comments
u/ximavus

my little brother prob
u/SockTaters

^ lol
u/46uuuu

#1 awsomed dweet

show FPS hide FPS share 3 remixes fullscreen

p01

function u(t) {

c.width|=0;for(n=200;n-=1/64;x.fillRect(n%3*666,n*5,h=8-k,h))for(r=C(t*3),i=S(t*4),k=28;--k/r;i=j)j=2*r*i+1-n/99,r=r*r-i*i+1-n%3

Feb 21 2017 9:42 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/donbright

wow!
u/iverjo

#fractal
u/galactustrombone

IS THAT THE MANDELBROT SET?
u/katkip

yep
u/joeytwiddle

#mandelbrot
u/DaSpider

Somehow this runs much faster in my codebase https://repl.it/@rogerio_neves/Dwitter-codeb…

show FPS hide FPS share 5 remixes fullscreen

mxfh

function u(t) {

c.width=w=1920;π=Math.PI/2;λ=0;r=w/4;for(φ=-π;φ<π;φ+=1/r){λ+=.1;x.lineTo(C(φ)*S(λ-t)*r+w/2,(C(t)*S(φ)-S(t)*C(φ)*C(λ-t))*r+r)}x.stroke()

Feb 20 2017 11:57 AM UTC

}// 135/140

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

simple orthographic projection; try some factors on the lat λ and lon φ offsets t

Show more comments…
u/mxfh

simple orthographic projection; try some factors on the lat λ and lon φ offsets t
u/wicktwo

Niiiice!
u/as

i love this one
u/ssg

nice variable names!
u/donbright

so elegant
u/lionleaf

#sphere
u/lionleaf

#d3 . (3d is currently not a valid hashtag)
u/BirdsTweetCodersDweet

#whichwayround #inorout

show FPS hide FPS share 4 remixes fullscreen

mxfh

function u(t) {

d=x.getImageData(0,0,w=c.width=256,h=144);for(i=0;i<h;i++)for(j=0;j<w;j++)d.data[(i*w+j)*4+3]=(i-j&j+i)*t%w;x.putImageData(d,0,0)

Feb 20 2017 3:43 AM UTC

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

This is my favorite demo on Dwitter so far
u/mxfh

first draft on documenting the more obvious parts: https://news.ycombinator.com/item?id=13712558
u/hamptonio

pretty sick
u/mxfh

drone audiosoundtrack paste this:
u/mxfh

;new Audio("data:audio/wav;base64,"+window.btoa('RIFF$WAVEfmt data'+x.getImageData(0,128,c.width,32).data.reduce((data,byte)=>data+String.fromCharCode(byte),''))).play()
u/mxfh

//safer encoding: ;new Audio("data:audio/wav;base64,UklGRiQAAgBXQVZFZm10IBAAAAABAAIAAIAAAAAAAgAEABAAZGF0YQAA"+window.btoa(x.getImageData(0,128,c.width,32).data.reduce((data,byte)=>data+String.fromCharCode(byte),''))).play()
u/Xaviaro

Breathtaking!
u/lionleaf

#fractal #recursive
u/Galaxtone

Of you let it run long enough it returns to the original image but sort of pixelated and a little more and it'll return to the original image

show FPS hide FPS share 2 remixes fullscreen

aemkei

function u(t) {

for(c.width=90,b=[a=this.b||0],i=3e4;i--;x.fillRect(i%90,i/90,1,b[i]=a?3==d|a[i]&2==d:24*i%7%2))for(d=0,j=5;e=87*(2<j--)+j;)d+=a[i+e]+a[i-e]

Feb 19 2017 10:33 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/lionleaf

wow, awesome! Game of life!
u/iverjo

Impressive
u/aemkei

Based on aem1k.com/life
u/aemkei

#gameoflife

show FPS hide FPS share fullscreen

iverjo

function u(t) {

for(i=0;i<2400;i++)x.beginPath(),x.arc(960+i*C(i/20),540+i*S(i/20)/3,29+i*i/2e4,0,7),x.fillStyle='#'+['000','A0E','FFF','9F0'][i%4],x.fill()

Jan 28 2017 10:00 PM UTC

}// 140/140

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

Optical illusion: Go fullscreen and glance at the different parts of the image. As you move your eyes, it may seem like other parts of the image moves slightly.

Show more comments…
u/iverjo

This needs a large and bright display to work
u/donbright

lol i kept looking for 't' in your code, not there!
u/iverjo

Haha!
u/CliffJonesJr

I love these illusion dweets. Nice!
u/iverjo

Thanks :)
u/iverjo

#opticalillusion

dwitter.net | magna (133679)