Top #bitmap dweets

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 fullscreen

RomanW

remix of d/5233 by u/RomanW

function u(t) {

z=34;f=(60*t)%960;'ȏ܀လa8๼0৷耠ĻƟ臿ﰿ聛＝〇ﾛ态繨ﰀε＀Əﾀ؇￠ᨃ￠簁｠㼀＀羀羀翀⟀῀㏠࿀ᇰϠᡰǰ࠸xࠌ࠘ం耄᠀〆㠀ข瀡Ǡ耿'.charCodeAt(f/16)>>f%16&1&&x.fillRect(f%31*z,~~(f/31)*z,z,z)

Jan 2 2018 4:12 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/Pjaerr

That's cool.
u/Chipnstein

Was expecting dickbut... not exactly disappointed but still cool
u/aemkei

OMFG! This is incredible!!
u/aemkei

but shorter but ugly: f=60*t;x.fillRect(f%31*9,f/3,'ȏ܀လa8๼0৷耠ĻƟ臿ﰿ聛＝〇ﾛ态繨ﰀε＀Əﾀ؇￠ᨃ￠簁｠㼀＀羀羀翀⟀῀㏠࿀ᇰϠᡰǰ࠸xࠌ࠘ం耄᠀〆㠀ข瀡Ǡ耿'.charCodeAt(f/16)>>f%16&1,9)
u/RomanW

Nice aemkei, thanks!
u/oldspork

This is amazing. I'm brand-new to coding and very new to Dwitter; how on Earth do all of those symbols and letters code for a picture of the Earth?
u/RomanW

Hi oldspork! The magic happens with the function charCodeAt. This function gets the numeric value of one character at a time. Since these are UTF-16 characters, you can get 16 bits of information in one character.
u/lionleaf

#globe #earth #bitmap #pixelart
u/Purpzie

Is there an easy way to make these kinds of things? (specifically how the data for each pixel is stored)
u/dsamarin

String.fromCharCode.apply(null, new Uint16Array(34).map((r) => Math.random()*0xffff))

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

FireFly

function u(t) {

for(c.width&=i=1e4;i--;)'肁상낱ꁁႡ⁑ထ‥𝣝ﳽᐑ怉상ﳽ鲝ﳽ灡颱」'.codePointAt(i/128%32)-1>>(i&8?i%8^7:i%8)-~t%2*8&1||x.fillRect(i%128*S,i/8&-S,S,S=16)

Oct 11 2021 7:03 PM UTC

}// 140/140

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

Space invaders! #invaders #bitmap

show FPS hide FPS share fullscreen

iznax

function u(t) {

eval(unescape(escape`𩡯𬠨𥰽𨰮𭱩𩁴𪀽𜐸𜀬𪰽𝠻𪰭𛐻𚐊𩡯𬠨𪐽𜰲𞱩𛐭𞱘👩𙠳𛁙👩🠾𜠬𮀮𩡩𫁬𤱴𮑬𩐽𬐿𨁨𬱬𚀤𮱴𚠴𜀫𪐪𞁽𛀵𜀥𛀵𜀥𚑠𞠰𛁦👭🐾𮀮𩡩𫁬𤡥𨱴𚁱𚠨𭀥𜐭𜐫𪰭𦀯𫐩𚠸𜐬𬐪𚀲𚱙𚐪𞐬𭰽𬐿𞀺𥰬𭰩𛀨𤰨𪐫𪰭𭁼𜀩𚰶𚐪𚠵𙐱𝀼𞐿𩠨𞐬𩠨𛐹𚐩𞠰𚑱👫🀵`.replace(/u../g,'')))

May 23 2020 9:06 PM UTC

}// 140/140

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

Endless Sprites #bitmap

u/iznax

Inspired by d/3078
u/tomxor

I saw a mando helmet :P

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

tomxor

function u(t) {

b='㰐䘀䍠Ⅳ冘⫘ݠ᪸㿌چ筂ᬢ橒⠬'
eval(unescape(escape`潮浯畳敭潶攽攽㹵㵥㭣⹳瑹汥㴧捵牳潲㩮潮攧㬠景爨挮睩摴栽椽㌲〻椭ⴻ⤠戮捨慲䍯摥䅴⡙㵩㸾㐩㸾⡘㵩☱㔩☱☦⁸⹦楬汒散琨堫⡵⹸㸾ㄩⱙ⬨甮社㸱⤬ㄬㄩ`.replace(/u(..)/g,"$1%")))

Mar 10 2019 1:39 AM UTC

}// 137/140

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

Hi Bee :) #atari #retro

Show more comments…
u/tomxor

I also have a colour one which induces far more nostalgia, alas, it's 200 chars.
u/tomxor

Move your mouse
u/tomxor

Inspired by d/12618
u/DataMeta

Neat!
u/katkip

So #cute
u/magna

Related: d/10864
u/magna

Also related: d/3271
u/magna

Aaand: d/2633
u/magna

I think we have enough to write a full emulator now.
u/tomxor

:D I wish we could amalgamate dweets into a super dweet! We could build the GEM desktop 140 chars at a time.
u/tomxor

#bitmap #sprite
u/tomxor

#mouse
u/tomxor

#bee
u/tomxor

#pixelart

show FPS hide FPS share fullscreen

tomxor

function u(t) {

c.width=384;for(i=800;i--;)"߿蠀￱衁	衂	衂	蠂ŉ蠂蠂䅉蠂␉蠂⠉蠂⠉蠂␉蠂 衂䅉衂䂉衂腉衂	衂	衂	衂￱蠁蠀߿".charCodeAt(i>>4)>>i%16&1&&x.fillRect(180+(i>>5),96|i&31,1,1)

Mar 18 2019 12:51 AM UTC

}// 140/140

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

128k Sad Mac #mac #retro

show FPS hide FPS share fullscreen

tomxor

function u(t) {

c.width=384;for(i=800;i--;)"߿蠀￱衁	衂	衂	蠂	蠂Ɖ蠂 蠂䀉蠂䠉蠂侉蠂䀉蠂 衂	衂Ɖ衂	衂	衂	衂	衂￱蠁蠀߿".charCodeAt(i>>4)>>i%16&1&&x.fillRect(180+(i>>5),96|i&31,1,1)

Mar 18 2019 12:50 AM UTC

}// 140/140

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

128k Happy Mac #mac #retro

u/tomxor

Computer interfaces used to be so much more cute :)
u/tomxor

#bitmap #sprite
u/tomxor

#pixelart

show FPS hide FPS share fullscreen

tomxor

function u(t) {

b='0Jĉ߄߀῰㿸㾸翼翼㯸㯸ᷰ࿠΀'
c.width=320;for(i=t<2?256:1024;i--;)
b.charCodeAt(Y=i>>4&15)>>(X=i&15)&1&&
x.fillRect(X+(i>>8<<4),Y+82,1,1)

Mar 12 2019 1:39 AM UTC

}// 128/140

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

Oops #atari #retro

u/tomxor

0x010 Illegal Instruction
u/tomxor

#bitmap #sprite
u/tomxor

#pixelart

You've reached the end.

dwitter.net | #bitmap