Dweets awesomed by u/sfz

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 fullscreen

alech

function u(t) {

c.width=1920;for(i=0;i<7;i++){x.fillStyle=R(0,255*T(t*i*0.1),i*128*C(t));x.fillRect((i+1%2)*0.1*(400+i*150+S(t)*300),400+100*S(t*i),90,90)}

Mar 21 2017 11:32 PM UTC

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

donbright

remix of d/2238 by u/aemkei

function u(t) {

r=500;c.width^=0;
t?φ.push(t):φ=[]
φ.map(φ=>{
x.fillStyle='hsl('+r*C((λ=φ*r)/2)+',99%,50%)'
x.fillRect(C(φ)*S(λ+t)*r+999,S(φ)*r+r,9,9);
})

Mar 21 2017 10:52 PM UTC

}// 138/140

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

progressive trance planet

u/sfz

Morten Granau works love it

show FPS hide FPS share fullscreen

aemkei

remix of d/2238 by u/aemkei

function u(t) {

r=500;c.width^=0;for(I=F=2;F>-2;F-=1/2e3)x.fillRect(C(F)*S(L=F*r-t)*r+999,S(F)*r+520,W=(20&((S(I+=.25032)*50)*C(.1+I/1000)*.7))*C(L/2),W)

Mar 21 2017 10:36 PM UTC

}// 137/140

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

the world …

u/sfz

you are a god.min.js
u/sigveseb

well done!
u/iverjo

#sphere #earth #globe
u/vain

What?? top ++++

show FPS hide FPS share fullscreen

scottglz

remix of d/2194 by u/scottglz

function u(t) {

c.width=76;for(X=71;X--;)for(Y=40;Y--;x.fillRect(X,Y+S(X/9+7*t)+2,1,1))x.fillStyle=X<24&Y<20?Y%2|X-Y&3|!Y|!X?'#447':f:Y/3&1?f='#ddd':'#b23'

Mar 21 2017 8:19 PM UTC

}// 139/140

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

u/sfz

awesome!
u/joeytwiddle

#flag

show FPS hide FPS share 1 remix fullscreen

pangolin

function u(t) {

if(t-~~t<.5){new Audio("data:audio/wav;base64,UklGRsYAAABXQVZFZm10IBAAAAABAAEAQB8AAIA+AAACABAAZGF0YaIZAAA"+Array(90).join("DWEET")).play();}

Mar 21 2017 3:46 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/Myst

Play freebird
u/pangolin

I've been trying to get something that would play different notes, but I can't get it small enough. The next step would clearly be freebird.
u/recursive

There's a separate audio synthesis api that might work. It's kind of wordy though
u/mxfh

;new Audio("data:audio/wav;base64,UklGRsYAAABXQVZFZm10IBAAAAABAAEAQB8AAIA+AAACABAAZGF0YaIZAAA"+c.toDataURL("image/bmp").substr(22,4000)).play()
u/mxfh

have no idea how to tweak the wav header to align samples with imagedata and where the bmp header ends, but just past this to the end of any dweet
u/pangolin

There isn't much that changes in the header info: http://soundfile.sapp.org/doc/WaveFormat/
u/mxfh

ok here's your header tweak tool: http://codepen.io/mxfh/pen/mWLMrJ
u/joeytwiddle

#audio

show FPS hide FPS share fullscreen

aemkei

remix of d/1231 by u/iverjo

function u(t) {

c.width^=0;for(i=9;i<2e3;i+=2)s=(9/(9-(t/2+i/99)%9))**1.6,x.beginPath(),j=i*7+S(i),x.lineWidth=s/5,x.arc(960,540,s,j,j+.02),x.stroke()

Mar 21 2017 10:57 AM UTC

}// 134/140

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

Star Field

u/iverjo

#starfield #stars

show FPS hide FPS share fullscreen

sfz

function u(t) {

x.drawImage(c,-9,-4,1937.8,1089)
for(i=9;i--;)H=9*S(t),G=9*C(t),x.fillStyle=`hsl(${t+=9*i+t/9},90%,60%`,x.fillRect(960+i+G-H,470+i+H+G,6,6)

Mar 21 2017 8:48 AM UTC

}// 139/140

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

Neutron

show FPS hide FPS share fullscreen

z3vin

function u(t) {

c.width=1920;r=(n)=>Math.random()*n;w=c.width;h=c.height;for(i=0;i<2999;i++)x.fillRect(r(w),r(h),w,1);x.fillRect(w/4,h/3+r(33),199,299)

Mar 21 2017 3:54 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/donbright

this looks amazing on my phone... because it was a lot slower than on my pc
u/z3vin

@donbright thanks man I'll have to try slowing it down to check it out.
u/joeytwiddle

pushing the envelope to ludicr͞óus s͡p̵ee͏d

show FPS hide FPS share 1 remix fullscreen

jick

function u(t) {

for(i=0;i<2e3;i++) { x.fillStyle=R(0,C(t*i)*255,0); x.fillRect(i,1070,10,4); }
x.drawImage(c,0,-5,1920,1080)

Mar 21 2017 3:07 AM UTC

}// 109/140

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

u/donbright

interesting technique
u/Xen

your turn ;-) remix: #2920, i hope you like!
u/Xen

your turn ;-) remix: #2920, i hope you like!

show FPS hide FPS share 1 remix fullscreen

scottglz

remix of d/2237 by u/dodojojo

function u(t) {

w=c.width=1920;g=-C(t/7)*9+11;for(i=0;i<g;i++)for(j=0;j<g;j++)x.fillRect(i*(w/g)+30*S(g*j),j*(1080/g)+30*C(g*i),w/g-10,1080/g-10)

Mar 20 2017 10:48 PM UTC

}// 130/140

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

Made a cycle of my favorite timespan

dwitter.net | sfz (8520)