Dweets awesomed by u/IV

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

ben

remix of d/4509 by u/ben

function u(t) {

v=(a,b,g,r)=>{for(i=0;i++<r;)x.fillRect(a+=S(g),b-=C(g),r/9,2)
r>1?v(a,b,g+=o,r*=.7)&v(a,b,g+=5,r):0}
o=S(t)/9+1
c.width=500
v(250,280,0,80)

Dec 29 2017 1: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).

blowing in the fractal wind

Show more comments…
u/sigveseb

Sweet!
u/Xen

very nice!
u/Bendoman

Fabulous.
u/lionleaf

Amazing!
u/lynnlangit

love, love, love it!
u/nystrand

elegant!
u/iverjo

#recursive
u/lionleaf

#fractals
u/lionleaf

#fractal . hmm, maybe not plural
u/vain

so beautiful - amazing work!

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
u/ximavus

dude has almost 300 likes!
u/ximavus

u/Citiral since ECMAScript 666 lol

show FPS hide FPS share 1 remix fullscreen

itsjustmustafa

function u(t) {

x.fillRect(0,0,1920,1080);x.font="99px a";for(i=6;i>-1;i--)x.fillText(["🌞","🌍","👽","🚀","🛰️","🌌"][i],880+i*150*S(t*i),590+i*90*C(t*i))

Dec 27 2017 10:21 AM UTC

}// 134/140

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

u/iverjo

+1 for the concept ;)
u/joeytwiddle

#emoji in #space #planet

show FPS hide FPS share 3 remixes fullscreen

letsbreelhere

remix of d/3826 by u/sokacsavok

function u(t) {

α=200;c.width=α*2;τ=Math.PI*2;x.font="36px A";x.fillText(['🌚','🌒','🌓','🌔','🌝','🌖','🌗','🌘'][(t|0)%8],α+C(t)*70,50+70+S(t)*70);

Dec 27 2017 3:31 AM UTC

}// 125/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/abrunkhorst

This is super clever!
u/sigveseb

Needs more upvotes!
u/miggy

I love the unicode 'α'
u/xem

-18b: x.fillText([...'🌚🌒🌓🌔🌝🌖🌗🌘']
u/letsbreelhere

@xem TIL!
u/sigveseb

Ooh clever use of ... operator
u/berti

so much yes
u/lionleaf

#sun #emoji #moon

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/3600 by u/joeytwiddle

function u(t) {

for(i=1e3;i--;x.fillRect(910+5*s*C(h=i*t/2e3+t*t),540+5*s*S(h),s/2,s/2))s=i/(13-(t*i/99)%9),x.fillStyle=R(d=i*t/2%256,d,d,.1)

Dec 5 2017 1:05 AM UTC

}// 125/140

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

Channel Of Chi

show FPS hide FPS share 3 remixes fullscreen

FireFly

function u(t) {

for(i=2e3;!t&&i--;Math.random()>(X**2+(Y-4)**2)**.5/6&&f(7)+f(-7))X=i&3,Y=i>>2&7,f=m=>x.fillRect(240*(i>>5&7)+120-X*m,180*(i>>8)+50+Y*7,7,7)

Aug 20 2017 3:53 PM UTC

}// 140/140

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

Spritegen! Generates 48 random sprites each time the dweet is run (make a change to rerun the dweet)

Show more comments…
u/sigveseb

I love this!
u/alien

wait WHAT !!
u/alien

D: What is going on here!! how
u/iverjo

How does it work?
u/FireFly

It's a dweetification of an older sprite generator of mine. The idea is to take a "mask" of 0..1 floats and filter a grid of random numbers for when num<mask. In this case the mask is based on euclidean distance from centre. This is done for half the sprite, and then the other half is just mirrored
u/FireFly

(You could also view it as flipping a biased coin for each mask value, with the bias given by the mask)
u/FireFly

The same principle would work just as well with larger sprites too, and more exotic/interesting mask shapes. The same rid of random numbers could be applied to different masks, or to an animated mask, to produce an animation between sprites, too!
u/nystrand

so cool!
u/joeytwiddle

Awesome. I love it. Every single one looks like a space invader!
u/iverjo

Interesting technique. Thanks for explaining :) Also, I agree with joeytwiddle
u/jick

Got a link to the original sprite generator?
u/FireFly

I never really wrote it to be shared, so it's all hardcoded and with really ugly code. I put together this animation though: https://twitter.com/FireyFly/status/80072288…
u/statenlogic

Simple, but effective! Makes me want to play 8-bit games again.
u/donbright

genius
u/joeytwiddle

#hiddengem
u/stiaje

#witchcraft
u/tomxor

#bitmap #sprite
u/KilledByAPixel

#generative pixelart
u/KilledByAPixel

#pixelart

show FPS hide FPS share fullscreen

Xen

function u(t) {

x.globalCompositeOperation='xor';t?x.drawImage(c,w/4*(t*9%3|0),h/2*(((t*9%3|0)+1)%2),w/2,h/2):x.fillRect(0,0,w=1920,h=1080)

Aug 10 2017 10:07 PM UTC

}// 123/140

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

making this gave me such a headache, can you spot a simple 4bytes to shave? ;-)

u/Xen

dont post here, you see it when you see it, let others use this as target practice.

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/2930 by u/alien

function u(t) {

for(i=c.width=9;i--;x.fillRect(0,0,a,a)){x.fillStyle=R(T(a=i+t*t),0,T(a*2));x.translate(C(a),S(a))}//Woopwoop! Thats the sound of da police!

Jul 23 2017 10:54 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/sigveseb

Lol the comment
u/joeytwiddle

https://www.youtube.com/watch?v=9ZrAYxWPN6c
u/Xen

Oldskool ;-)
u/iverjo

#police

show FPS hide FPS share fullscreen

mxfh

remix of d/2376 by u/magna

function u(t) {

for(i=半=480;i--;x.arc(2*半+i*C(T=t-r*.1),540+i*S(T),i?3+r*7:2e3,0,6))x.beginPath(x.fillStyle=R(60,i?半:9,r=Math.random(x.fill())<8e-5,.1+r*i))

Apr 3 2017 1:38 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

bravo :)
u/sfz

very nice!
u/zanella

Didn't know yours when I did mine (https://www.dwitter.net/d/6216), but yours is waaaay better than mine - I tried to do the dots in the radar and couldn't figure it out. :) BTW, kudos for using the "space" inside the x.beginPath call, great idea!
u/iverjo

#radar
u/mxfh

#blur #arc

show FPS hide FPS share fullscreen

nystrand

function u(t) {

p=t?(c.width|=n=960,p.push([7,n*S(t)]),p.map(([a,b,d=0,e=b])=>[f=a+a-d,g=b+b-e,f>n?f+6:a,f>0&g<0?g+g:b+.3,x.fillRect(500+a,n-b,22,22)])):[]

Mar 28 2017 4:58 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/donbright

excellent
u/katkip

#physics

dwitter.net | IV (4488)