Dweets awesomed by u/KilledByAPixel

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 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

remix of d/3056 by u/Xen

function u(t) {

x.fillText(x.drawImage(c,480*(t%3|0),540*(t%3%2|0),960,540),9,9)

Aug 10 2017 11:59 PM UTC

}// 64/140

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

64b Sierpinski Triangle

u/kchplr

60bytes: x.fillText(x.drawImage(c,480*(V=t%3|0),V%2*540,960,540),9,9)
u/magna

Oh yeah? How about EXACTLY 140 bytes: 'use strict';function renderSierpinskyTriangle() { x.fillText(x.drawImage(c,480*(V=t%3|0),V%2*540,960,540),9,9) }renderSierpinskyTriangle();
u/Xen

58bytes: x.fillText(x.drawImage(c,(V=t%3|0)*99,V%2*99,960,540),9,9)
u/iverjo

#sierpinski

show FPS hide FPS share 1 remix fullscreen

p01

function u(t) {

for(X=c.width=240;X--;x.fillRect(X,D*4,2/D,129-D*8))for(D=0;'.'<(u+1)[(t*4+D*C(T=X/240-.5+C(t)/3)&7)|(3.5+D*S(T))<<3]&&D<16;)D+=.1

Jul 28 2017 10:41 PM UTC

}// 130/140

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

ITSY-DWITTY-WOLFENSTEINY

u/sigveseb

Ace!
u/p01

THANKS. I optimized this down to 128 bytes and fixed the bug of the thin walls in the background - https://www.dwitter.net/d/2963
u/iverjo

#wolfenstein

show FPS hide FPS share 1 remix fullscreen

nystrand

remix of d/2727 by u/joeytwiddle

function u(t) {

c.width|=p=(X,Y=X,S=X,D=16,r=_=>C(t+=S*D+t/8e6),k=_=>p(X+S*r(),Y+S*r()/3,S*.8,D-1))=>D&&x.fillRect(X,Y,S,S,x.globalAlpha=.01)&k()&k();p(580)

May 16 2017 10:12 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/joeytwiddle

Thank you for this :)
u/magna

WOW
u/donbright

damn
u/joeytwiddle

I learned 5 different tricks from your golfing here!
u/iverjo

#clouds
u/jdspugh

Amazing!

show FPS hide FPS share fullscreen

MrM@_S

function u(t) {

onmousemove=e=>E=e.x
t?c.width=99:Y=R=X=E=!(x.F=x.fillRect)
x.F(n=E/7,30,20,3)
x.F(Y+=S(t)*.8,R+=X+=.1,2,Y<n+20&&Y+9>n&&R<32&&3+R>30?X=-3:2)

May 10 2017 12:32 PM UTC

}// 140/140

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

[a ball and paddle] interactively move the mouse to keep the ball in the air

u/joeytwiddle

Yay! Pong solitaire. Nice one :)
u/donbright

lol great
u/joeytwiddle

#game
u/katkip

#interactive

show FPS hide FPS share 1 remix fullscreen

keithclark

function u(t) {

for(a=c.width|=0,G=36,J=S(t)/4;a--;'p}¶¼<¼¶}p'.charCodeAt(Y*C(t)+G-X*J&15)>>(X*C(t)+Y*J+t*G)%15&1&&x.fillRect(X*G,Y*G,G,G))X=a%53,Y=a>>6

May 3 2017 1:26 PM UTC

}// 138/140

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

fullscreen rotozoom

u/joeytwiddle

#spaceinvaders #rotozoom #alien
u/yonatan

3-char shorter transposed bitmap (just posting so I won't forget it): 'ĄǼͶ߿׽ԅØ'

show FPS hide FPS share fullscreen

Polyducks

function u(t) {

x.fillRect(0,0,1920,1080)
x.font = "60px A"
W=S(t)*600;H=T(t/10)*200;for(i=0;i<20;)x.fillText("👾",((100*(++i%5))+700)+W,(100*(i%4))+200+H)

Apr 18 2017 6:42 PM UTC

}// 139/140

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

SPACE INVADERS

u/Polyducks

Weird... I wonder why it's stopped working...
u/magna

It still works for me. macOS + Chrome.
u/joeytwiddle

MacOS and Chrome here. The unicode char (was it 👾?) appears to get stripped while loading. If I paste it in between the "", then it works. Perhaps Dwitter loads differently on different pages?

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/1480 by u/magna

function u(t) {

c.width|=0
x.font='50px monospace';
(u+'')
.slice(0,t*3+S(t)*5)
.concat(t*2&1?'|':'')
.split('\n')
.forEach((s,i)=>x.fillText(s,0,++i*50))

Apr 18 2017 1:55 AM UTC

}// 138/140

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

Pair programming nightmare

Show more comments…
u/joeytwiddle

that title made me Lol :D
u/sigveseb

:D
u/Jenky

That's a really clever illusion, love it
u/magna

Heh, thanks! Brought it down to 123 chars in hopes of adding occasional mistakes like skipped characters / typos etc., but couldn't immediately find a way. In case anyone wants to give it a shot: https://www.dwitter.net/d/2522
u/donbright

:o
u/Polyducks

Could you make a random function to skip odd spaces?
u/magna

It has to be a deterministic PRNG so that the places that are skipped are persistent. Otherwise, it would just look like a random flipping of characters. I thought about it, but couldn't immediately find a short solution.
u/Polyducks

That's a great point. Dwitter is such a mind twister!
u/highfestiva

Groovy baby!
u/magna

#quine
u/joeytwiddle

#funny

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 fullscreen

scottglz

remix of d/2194 by u/scottglz

function u(t) {

c.width=76;for(X=71;X--;)for(Y=40;Y--;x.fillRect(X,Y+S(X/9+7*t)+2,1,1))x.fillStyle=X<24&Y<20?Y%2|X-Y&3|!Y|!X?'#447':f:Y/3&1?f='#ddd':'#b23'

Mar 21 2017 8:19 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/sfz

awesome!
u/joeytwiddle

#flag

dwitter.net | KilledByAPixel (71091)