Dweets awesomed by u/DataMeta

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 6 remixes fullscreen

magna

remix of d/6493 by u/magna

function u(t) {

x.fillRect(0,0,2e3,2e3);for(i=64;i--;)for(x.setTransform(1,0,0,1,i%8*240,(i>>3)*135),j=99;j--;)x.clearRect(120+C(t+j/4)*50,67+S(j*i)*50,3,3)

Jan 26 2018 1:14 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 more comments…
u/donbright

!!!!!!!!!!
u/donbright

man this is... unbelievable
u/aleamb

fucking awesome!
u/magna

thanks! there's a lot of room to play around with variations with this idea. go nuts!
u/sandstedt

Amazing!
u/zanella

I didn't know computers could do such thing. :D
u/rikardlindstrom

Wowwowowow
u/Qwitter

!!!!!!!!!!!!!!!!!
u/Qwitter

This makes me just eant to give up a qwit
u/sigveseb

Really nice :D
u/sigveseb

64-in-1 dweet value megapack ^^
u/diceroll123

how do i give you Dwitter Gold™️?
u/magna

I only take Dwittercoin, but thanks for the thought!
u/Qwitter

Have a Dwitcoin <svg height="40" width="40"><circle cx="10" cy="15" r="9" stroke="#999900" stroke-width="2" fill="#bfbf22" /><text x="7" y="20" fill="#cfcf00">$</text><text x="5" y="20" fill="#eeee00">D</text></svg>
u/bepisTM

wait what, dwitter comments support tags?
u/Qwitter

<del>no</del>
u/bepisTM

<span style="color:#f06">test</span>
u/Qwitter

<svg height="20" width="40"> <text x="5" y="10" fill="red" transform="rotate(30 0,0)">P</text> <text x="10" y="10" fill="red" transform="rotate(20 0,0)">A</text> <text x="15" y="20" fill="red" transform="rotate(-20 0,0)">S</text> <text x="20" y="35" fill="red" transform="rotate(-30 0,0)">S</text> </svg>
u/StarStep

pass
u/lionleaf

#multi_dweet #awesome #visualization
u/lionleaf

#multidweet
u/rodrigo.siqueira

A collection of Lissajous patterns
u/vain

Lissajous patterns in 140 chars? top!

show FPS hide FPS share fullscreen

yonatan

remix of d/6408 by u/yonatan

function u(t) {

t?x.d=x.drawImage:c.width=w=256
x.d(c,-2,1,260,2e3)
for(i=0;i++<w;x.fillRect(i,0,1,1))x.fillStyle=R(r=150+t*i**4%w,r,w)
x.d(c,-9,31,374,700)

Jan 25 2018 2:08 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/magna

Nice!
u/joeytwiddle

JSConf Asia approves!
u/yonatan

#water #waterfall
u/sigveseb

Pretty sweet

show FPS hide FPS share fullscreen

donbright

remix of d/6160 by u/zanella

function u(t) {

Q=(x,y)=>x*x+y*y
for(i=N=128;i--;)for(j=N;j--;)B=Q(i,j),G=Q(N-i,16-j),P=Q(9-i,N-j),x.fillStyle=R(P%B%G,B%G%P,G%P%B),x.fillRect(i*8,j*8,8,8)

Jan 25 2018 1:02 AM UTC

}// 139/140

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

zanella got me thinking more about math... d/6378 was basic color... this doesn't look like much but the theory is interesting to me....a circles-and-squares pseudo fractal, but with the added idea of "centers of gravity" from which the modular arithmetic create patterns against each other. it's incredibly slow so animation is almost pointless. but i like the idea still.

u/iverjo

cobweb

show FPS hide FPS share 1 remix fullscreen

21medals

function u(t) {

c.width^=0
x.globalCompositeOperation="xor"
for(i=0;i<40;)
x.fillRect(960,540,C(t*i/16)*i*13,S(t*i/16)*i++*13)

Jan 24 2018 8:32 PM UTC

}// 110/140

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

u/Qwitter

Cool
u/DirtyDan

Cool, rectangle corners following a spiral pattern
u/innovati

Beautiful!

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/6406 by u/yonatan

function u(t) {

t?x.drawImage(c,-2,1,260,1500):c.width=256
for(i=0;i++<256;x.fillRect(i,0,1,1))x.fillStyle=`hsl(${210+(r=(t*i)**3)%9},70%,${70+r%20}%`

Jan 24 2018 2:53 AM UTC

}// 135/140

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

waterfall?

u/donbright

nice
u/iverjo

#water #waterfall

show FPS hide FPS share fullscreen

ellisk1

function u(t) {

c.width|=z=4+C(t);r=89;f=a=>x.lineTo(250*z+r*C(q=a-S(t+a)/3)*z,99*S(2*t)+r*z*(1+S(q)));f(0);f(1.3);f(2);f(2.5);f(0);f(2);r=99;f(2);x.fill()

Jan 23 2018 4:09 AM UTC

}// 139/140

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

Flying Paper Airplane

Show more comments…
u/donbright

:)
u/sigveseb

Nice idea
u/trupples

Woah
u/aleamb

Great idea. Very nice dweet.
u/Qwitter

Cool
u/Xen

but is it flying towards or away?
u/ellisk1

Good question! It's up to the viewer haha
u/mrbhawk

This is my favourite dweet ever.
u/aleamb

the most elegant dweet ever seen
u/hollo47

#paperplane #elegant
u/joeytwiddle

#model

show FPS hide FPS share 1 remix fullscreen

BackendForth

function u(t) {

w=50
c.width=1920
v=(i,j)=>x.lineTo((i+j)*w,w*j+S((i*i+j*j)**.5+t)*w)
for(i=w*w;i--;x.fill())x.beginPath(),v(a=i%w,j=i/w),v(a+1,j),v(a,j+1)

Jan 22 2018 3:30 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 more comments…
u/Xen

wow
u/aleamb

impressive!!
u/Qwitter

Nice (I detect an incoming wave of surface wave dweets )
u/Qwitter

Rough Seas: v=(i,j)=>x.lineTo((i+j)*w,w*j+C(2*j-3*t)*S(i+t)*w)
u/donbright

the triangles is just marvelous
u/zanella

My new favorite dweet.
u/tl-code

wow

show FPS hide FPS share fullscreen

aemkei

function u(t) {

T=480
x.strokeStyle=R(S(t*3)*T,99,T)
x.beginPath()
x.moveTo(2*T+T*S(t),T+T*C(t))
x.lineTo(2*T+T*S(t*=5.5),T+T*C(t))
x.stroke()

Jan 22 2018 1:07 PM UTC

}// 126/140

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

u/Qwitter

Thats quite a harmonically pleasing chord sequence, dig the inkish drawing colors too

show FPS hide FPS share fullscreen

rikardlindstrom

remix of d/6237 by u/rikardlindstrom

function u(t) {

c.style.background=R();with(x)strokeStyle=`HSLA(${t*99},79%,80%,.2)`,beginPath(stroke()),arc(960+S(1.95+t)*54*t,540+C(1.95+t)*54*t,1E3,0,7)

Jan 21 2018 9:12 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/iverjo

Worth the wait <3
u/Qwitter

Nice! reminds me of those experiments looking for plant auras
u/Xen

nice style!
u/rikardlindstrom

@Qwitter, plant auras? I'm intrigued!
u/Qwitter

https://en.m.wikipedia.org/wiki/Kirlian_phot…

show FPS hide FPS share 3 remixes fullscreen

jonathan_b

remix of d/6279 by u/jonathan_b

function u(t) {

for(c.width|=s=i=504;i-=3;x.beginPath())q=S(i)*C(t+i),x.arc(s+s*3*q,s+s/2*S(i),i,0,7),x.lineWidth=i,x.strokeStyle=R(i/q,q*s,i/2),x.stroke()

Jan 21 2018 8:45 AM UTC

}// 139/140

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

u/Qwitter

Love this !
u/jonathan_b

thanks!
u/Qwitter

This deserves a couple Dwitcoins: <svg height="40" width="40"><circle cx="10" cy="15" r="9" stroke="#999900" stroke-width="2" fill="#bfbf22" /><text x="7" y="20" fill="#cfcf00">$</text><text x="5" y="20" fill="#eeee00">D</text></svg> <svg height="40" width="40"><circle cx="10" cy="15" r="9" stroke="#999900" stroke-width="2" fill="#bfbf22" /><text x="7" y="20" fill="#cfcf00">$</text><text x="5" y="20" fill="#eeee00">D</text></svg>
u/joeytwiddle

#colors

dwitter.net | DataMeta (42220)