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 fullscreen

jaemiejaemie

function u(t) {

c.width=640;x.beginPath();for(i=0;i<640;i++){a=180;for(j=1;j<t*60%60;j+=~~(t)%2+1){a+=S((i+t*60)*j/20)*50/j}x.lineTo(i,a)}x.stroke()

Dec 27 2017 10:31 AM UTC

}// 132/140

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

demonstration of basic fourier curves (square/saw)

Show more comments…
u/sigveseb

Very cool!
u/joeytwiddle

Nice. DSP hero!
u/iverjo

Kudos!
u/RomanW

Excellent!
u/joeytwiddle

#math
u/katkip

#fourier

show FPS hide FPS share fullscreen

Polyducks

function u(t) {

a=550;c.width=a;x.fillStyle="#36F";x.fillRect(0,0,a,a);for(i=0;i++<8;){x.font="30px A";x.fillText("🐟",a-((t*40*(S(i)+1))%a),C(t+i)*9+i*33)}

Dec 27 2017 3:02 AM UTC

}// 139/140

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

~🐟🐟 FISH TANK 🐟🐟~

show FPS hide FPS share 1 remix fullscreen

nyarmith

function u(t) {

for(i=0;i<15;i++){
x.fillStyle=R(255*S(t),255*C(t),155); //color
  x.fillRect(100+(i*100+S(t)*50), 400 + (i*i*15*S(t)) ,50,50) //draw
}

Dec 27 2017 12:29 AM UTC

}// 135/140

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

If you added canvas clearing at the beginning of the frame, then the title would be "waggle"

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

for(x.fillRect(0,0,i=b=2e3,q=1080-t);i--;x.fillRect(a*i%b+a/3*S(t*i/a/3),(i/5*t+i*50)%b%q,5,5))x.fillStyle=R(a=i*9%255,a,a)

Dec 24 2017 12:12 PM UTC

}// 123/140

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

Let it snow, let it snow, let it snow....

Show more comments…
u/Xen

Perfect :-)
u/donbright

brilliant
u/donbright

brilliant
u/donbright

brilliant
u/ballotcan

http://i.prntscr.com/_aJutdekROaWdQKYy75nTw.… if you wonder the end
u/iverjo

Cool! Much better than my snow dweet ^^ https://www.dwitter.net/d/338
u/sigveseb

gotta love how the snow accumulates!
u/alien

no way... the snow is accumulating...
u/darrencearnaigh

Lovely seasonal golf.
u/snydej

Wow! This is excellent!
u/iverjo

#snow
u/vain

excellent snowflakes movements

show FPS hide FPS share 2 remixes fullscreen

aemkei

remix of d/690 by u/xem

function u(t) {

x.font="12em arial"
~~(t*99)%4||x.fillText([..."😮😀😁😐😑😬"][new Date%6],800,700)

Dec 14 2017 9:06 PM UTC

}// 77/140

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

Talking Face

u/cantelope

lol
u/Lazy1337

one tilde is enough

show FPS hide FPS share 2 remixes fullscreen

Xen

function u(t) {

t?X.push([Date.now()/t%2e3,0]):X=[];for(i=X.length;i--;x.fill())x.beginPath(x.fillStyle=R(X[i][1]/6)),x.arc(X[i][0]-=T(i),X[i][1]+=5,99,0,7)

Sep 25 2017 8:42 PM UTC

}// 140/140

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

Somewhere between blood cells and a lava lamp :-) Shoutz to Alien.

u/alien

bloooooooooood
u/Xen

#blood

show FPS hide FPS share fullscreen

kchplr

remix of d/3105 by u/kchplr

function u(t) {

for(c.width|=i=0,f=t*3%2|0;++i<256;)'|þ᧺뽾똿곿객︿㯴Ǽø'.charCodeAt(f?i>>4:15-(i>>4))&1<<i%16|0&&x.fillRect(i>>4<<5,i%16<<5,32,32)

Aug 25 2017 10:56 AM UTC

}// 128/140

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

Sprite animated with simple mirroring

Show more comments…
u/kchplr

can actually make it move under 140 chars: for(c.width|=i=0,f=t*5%2|0;++i<256;)'|þ᧺뽾똿곿객︿㯴Ǽø'.charCodeAt(f?i>>4:15-(i>>4))&1<<i%16|0&&x.fillRect(i>>4<<5,(i%16+t*5<<5)%1e3,32,32)
u/sigveseb

Very nice, cool tricks
u/donbright

excellent
u/FireFly

Very nice! Where is the sprie from? For some reason it feels really familiar…
u/kchplr

@FireFly: Possible :) It's a NPC from The Legend of Zelda: Oracle of Ages
u/13thptr

#hiddengem #bitmap

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

dwitter.net | KilledByAPixel (73238)