Dweets awesomed by u/tinfoilboy

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

lionleaf

remix of d/155 by u/lionleaf

function u(t) {

c.width=2e3;m=S(t*7)*250;x.translate(960,540);for(i=1;i<9799;i++){a=(i%340);x.rotate(.017);x.fillRect(a?(i/999|0)*50:0,m,a?5:450,9)}

Feb 25 2017 6:35 PM UTC

}// 132/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 17 remixes fullscreen

jczimm

function u(t) {

c.width=1920;
for(i=0;i<300;i++)for(j=0;j<6;j++){x.fillRect(960+200*C(i)*S(T(t/1.1)+j/i),540+200*S(i),10,10)}

Feb 22 2017 5:23 PM UTC

}// 109/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/sigveseb

Very stylish!
u/ninerdelta

nice!
u/Kalanchoe

truly a compact loading spinner!
u/jczimm

Thanks!
u/serko

Any way to view this fullscreen on an iPhone?
u/tischler

Awesome. Negating t makes it more aerodynamic. =)
u/Valscor

This is so cool!
u/over

This would be an amazing loading animation !
u/katkip

This is so easy to make and it has 297 likes
u/Leodude123

ねあt
u/Leodude123

Neat!
u/Scaledish

Could I use this as a animation for my site?
u/jczimm

Yes! Consider it CC0-licensed

show FPS hide FPS share fullscreen

lionleaf

remix of d/41 by u/lionleaf

function u(t) {

c.width=2e3;for(i=0;s=300,a=s/(s-(t+i*s/900)%s),i<900;i++){x.strokeRect(999-a*(1+S(t))/2,500-a*(1+C(t*2))/2,a,a)} //Redweet of an old tunnel

Feb 22 2017 2:15 AM UTC

}// 140/140

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

#tunnel

show FPS hide FPS share 8 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

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 fullscreen

lionleaf

remix of d/662 by u/kaicarver

function u(t) {

if(t<2){c.width=1920;for(j=0;j<2;j++){for(i=0;i<6;i++){z=Math.round(Math.random());x.fillRect(700+j*300,280+i*100,200+100*((1-j)*z),50)}}}

Feb 19 2017 6:08 PM UTC

}// 138/140

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

How about this one, kaicarver? It stops after two seconds, just refresh the page for a new one. You could do t%10<1 for a new one every 10 seconds as well. See #662 for a description of what this is.

u/kaicarver

Nice!
u/summivox

reminds me of Shenzhen.io...
u/Qwitter

The Dweet of Changes
u/Qwitter

not 2017 now, but 2021..... this place still stands, AWESOME

show FPS hide FPS share fullscreen

lionleaf

remix of d/616 by u/lionleaf

function u(t) {

c.width=2e3;x.translate(970,400);for(i=25;i--;)x.fillStyle='hsl('+i*9+',50%,50%)',x.transform(-S(t*2),T(t),S(t),1,0,0),x.fillRect(i,i,i,i*9)

Jan 14 2017 4:50 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 FPS hide FPS share 3 remixes fullscreen

julie

function u(t) {

c.width=2e3;for(i=9;i--;)for(j=9;j--;)x.beginPath(),x.arc(i*250+S(t*i)*99, j*99+C(t*j)*99,50,0,7),x.fillStyle=R(S(t*j)*999,0,99),x.fill()

Jan 14 2017 4:45 PM UTC

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

lionleaf

remix of d/45 by u/lionleaf

function u(t) {

c.width=2e3;x.translate(970,400);for(i=0;i++<30;)x.fillStyle='hsl('+i*9+',50%,50%)',x.transform(-1,C(t+1),S(t),-1,0,0),x.fillRect(i,i,99,99)

Jan 14 2017 4:42 PM UTC

}// 140/140

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

Fruit ninja #dweetoff

show FPS hide FPS share fullscreen

New_Core

function u(t) {

x.fillStyle=R(b=2e3,b,b,0.1);x.fillRect(0,0,b,b);x.beginPath();for(i=b;i--;)x.lineTo(i/2*C(t)+i*S(g=t+i)+960,i/4*S(t)+i*C(g)+540);x.stroke()

Aug 21 2016 3:10 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

Dat tunl!
u/New_Core

maybe its a spinning chinese hat from top
u/iverjo

You're right, I can trick my brain into beliving that. Funky! It's like one of those illutions where you see different things based on how you look at it/think of it
u/iverjo

*believing
u/iverjo

Dwitter really needs an "edit comment" feature :P
u/lionleaf

Wow!!
u/giel

Nice!
u/lionleaf

#rotation #hat #in_or_out #lighting
u/joeytwiddle

#shiny
u/vain

Wow! Very nice!

dwitter.net | tinfoilboy (5528)