Top #pixelart 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 4 remixes fullscreen

KilledByAPixel

remix of d/3078 by u/FireFly

function u(t) {

eval(unescape(escape`𩡯𬠨𪐽𞀲𞱩𛐭𞱔𚁦👭🐾𮀮𩡩𫁬𤡥𨱴𚁓🰰𞠷𜀫𭀪𝠰𙐱𞐪𞐹𛑘𚡭𛁓🰰𞠸𚱙𚠸𚰨𭀪𜱼𜀩𚠹𞀬𨐽𤰿𜡥𜰺𞀬𨐬𤰽𜀩𚐾𞑼𯁓🱔𚁔👥🐾𣑡𭁨𛡲𨑮𩁯𫐨𚐪𜠵𝐩𚠪𜠯𜡥𜰾𦀪𦀫𚁙𛐵𚐪𚠲𙠦𩠨𞀩𚱦𚀭𞀩𞡸𛡦𪑬𫁓𭁹𫁥👒𚁔𚀩𛁔𚀩𛁔𚀩𚐩𦀽𪐦𝰬𦐽𪐾🠳`.replace(/u../g,'')))

Aug 29 2020 8:05 AM UTC

}// 140/140

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

Color Sprite Generator - reload to randomize

Show more comments…
u/13thptr

wow
u/Xen

love it!
u/tomxor

These are amazing, so many quirky ilttle characters generated.
u/KilledByAPixel

#generative pixelart
u/KilledByAPixel

#pixelart
u/rep_movsd

Smashing!
u/magna

Awesome!
u/aleamb

wow!
u/KilledByAPixel

https://zpritez.3d2k.com/ #fxhash

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

KilledByAPixel

remix of d/15191 by u/KilledByAPixel

function u(t) {

(t*=60)?x.fillRect(t%19,t/19|0,("񥕕񥕕񥚥񥥕񥟪񦵅𵟤𕰁𒏤𑠀𐯹񑙀񠛾񥖐򥚿򹠪󰚯򺤏􈊯󺡇􎚫􊤂􏩪􊮕󏹙􎮪򿹚󏮩񯾦񫾕򫿪𐮠򻶺𐏨򻰟𐎪􉰂򐎩󍐁󴋿򿵕󎮾򿺪򿿮򿿪򿿿󏿾􋿻􏿿󏿾􏿿􏿿􏿿򻿿􏿿򺾑􏿿𺩐􏿿񫵑򻯿񫵕򺯿񵪕".charCodeAt(t/5)>>t%5*2&3)/3,1):c.width=60

Jul 29 2019 10: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).

The Mona Dweetsa

u/KilledByAPixel

19x34 #PixelArt Mona Lisa with 4 shades of grey stored as an astral unicode string plus code to unpack and render.
u/magna

GG WP
u/KilledByAPixel

#monalisa

show FPS hide FPS share fullscreen

BackendForth

remix of d/6153 by u/BackendForth

function u(t) {

a="ǀďĀǿĿǼŵǰŽĕşǵāŕąƼįǰǻľĵǊŗƪŚǰǰǀďĿ"
i=frame
g=(4-(a.charCodeAt(i/4)>>(i%4*2))%4)*64
x.fillStyle=R(g,g,g)
x.fillRect(i%10*80,(i-i%10)*8,80,80)

Jan 17 2018 10:25 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/magna

arrow keys don't work pls fix it
u/joeytwiddle

#game #tribute
u/PiggyClone205

Keycodes are involved, but which ones?
u/384.cz

#pixelart

show FPS hide FPS share 1 remix fullscreen

Odog8

function u(t) {

t?0:c.width=40
y=frame
x.fillRect(y%16+1,~~(y/16)+1,1,'êᠵ珔ᇠ팈龏㯡ꅰ骃ᛈȷ赇缴䱬꽌࠘駂蝫ᛢࡒ'.charCodeAt(y/10).toString(3).split``.reverse()[y%10]/2)

Feb 12 2021 7:19 PM UTC

}// 137/140

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

Mario! Took forever to golf

u/Odog8

#pixelart #mario
u/Odog8

If you change some of the parameters, you could set it to 4 colors, but i didnt need to lol
u/rodrigo.siqueira

You can save 2 characters if you remove 2 first lines of code and start with: t?x.fillRect(y++%16..... and end with: .../2):(y=0,c.width=40)
u/Odog8

oh sick, i didnt think of that! thanks man

show FPS hide FPS share fullscreen

corruptio

function u(t) {

t?x.fillRect(j%50*36,(j/50|0)*36,(v="򐉡󰘣󠱂򐐢󘑂򈑂󘑢򀑢󈒂񸒂󈒂񸒂󈒂񰒃󈒂񰑣󐒂񰑣󐓣𡱃󠑢񉁄󨙣󰘣󨩣󠚣󐛣󈗇𡊡𙆄𙀡򀒢𠰢𨑦𘑂𘑁񠰣𹂁𱂡򑐤𨗁𨑁񨑤𡈃𠳋󱸡󩆥􁁁𱏊򀖅򘠁".charCodeAt(i/2)>>i++%2*5&31)*36,i%2*36,j+=v):i=j=0

Jan 28 2020 3:01 AM UTC

}// 140/140

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

50 x 28 Totoro #PixelArt

Show more comments…
u/corruptio

Uses run-length encoding to get more pixels.
u/Xen

very nice!!
u/corruptio

hmm, can save 4 chars in decoder to make it a 50x30 image
u/corruptio

t?x.fillRect(j%50*32,j/50<<5,(v="𝀳𯁱𦠢𤀡𦐢𣰢𦐣𣠣𥰤𣐤𥰤𣐤𥰤𣐤𥰤𫀤𥰤𫀣𦀤𫀣𮀣񈱢𘡚𰲇𘡻𜱼𤑻𜱺𝑸𝱗𰒎𘢕𰒌𘐡𣡥𠠡񀰣𠐢𘑢𪢁𙒄𙂥𴀡𘰮𘰢𲲃𨡰񨣦🂑𾲍🢂񡀾𻡌𜓬🰀".charCodeAt(i/2)>>i%2*5&31)*32,i++%2*32,j+=v):i=j=0
u/katkip

Awesome!
u/aleamb

fucking amazing!
u/tomxor

Do Ponyo! :)
u/KilledByAPixel

