Dweets by u/nystrand

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

nystrand

function u(t) {

with(x)for(i=c.width|=0;h=T(i/32^1)-17,i;translate(0,h),rotate(C(t+i/359)/n/9,fillRect(-n/2,0,n,h)))n=i--%32||setTransform(6,0,0,1,i,1120)

Jan 14 2018 9:39 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/dogspace

WOW
u/aemkei

super nice! 🌴
u/myxoh

This one's amazing.
u/Xaviaro

great!
u/iverjo

Yes!
u/lionleaf

#tree #trees #palm #palm_tree
u/joeytwiddle

#organic #landscape #grass
u/katkip

#nature

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

show FPS hide FPS share 1 remix fullscreen

nystrand

function u(t) {

for(i=c.width|=g=(o,a=n=7,b=8,z)=>--n?g(n>5?i*n:t/n,b*C(o)-a*S(o),z,a*C(o)+b*S(o)):x.lineTo(a*(z+=40)+960,b*z+540);i--;g(i&t/2));x.stroke()

Dec 27 2017 12:24 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/jaemiejaemie

reminds me of older windows screensavers, really nice!
u/iverjo

How was this made?

show FPS hide FPS share 1 remix fullscreen

nystrand

function u(t) {

for(c.width|=j=0;j<40;j++)for(i=0;i<45;i++)r=j*30+C(t+j&t)*S(i+t)*(j%2&i|t),x.lineTo(C(w=t+i/7)*r+1e3,S(w)*r+r);x.fill('evenodd')

Dec 26 2017 11:24 AM UTC

}// 129/140

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

u/sigveseb

very nice!
u/Xen

love it, i had to remix! #3695

show FPS hide FPS share fullscreen

nystrand

function u(t) {

for(i=c.width|=g=(a,b=a,z)=>--n?g(b*C(o=n>3?i:t)-a*S(o),z,a*C(o)+b*S(o)):x.lineTo(a*(w=960/(z+3))+960,b*w+540);i--;g(C(i^8)))n=6;x.stroke()

Oct 7 2017 9:00 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/cantelope

neat :)
u/lionleaf

Sweet!

show FPS hide FPS share fullscreen

nystrand

function u(t) {

for(x[n=t?++n%4e3:0]=n,c.width|=i=0;i++<n-2;x.lineTo(a+800,x[i-1]+400))a=x[i]+=(i%3+~t%3+~S(t*n))*x[i+~~t%3]/(399-n/18);x.stroke()

Oct 5 2017 1:42 PM UTC

}// 130/140

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

u/magna

Wow!
u/artfarnaa

Double wow
u/Xen

nice work! :)
u/joeytwiddle

#shape #model #3d

show FPS hide FPS share 2 remixes fullscreen

nystrand

function u(t) {

with(x)for(translate(t?S(t):m=993,t?0:540),i=m;i--;fillRect(-m,i+z,3e3,8+z/22))fillStyle=R(z=m/((i*i-t*9)%m),z*3,rotate(-T+(T=i+S(t/9))),.3)

Sep 1 2017 10:41 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/Xen

reminds me of spiderman intro, nice one!
u/cantelope

whaaaaaa
u/sigveseb

Really cool
u/magna

Wow!
u/joeytwiddle

Great!
u/iverjo

Wow!
u/Xen

had to have a play, done remix :)
u/alien

Can some one explain what the with(x) is doing ? please :)
u/lionleaf

Wow! That looks amazing. Love what looks like a white cube that vanishes in the beginning too.
u/nystrand

@alien: with(x) puts x in the scope so that you don't have to write the "x." part of x.fillRect, x.translate etc. So, it only saves bytes if you have more than 3 functions in x you want to call.
u/N0va

Very nice!
u/joeytwiddle

Cyber Fibers
u/katkip

wait wot
u/marc8

Really 3D on a large screen

show FPS hide FPS share fullscreen

nystrand

function u(t) {

for(i=c.width+=0;q=--i/3|0;x.lineTo(a*w+1e3,b*w+540))[a,b,z,w=(z+4)*89]=t&7?x[q]:[C(t*i),i%5?1:-1,2*i%4-1],x[q]=[b+a/99,z,a-b/99];x.stroke()

Aug 19 2017 3:23 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/donbright

nice work

show FPS hide FPS share fullscreen

nystrand

function u(t) {

for(i=c.width+=0;i--;x.fillRect(a*w+1e3,b*w+540,m=w/9-9,m))[a,b,z,w=(z+9+T(t))*19]=t?x[i/3|0]:[S(i),C(i),6*i%8-3],x[i/3|0]=[b+a/77,z,a-b/77]

Aug 19 2017 1:34 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/iverjo

Respect!
u/joeytwiddle

Wow!
u/cantelope

unreal!
u/n0va

Impressive!
u/FireFly

This one is really cool! Keep it up! :)
u/p01

👍
u/donbright

oh man!!!
u/nystrand

thanks for all the nice comments!
u/13thptr

#d3 #perspective

show FPS hide FPS share fullscreen

nystrand

function u(t) {

for(c.width|=x[i=frame]=300,d=t?-d:1;i--;i%6||x.lineTo(T+1e3,S+540))S=T,T=x[i]+=d*x[e=i+(i+d)%3-i%3]/123*((e+d+(t&65|t/13.3))%3);x.stroke()

Jul 23 2017 1:10 AM UTC

}// 139/140

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

RotatingSpherePatternPrinter

u/alien

wait what is going on here D: , could explain this x[i=frame] and T=x[i] plz
u/alien

How can you add T a numer, isn't T a defined function?
u/iverjo

frame is a number that starts at 0 and increases by 1 for each frame (this is actually a somewhat "hidden" feature in dwitter, and can be used as an alternative to t). T is initially a defined function (by dwitter), but the code in this dweet sets T to something else before a number is added to it. x[i=frame]=300 has the same result as i=frame,x[i]=300 because i=frame returns the new value of i
u/alien

D:!!!! @iverjo thxs
u/13thptr

#d3 #sphere

dwitter.net | nystrand (1322)