Dweets awesomed by u/sandstedt

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 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 1 remix fullscreen

bepisTM

function u(t) {

c.width=960,x.font="30px Tahoma"
for(i=30;i--;x[f](s[i%7],900-w,v))x[f='fillText']((s="dwitter")[(i+3)%7],w=450-99*S((i+2*t)*.39),v=23+i*20)

Jan 25 2018 6:33 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/aleamb

coool!
u/BirdsTweetCodersDweet

Whoa!
u/bepisTM

!! vertically scrolling version at https://www.dwitter.net/d/6520

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/6432 by u/yonatan

function u(t) {

t?c.width|=0:a=[]
for(i=z=960;i--;x.fillRect(X,Y,9,9))[X,Y,I,J,L]=a[i]||[],a[i]=L?[X+I,Y>z?z:Y+J,I,Y>z?J*-.8:J+1,L-1]:[z,z,J%2,-i%70,i*9]

Jan 24 2018 8:40 PM UTC

}// 138/140

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

particle fountain

u/Qwitter

They seem so happy.
u/donbright

awesome awesome awesome
u/iverjo

#bounce

show FPS hide FPS share fullscreen

Xen

remix of d/6081 by u/sandstedt

function u(t) {

x.strokeStyle=`hsl(${C(t)*999},90%,50%)`
x.beginPath()
x.ellipse(925+S(t)*99,500+C(t*9)*99,99,500,t,8,t)
x.stroke()
x.drawImage(c,C(t),T(t))

Jan 16 2018 12:33 AM UTC

}// 140/140

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

had to have a play

u/sandstedt

Cool! Is it drawImage that makes the whole image jumping?
u/Xen

yes, the T(t) more importantly :-)

show FPS hide FPS share 1 remix fullscreen

sandstedt

function u(t) {

x.setLineDash([2,9])
x.strokeStyle=R(t*9,190-t*9,255-t*4)
x.beginPath()
x.ellipse(925+S(t)*(20*t),500+C(t)*C(t)*50,800,400,t,0,t)
x.stroke()

Jan 15 2018 9:18 PM UTC

}// 140/140

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

T I T L E : Can't see the forest for all the trees

u/sj_

this is stellar - i love the progression of color
u/Xen

love it!, done you a remix d/6094
u/sandstedt

Thanks! Definitely gonna make some more ones in the future, this was fun 😛
u/sandstedt

@Xen haha nice! That one was crazy
u/rippedspine

niiiiceeeeeee

show FPS hide FPS share fullscreen

DonKarlssonSan

remix of d/6078 by u/DonKarlssonSan

function u(t) {

x.strokeStyle=R(f=T(t)*99%256,f,f,1)
r=m=>Math.random()*m
x.beginPath()
for(i=99;i--;x.stroke())
x.moveTo(960,580),
x.lineTo(r(2e3),r(1e3))

Jan 15 2018 8:14 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 fullscreen

dogspace

function u(t) {

x.globalCompositeOperation='difference'
x.fillRect(0,0,10,10)
x.drawImage(c,0,9)
x.drawImage(c,9,0)
x.drawImage(c,9,9)
x.fillStyle='gold'

Jan 15 2018 3:19 PM UTC

}// 137/140

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

HA CLOWNS! sixth dweet, remix of d/5894

u/Xen

:-/ lol
u/Qwitter

Cant unsee creepy clown nightmarenow :(
u/katkip

#gameoflife

show FPS hide FPS share 1 remix fullscreen

rippedspine

remix of d/6003 by u/rippedspine

function u(t) {

for(i=w=1920,a=S(t*2),d=99;i--;b=S(i),x.fillStyle=R(200+a*d/2,e=(1-b)*d),x.fillRect(w/2+d*C(i)*(a+2)+C(t-a)*99,t*150+d*b/6,4,4));

Jan 13 2018 11:36 PM UTC

}// 129/140

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

u/joeytwiddle

#3d #shading

show FPS hide FPS share 1 remix fullscreen

rippedspine

function u(t) {

a=300;b=a*2;for(i=2;i;i--)x.strokeStyle=R(C(t)*-255,S(t)*255,S(t)*-255);x.beginPath();x.arc(b+S(t)*a,b+C(t)*a,b,0,Math.PI*2);x.stroke();

Dec 31 2017 9:32 PM UTC

}// 136/140

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

u/Gopello

Wood texture

show FPS hide FPS share fullscreen

nystrand

function u(t) {

for(i=w=3e3,a=b=g=333*T(t%9/7);j=(i^a*a)%4,i--;x.fillRect(a+=g+C(j*5+t)*g-a/2-w+g,b+=g+S(j*9+t)*g-b/2-w,s,s),w=2)x.fillStyle=R(s=w*9,w,s,.1)

Dec 28 2017 2:50 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/sigveseb

This one is fantastic! Good job indeed
u/Bendoman

Brilliant!
u/Xen

very very impressive!
u/magna

HOW ON EARTH
u/nic

MIND:=BLOWN
u/lowpoly

Gawd, I learnt a lot today
u/Citiral

Since when does Javascript support black magic?
u/sigveseb

Needs more upvotes!
u/doof

this was such a delight to unpack :)
u/Lazy1337

wow
u/aleamb

amazing
u/iverjo

I'm awestruck
u/xem

unbelievable
u/trapkid

lol
u/aleamb

epic! one of the greatest dwitter
u/ThreeNPlusOne

sierpinski triangle :D
u/xem

It'd be nice to have a blog post explaining it :) (please?)
u/trupples

I didn't look much into it but it might have to do with a thing I read about once where if you have a point that "walks" half the distance towards a random corner of a triangle you'll end up drawing a sierpinski triangle sorta like you can see in https://www.dwitter.net/d/5097
u/trupples

And according to http://distrustsimplicity.net/articles/sierp… if you were to use 4 points instead of 3 you'd get a tetrahedron like in this dweet. Fascinating stuff
u/stiaje

#witchcraft
u/lionleaf

#top_of_the_year
u/Scaledish

wow
u/Tekmap

👏👏👏👏👏
u/vain

that's not from this world! incredible code / 3d fx and blur
u/rodrigo.siqueira

3D flying #sierpinski pyramid #fractal

You've reached the end.

dwitter.net | sandstedt (512)