☂

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/19786 by u/KilledByAPixel

function u(t) {

Z='⬛🟥🟧🟨🟩🟦🟪⬜'
eval(unescape(escape`󠜽󦽝󒭃󟝏󟝚󦼰󧜊󩭯󬬨󪜽󝬶󞽩󛜭󞽁󦽫󚽘󧜽󦌭󝜿󬜺󬜫󙽜󫬧󚝘󟝩󙜶󛍙󟝩󛼶󯌰󛍫󟜶󚽙󚬱󜬬󠝛󪼭󦍝󟝱󟝔󚍔󚍔󟝟󟜾󣝡󭍨󛭲󨝮󩍯󫜨󚜩󟬮󜜿󜌺󠼽󦼮󛬮󦭝󦽔󚌩󚬷󚼱󯌰󧜩󚬪󛬸󚬲󝌾󦌪󦌫󚍙󛜵󚜪󚬲󟽃󞭏󒭴󪍲󫽷󘍁󛭪󫽩󫭠󨌻`.replace(/u../g,'')))

Jan 28 2022 5:13 PM UTC

}// 140/140

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

Throw Sprite 👾 #generative #pixelart

u/lewdev

lol, I was confused. The dweet is in the console. Also, you have to keep the dweet canvas visible in your browser window. Another quality dweet!
u/manueldelanda

thanks for thinking outside the box
u/KilledByAPixel

thanks :) also added this feature to the tweet button for zpritez! https://zpritez.3d2k.com
u/DataMeta

haha this is dope!

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/21734 by u/tomxor

function u(t) {

b='氀氀氀氀氀氀渀渀渀渀漀漀澀柀柠揸懿惿怿怏';eval(unescape(escape`𩡯𬠨𪐽𝠷𜠻𪐭𛐻𮀮𩡩𫁬𤱴𮑬𩐽𨁨𬱬𚀤𮱴𚠸𜀫𦐪𝱽𘀹𞐥𝐰𙑠𚑢𛡣𪁡𬡃𫱤𩑁𭀨𦐽𪐾🠵𚐾🠨𦀽𪐦𜐵𚐦𜐦𙡸𛡦𪑬𫁒𩑣𭀨𚁩𙠱𝠿𝀵𚱘𞠷𜰭𦀩🀼𝀬𜠴𚱙🀼𝀬𜐶𛀱𝠩`.replace(/u../g,'')))

Feb 21 2021 5:43 PM UTC

}// 133/140

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

#retro #atari #GEM "Rainbow" #TOS 1.04 logo

u/tomxor

#pixelart
u/tomxor

Traced from a real TOS ROM running on Hatari to get the pixels right.
u/magna

Lovely!
u/New_Core

nice

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

remix of d/15133 by u/KilledByAPixel

function u(t) {

for(i=1024;i--;)"︀Ͽ＀߿＀࿿ﾀ࿿ﾀ࿿ﾀῸ羀ᾐ➀ἀ΀Ḁ呂ṼﶀỼƀḀ呂Ṹ놀ะ脀ఀ脀ఀ脀ఀ舀Ѐ䈀Ј䈀Ј쐀ЇЀЀ蠀ԟࠀﲏက呀㸀︠픀唟翠ﾀ啐啎￸￠啔啟".charCodeAt(i/16)&1<<i%16&&x.fillRect(i%C*C,(i>>5)*C,C=32,C)

Jul 24 2019 8:07 PM UTC

}// 140/140

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

Self Portrait

u/KilledByAPixel

#pixelart #selfie
u/katkip

nice

dwitter.net | #pixelart