Dweets awesomed by u/trupples

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

Niklas

remix of d/1675 by u/Niklas

function u(t) {

for(c.width|=0,q=100,i=q;i--;)for(a=i*.031+t*5,j=q;j--;)b=j*.031+t*5,x.fillRect(500+10*i+q*C(b),480+5*(j+q)/2.5*S(a),3,3);

Mar 1 2017 4:05 PM UTC

}// 122/140

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

u/iverjo

Now imagine Jasmine and Aladdin flying around on that carpet while singing "A whole new world"

show FPS hide FPS share fullscreen

Bombo

function u(t) {

w=c.width=1920;for(i=25;i--;){k=i*i;x.fillRect(w/2+k*S(t*4)/4,w/3-i*15+S(t*4)*k/4,9+i,9+i);x.fillRect(w/2+k*S(t*4)/4,w/3+S(t*4)*k/8,4,4);}

Feb 28 2017 9:47 PM UTC

}// 138/140

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

u/lionleaf

That is one tall tower

show FPS hide FPS share 1 remix fullscreen

pstefanlarsson

remix of d/1542 by u/pstefanlarsson

function u(t) {

c.width=1920; /* clear the canvas */
for(i=0;i<1920;i+=3){
h = 540*C(i*t/30+30*t);
x.fillRect(i, 540, 3, h)
}

Feb 28 2017 9:35 AM UTC

}// 110/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 4 remixes fullscreen

Kalanchoe

remix of d/1395 by u/Kalanchoe

function u(t) {

r=Math.random
c.width^=0
t?o.push({X:r()*1920,Y:r()*1080,x:0,y:0}):o=[]
o.map(a=>(x.fillRect(a.X+=a.x+=r()-.5,a.Y+=a.y+=r()-.5,s=4*r(),s)))

Feb 26 2017 10:31 AM UTC

}// 139/140

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

Fullscreen! Sometimes when my eyes aren't focused, I can see lights moving around just like this.

u/iverjo

Same here
u/donbright

snowflake remix https://www.dwitter.net/d/1414
u/donbright

tried using this technique in 3d https://www.dwitter.net/d/2112

show FPS hide FPS share 3 remixes fullscreen

tbroadley

function u(t) {

c.width^=0;for(i=3;i++<11;)a=i*S(t)/4,x.beginPath(),x.arc(960,540,40*i,Math.min(t+a,t+3*a),Math.max(t+a,t+3*a)),x.lineWidth=i*i/5,x.stroke()

Feb 26 2017 5:40 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/sfz

sweet loader
u/Kalanchoe

mesmerizing!
u/Tosmatobeef

This is my favorite kind of loading animation
u/iverjo

#loading

show FPS hide FPS share fullscreen

tomkh

remix of d/1358 by u/tomkh

function u(t) {

for(q=c.d=c.d||[],k=4e3;k--;)x.fillStyle=R(q[k]=k<80?500*Math.random():.47*(q[k-80]+q[k-79]),0,40,.2),x.fillRect(k%80*24,(45-k/80)*24,24,24)

Feb 25 2017 11:44 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/iverjo

Very good!
u/SpecialAgent

Brings back memories :)
u/joeytwiddle

#fire

show FPS hide FPS share fullscreen

dyb

function u(t) {

c.width=20; /* clear the canvas */ for(i=0;i<125;i++) x.fillRect(-5000+i*66+C(t)*1000, 0, 50, 1000) /* draw 50x200 rects */

Feb 25 2017 5:55 PM UTC

}// 123/140

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

u/5Mixer

Makes me think of a train in a tunnel passing lights, if the train was constantly changing direction :P

show FPS hide FPS share fullscreen

Pyrofoux

function u(t) {

x[f="font"]=g="140px A",n=Array(9).join(0/0);7-(t=~~t%8+1)?x[h="fillText"](n,0,t<<8)+(5-t||x[h]("🦇",874,560,c.width^=0,x[f]=g)):c.width^=0

Feb 25 2017 2:41 PM UTC

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

Haha, I believe this is a reference to "wat" ^^
u/andres

Is this broken because of the emoji?
u/kaicarver

NaNNaN NaNNaN NaNNaN NaNNaN BATMAN!! :-) https://youtu.be/EtoMN_xi-AM
u/iverjo

3:31 in this video: https://www.destroyallsoftware.com/talks/wat
u/sigveseb

:D
u/Kalanchoe

Haha, nice reference! For those who see boxes, it's supposed to be a bat emoji (U+1F987)
u/d0n.key

I actually wanted to type "BATMAAAAN!!!" in the comments, but jokes on me...

show FPS hide FPS share fullscreen

hamptonio

function u(t) {

c.width=1920;for(i=0;i<t;i+=.005){x.lineTo(960+300*(2+C(3*(i+t)))*C(i+t+S(i*t)),540+180*(2+S(3*(i+t)+S(i)))*C(i+t+S(t)+S(i)));};x.stroke()

Feb 25 2017 5:18 AM UTC

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

hamptonio

remix of d/1203 by u/vegolasse

function u(t) {

q=43;function a(r){x.arc(q+S(r/3)*400,q+S(r/2)*730,i,0,6.283);x.closePath()}c.width=q*q;for(i=0;i<q*q;i+=9){a(t);a(S(t))};x.fill("evenodd")

Feb 25 2017 1:10 AM UTC

}// 140/140

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

seems like that evenodd method could do some other cool shit

dwitter.net | trupples (15558)