Dweets awesomed by u/BriSeven

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 fullscreen

Xen

remix of d/3101 by u/kchplr

function u(t) {

f=frame
'p}¶¼<¼¶}p'.charCodeAt(f/8|0)&1<<f%8|0&&x.fillRect((f/8|0)*9*11,f%8*9*11,99,99)

Aug 24 2017 11:50 PM UTC

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

joeytwiddle

remix of d/531 by u/BriSeven

function u(t) {

for(i=600;i--;x.fillRect(X=X+400+c*600>>1,Y=Y+1076*(1-c&1)>>1,4,4),H=H+400*(c+t)>>2)c=(i*t^i)%3,t?x.fillStyle=`hsl(${H},50%,50%)`:X=Y=H=0

Aug 21 2017 4:02 PM UTC

}// 137/140

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

Sierpinksbow

Show more comments…
u/joeytwiddle

i*t^i is a poor but short PRNG
u/sigveseb

Upvote for the colors
u/BriSeven

fantastic
u/joeytwiddle

I forgot to brighten the dull colors. Try 90%,60%
u/donbright

my new favorite sierpinski
u/joeytwiddle

Big brother: https://www.dwitter.net/d/3458
u/joeytwiddle

Another with colour: d/2668
u/iverjo

#sierpinski
u/CocoMeister

#fractal
u/joeytwiddle

#rainbow

show FPS hide FPS share fullscreen

cantelope

function u(t) {

if(!t){w=1080;p=0.618;s=1.5708}with(x)lineWidth/=p,strokeRect(0,0,w,w),arc(w,w,w,s*2,s*3),stroke(),translate(w+w*p,0),rotate(s),scale(p,p)

Aug 21 2017 12:51 AM UTC

}// 138/140

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

best fullscreen. Couldn't have done it without the help of the dark knight, who prefers to remain anonymous. :)

u/donbright

yeahhhhh!!!!! cool
u/cantelope

there's an odd bug in chrome where if hardware acceleration is disabled, or the dweet appears far down the page, the arcs close their paths and create unwelcome diagonal lines. I have a more robust version but it does not fit in 140b.
u/katkip

#fibonacci

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

BriSeven

remix of d/2554 by u/cantelope

function u(t) {

cx=1e3
for(i=99;i--;)for(j=59;j--;)X=i/2-25-C(t)*2,Y=3+S(i/5)*S(j/5+t*3),x.fillStyle=R(Y*60),x.fillRect(cx+1/j*X*cx,60+Y/j*cx,s=999/j,s)

Apr 23 2017 11:28 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/cantelope

really awesome. I was wishing for a colored "sea". R(0,0,Y*60) yields blue waves :)
u/recursive

I did one kind of like this: https://www.dwitter.net/d/1978

show FPS hide FPS share 2 remixes fullscreen

nonce

function u(t) {

c.width=600
x.font='9em a'
x.fillText(['🚗','🚃','🚙','🚚','🚌'][(_=~~(t/2))%5],620-(t*512&1023),250)
c.style.filter=`hue-rotate(${_*60}deg`

Mar 31 2017 3:41 AM UTC

}// 135/140

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

Traffic

u/nonce

(count the colors)
u/cantelope

i think i saw my car!

show FPS hide FPS share 5 remixes fullscreen

mxfh

remix of d/2327 by u/nonce

function u(t) {

with(x)font='9em s',fillStyle=`hsl(${S(t*8)*180},90%,${t%.3<.1?70:0}%)`,fillText('ᗋ',905,560),drawImage(c,-20,-10,1960+S(t),1100)

Mar 28 2017 12:00 PM UTC

}// 129/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/sfz

hey, which way to the rave? oooohhhhhhHhhhHhhHhHhhh...
u/sigveseb

cool tunnel :D
u/recursive

Reminds me of clockwork orange.
u/nonce

Love it! did a quick remix with the Russian П in sans-serif just to see what a tunnel might look like: https://www.dwitter.net/d/2332 and got a weird thing happening on the floor. :-)
u/mxfh

Trigrams ☱ and 🀹 Domino tiles work great too. Still if anyone could offer a 1D Noise/Pattern method for pure slit-scan goodness? https://vimeo.com/41747091
u/donbright

Ffonzie's favorite dweet
u/nonce

holly molly: ∩
u/hjroh0315

...So this is what we call a wardrobe malfunction.
u/iverjo

#tunnel
u/mxfh

#trippy #cavern
u/mxfh

#trippy #cavern
u/mxfh

#trippy #cavern

show FPS hide FPS share 1 remix fullscreen

p01

function u(t) {

for(c.width=i=192,c.style.background='#964';i--;)i&6?x.fillRect(i*i%187,i,9,.2):x.fillText([...'👧📚👺👹'][i&&3-i%3],96+i*S(i),54-i*C(i))

Mar 6 2017 9:46 PM UTC

}// 133/140

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

ABRACADABRA - 137bytes demake of my JS1k game http://js1k.com/2017-magic/demo/2758

u/sfz

Nice trick with the spread operator to save a few bytes!
u/sfz

And the decimal Y for fake alpha, this one's packed!
u/tapgiles

Is it meant to move? I feel dumb... @.@
u/p01

Sorry but this dweet was too complex to animate.There's a background color, some kind of wood texture, and 3 types of sprites rendered in a pattern.

show FPS hide FPS share fullscreen

veubeke

function u(t) {

c.width^=o=0;for(i=30;i--;x.stroke())P=Math.PI,$=S(t%P),_=C(i/5)*$,x.beginPath(o+=3-$+_),x.ellipse(o*4+t*60-300,(21+_-S(t%P))*50,9,30,0,0,7)

Mar 6 2017 5:39 PM UTC

}// 140/140

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

Inspired by https://www.dwitter.net/d/1829

show FPS hide FPS share 1 remix fullscreen

FireFly

function u(t) {

for(c.width|=i=0;i<40;i+=.025)R=S(t)/4+.25,r=.7-R,x.fillRect((A=R+r*S(D=i%1*44+88))*C(E=i+t/10)*480+960,(B=A*S(E)+r*C(D))*340+510,W=4-B*3,W)

Mar 6 2017 12: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).

Torus-sphere thing

u/donbright

good one
u/SpecialAgent

excellent

dwitter.net | BriSeven (6826)