Dweets awesomed by u/skeletonNatte

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

Xen

remix of d/2213 by u/aemkei

function u(t) {

for(x.fillRect(0,0,i=W=c.width=500,W);i--;x.fillText(unescape("%u30C"+~~i%9),i*9%W,W*(S(i+t)+W/i)%W))x.fillStyle=R(0,i,i*i)

May 29 2018 12:26 AM UTC

}// 123/140

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

u/joedf

Could modify this to make the matrix ahah ;)

show FPS hide FPS share 1 remix fullscreen

E-Mouse

remix of d/3194 by u/lurifax

function u(t) {

for(i=2e3;i--;x.fillStyle=R(C(t)*128+128,0,C(i)*128+128,.07))x.fillRect(960+T(p=i/314)*(d=250+S(p*3+t)*(S(t)*99)*C(t)*4),540+C(p)*d,9,9)

May 28 2018 5:54 PM UTC

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

Feiro

function u(t) {

eval(unescape(escape`潮捬楣欽弽㹻瀽湥眠䅵摩潃潮瑥硴⠩㭯㵰⹣牥慴敏獣楬污瑯爨⤻漮捯湮散琨瀮摥獴楮慴楯温㭯⹳瑡牴⠩㭦潲⡲㴱㈹㭲ⴭ㬩漮晲敱略湣礮獥瑖慬略䅴呩浥⡲㸾㜿〺㐴〪ㄮ〵㤴⨪⡲☱㼭㐺⡔帽㌩⬨爾㸵☱⤩Ⱳ⼹⥽`.replace(/u(..)/g,"$1%")))

May 28 2018 11:01 AM UTC

}// 139/140

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

Click the canvas to be Thunderstruck! ⚡⚡

Show more comments…
u/Feiro

#audio #compressed
u/sigveseb

very nice ^^
u/S.T.L.K.R.

https://www.youtube.com/watch?v=uT3SBzmDxGk
u/highfestiva

Wooaaa! :D
u/sukkamehu

how does this work
u/katkip

This is awesome

show FPS hide FPS share 2 remixes fullscreen

Tesseract

remix of d/8184 by u/robbyg

function u(t) {

t||(p='m 960 540',d=0)
x.lineWidth=3
x.stroke(new Path2D(p+=["h9","v9","h-9","v-9"][(d^d++>>1).toString(2).match(/1/g).length%4]))
//dragons

May 24 2018 1:07 AM 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 fullscreen

sukkamehu

remix of d/8155 by u/kcsongor

function u(t) {

m=1000
w=160
for(i=0;i<m;i++)for(j=1;j<4;j++){if(!i)c.width=1920;x.fillRect(960+C(9*i*t/m)*j*w, 600+S(8*i*t/m)*j*w-40, 8*i/m+j, 8*i/m+j);}

May 21 2018 1:11 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 FPS hide FPS share 1 remix fullscreen

firegodjr

remix of d/8125 by u/prplz

function u(t) {

x.font='3em x';r=Math.random;for(i=63;i--;x.fillText('◢◣◤◥'[r()*4|0],i*32,(t*5|0)*32))f=r(),x.fillStyle=f>C(i/5)+(t-3)%6/2?'#fff':'#000'

May 18 2018 7:59 PM UTC

}// 136/140

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

Geometric sin wave ^^

u/firegodjr

#triangles #sinwave #random
u/Xen

niiice
u/aleamb

cool
u/firegodjr

#charmatrix
u/firegodjr

And thanks!

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

for(x.fillRect(0,i=-9,W=2e3,W);++i-9;)for(j=28;j-->9;x.clearRect(960-i*700/j,700-W/j*T(t/2-(q<9||q)/99),300/j,150/j))q=T(i*j+t/j)

May 15 2018 8:12 PM UTC

}// 129/140

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

Shattering floors

u/jylikangas

Inspired by http://sid766.tumblr.com/post/172062394600

show FPS hide FPS share 1 remix fullscreen

yonatan

function u(t) {

c.width|=0
for(i=3e3;i--;x.fillRect(960+(h=S(i/88-t)*i/5),1200-i/2-C(t+i/55+h*h/1e5)*h*i/4e3,s=99/i**.3,s))x.globalAlpha=.01

May 14 2018 5:25 PM UTC

}// 124/140

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

#smoke

u/Cloud

Good smoke

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

t?c.width=-1:a=1
a+=(t%6)-3
x.arc(300+a,119-68*S(2*t%3.16),50,0,7)
x.stroke()
x.clip()
x.font="6cm A"
x.fillText("Dwitter",200*S(t)-200,160)

May 11 2018 9:01 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/uchenna

please i'm new to javascript how can i use this code on my project
u/sigveseb

this is a cool one!
u/prplz

Nice! I didn't know about clipping
u/BuRRak

Cool! By commenting out clip you see what is going on a bit more!‮
u/fujimotos

#text
u/13thptr

#clip

show FPS hide FPS share 1 remix fullscreen

New_Core

remix of d/8051 by u/firegodjr

function u(t) {

for(c.width|=i=389;i--;x.stroke())x.beginPath(),x.arc(X=i%26*80,Y=~~(i/26)*80,70,0,7),x.fillRect(X-6-S(a=t*2+i/2)*70,Y-6+C(a)*70,12,12)

May 10 2018 9:44 AM UTC

}// 135/140

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

Same.. but with 1 for loop and a centered square on the line

u/firegodjr

Excellent :D
u/magna

Wireframe version: d/8075

dwitter.net | skeletonNatte (31521)