Dweets awesomed by u/tapgiles

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

keithclark

function u(t) {

for(a=c.width|=l=C(t),m=S(t);a--;x.fillRect((d*l-e*m)*h+960,(g*l-f*m)*h+520,h/=50,h))d=S(a*92),e=S(a),f=C(a*.7),g=d*m+e*l,h=800/(3+g*m+f*l)

Apr 23 2017 11:33 AM UTC

}// 139/140

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

A point cube spinning on two axis with perspective

Show more comments…
u/hscells

this is really nice
u/donbright

great job!
u/magna

Awesome!
u/cantelope

very nice!
u/joeytwiddle

#cube #dots
u/vain

damn cool

show FPS hide FPS share 1 remix fullscreen

phst

function u(t) {

c.width=1920;
  for(i=0;i<100;i++)
  x.fillRect(100+i*15,400+S(2*t+i)*250,8+S(i)*80,10+C(2*t-i)*100)

Apr 19 2017 2:52 PM UTC

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

Polyducks

function u(t) {

L=(X,Y,X1,X2)=>{x.beginPath();x.moveTo(X,Y);x.lineTo(X1,X2);x.stroke()}
if(t<16){L(S(t)*1000,S(t)*1000,T(t)*1000/S(t),t*100)}

Apr 18 2017 6:04 PM UTC

}// 125/140

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

_A stone wall by the sea_

u/Polyducks

I'll work out how to do bold text soon, I swear...
u/tapgiles

The first comment is automatically made bold ;P
u/tapgiles

Looks cool. Wish the line wouldn't disappear for so long, though...

show FPS hide FPS share fullscreen

Polyducks

function u(t) {

c.width=1920
x.fillRect(0,0,1920,1080)
x.fillStyle="#AAAAFF"
for(i=0;i<20;i++){
  a=T(t+i)*10
  x.fillRect(888*i%1920,a,20,a)
}

Apr 18 2017 8:33 AM UTC

}// 127/140

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

*RAIN DROPS*

u/magna

*JAW DROPS*
u/Jenky

Like melting ice :o
u/Polyducks

Aww thanks you guysss!

show FPS hide FPS share fullscreen

neo

function u(t) {

v=255;x.arc(c.width/2+700*S(t*6.75),c.height/2+500*C(7.11*t),0,0,0);x.fill();x.fillStyle=R((v+v*C(2*t)),(v+v*S(1*t)),(v+v*S(5*t)),0.03)

Apr 18 2017 3:47 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/Polyducks

Wow! There's so many patterns

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/1480 by u/magna

function u(t) {

c.width|=0
x.font='50px monospace';
(u+'')
.slice(0,t*3+S(t)*5)
.concat(t*2&1?'|':'')
.split('\n')
.forEach((s,i)=>x.fillText(s,0,++i*50))

Apr 18 2017 1:55 AM UTC

}// 138/140

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

Pair programming nightmare

Show more comments…
u/joeytwiddle

that title made me Lol :D
u/sigveseb

:D
u/Jenky

That's a really clever illusion, love it
u/magna

Heh, thanks! Brought it down to 123 chars in hopes of adding occasional mistakes like skipped characters / typos etc., but couldn't immediately find a way. In case anyone wants to give it a shot: https://www.dwitter.net/d/2522
u/donbright

:o
u/Polyducks

Could you make a random function to skip odd spaces?
u/magna

It has to be a deterministic PRNG so that the places that are skipped are persistent. Otherwise, it would just look like a random flipping of characters. I thought about it, but couldn't immediately find a short solution.
u/Polyducks

That's a great point. Dwitter is such a mind twister!
u/highfestiva

Groovy baby!
u/magna

#quine
u/joeytwiddle

#funny

show FPS hide FPS share 1 remix fullscreen

eruonna

function u(t) {

a=[0,9,0,-9,0]
if(t){if(i>=0){d=(p[i--]+1)%4;p.push(d);j++;b+=a[d];c-=a[d+1];x.lineTo(b,c);x.stroke()}else i=j}else{p=[0];i=j=0;b=960;c=540}

Apr 17 2017 8: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).

Works best in full screen, otherwise line is too thin

u/donbright

how does it work ?
u/eruonna

One way to draw the next iteration of the dragon curve is to take the previous iteration and then add it to itself backwards and rotated 90 degrees. Here p is the array of previous steps, j the index of the current step, and i walks backward through p. When i gets to the beginning, we set it equal to j and start over.
u/donbright

thanks, that is fascinating

show FPS hide FPS share 1 remix fullscreen

New_Core

remix of d/2473 by u/Woodmouth

function u(t) {

onmousemove=e=>{E=-.15+e.pageX/2e3};t?x.fillRect(a+=9*S(d),b+=9*C(d),9,9):b=a=d=500;d+=E
d=b>1080?3:b<0?0:a>1920?5:a<0?2:d

Apr 15 2017 7:09 AM UTC

}// 122/140

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

just some fun added, use your mouse.

Show more comments…
u/donbright

i literally laughed out loud playing this
u/joeytwiddle

Brilliant :D
u/Woodmouth

Hmm, there is actually quite a bit of space left. Can anyone make it follow the mose?
u/Woodmouth

Or wait... that would require a lot actually, nvm, i doubt it will be feasible.
u/joeytwiddle

I could get it to chase the mouse but could not keep the edge detection: https://www.dwitter.net/d/2495
u/Woodmouth

The slow turning is exactly what i was thinking of. I've already asked once, but why not again? Is anyone able to compress the last 12 characters in joeytwiddle's 2495 with the slow turn addition?

show FPS hide FPS share fullscreen

z3vin

function u(t) {

w=1920;q=80
for(i=0;i<w;i+=q)for(j=0;j<w;j+=q)x.rotate(t/9),x.fillStyle=`hsl(${i/36*S(t)*5},80%,50%)`,x.fillRect(i,i*S(t),S(t)*2*q+S(t*q),1)

Apr 14 2017 11:04 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/donbright

reminds me a bit of impressionist painting

show FPS hide FPS share fullscreen

NMcCoy

function u(t) {

w=c.width=1920
s=50
for(i=s;i<w;i+=s)
for(j=s;j<w/2;j+=s)
{
x.fillStyle=`hsl(${t*39+(j)*.3},99%,70%`
x.fillRect(i,j,S(t+i)*s,S(t+i)*s)
}

Apr 14 2017 10:16 PM UTC

}// 136/140

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

dwitter.net | tapgiles (2740)