Dweets awesomed by u/hvianna

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

tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪀽𜐹𜠬𤠽𝀸𛁩🐸𜀶𝀻𪐭𛐻𮀮𩡩𫁬𤡥𨱴𚁓𚰹𝠬𥀫𝐴𛁃𚁍𨑴𪀮𨑴𨑮𜠨𤰽𪐥𞐷𛑒𛁔👩𛰹𝰭𤠬𬠽𚁓𚡓𚱔𚡔𚐪𚠮𝐩𚠹𚐪𜠰𛑲𙠴𝀦𙡲🠳𝠿𬠼𝀲🱔𛱒𞡓𛱒𞠱𛁲🠳𝠿𬠼𤠺𮠨𜰩𛰵𚐩𮠽𫠽🡮𛐭𙠦𠰨𥀯𜠫𤰪𥀯𤠫𭀪𞐩𚡃𚁔𛰴𛑺𚁮𚐪𜠩𛑲𛰶`.replace(/u../g,'')))

Nov 13 2020 1:17 AM UTC

}// 140/140

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

#stargate

Show more comments…
u/DataMeta

wow WHAT
u/DataMeta

super rad combo of that fluid/smoke technique from a while back and the recent 2.5D Doom texture tricks!
u/chris@grimtech.net

Is this an incoming or outgoing wormhole? thanks
u/magna

WHAT.
u/sigveseb

Holy smokes!
u/tomxor

https://news.ycombinator.com/item?id=25088683
u/aleamb

brutal! amazing!!!
u/rep_movsd

This is one of the all time greats
u/Xen

Yess!
u/UEZ

Awesome. One rookie question: where are the color values saved?
u/red-lady

Stargate!!
u/tomxor

@UEZ the width and height of fillRect are used, when less than one pixel it will interpolate the alpha channel in proportion to the area. The same happens when an edge lies between two pixels (anti-aliasing).
u/UEZ

@tomxor: thanks for your fast reply. :-) That's what I thought but when will width used, when height? I'm trying to under JS by converting it to FB.
u/UEZ

*understand
u/tomxor

The following are equivalent when the values of w and h are between 0 and 1: fillRect(0,0,w,h) == fillRect(0,0,w*h,1). This is because the alpha channel of this pixel value is roughly proportional to the subpixel area (w*h). In terms of the patern we are trying to create, multiplication it's like the continuous version of AND, i.e the binary version is 1 IF w AND h. Additionally a lot of characters are saved when separating into w and h because we dont need to wrap the actual subexpression used to create w and h in parens and multiply them i.e fillRect(0,0,(.1+.2)*(.3+.4),1) becomes fillRect(0,0,.1+.2,.3+.4), that's -5 chars!
u/UEZ

@tomxor: thx.
u/nystrand

epic!
u/jelmo

Nice
u/vain

Wow! This seems to be your stargate... Seems you are not from this world! Incredible!!!

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/20551 by u/KilledByAPixel

function u(t) {

c.width|=i=96
with(x)for(translate(1e3,564);j=--i/12|0;rotate(.5236))rect(-1e4,j*99,1e5,C(j+t)*199),fillStyle=R(i%12||fill`evenodd`,i*j,i*5)

Nov 10 2020 7: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).

Kaleidoscopic #uncompressed #symmetry

u/KilledByAPixel

#Kaleidoscope
u/donbright

so crisp.... amazing

show FPS hide FPS share 3 remixes fullscreen

rodrigo.siqueira

remix of d/20258 by u/rodrigo.siqueira

function u(t) {

工=(一,二,十=0)=>一*一>5?十:
工(2*一*二-.7,S(二*二*2-一*一*2),十+1)
工;for(龙=三=1234;龙--;x.fillRect(t*61,龙,力,1))
工,x.fillStyle=R(力=
工(3*龙/三-1,1+t/11)**2,力/5)

Oct 19 2020 5:17 PM UTC

}// 140/140

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

Chinese Dragon (中国龙). For more information, the code is self-explanatory.

Show more comments…
u/danny@hille.dk

THAT IS EPIC!!!
u/smtsjhr

will you teach me your new programming language please?
u/KilledByAPixel

Programmed by dragons? 🐉
u/danny@hille.dk

Work one, two, ten, if one times one is grater than five then ten else work... - poetry
u/shmoo22

I was wondering if people could code using Japanese characters instead of just English. Cool post, well done
u/rodrigo.siqueira

#dragon

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

c.width|=i=294
for(x.translate(979,550);i--;x.rotate(Math.PI/3))x.rect(-1e3,(j=i%98)*40,2e3,C(j/9+t)*40)
x.fill`evenodd`

Oct 17 2020 5:41 AM UTC

}// 120/140

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

This dweet came to me in a dream

u/smtsjhr

i love it!

show FPS hide FPS share 3 remixes fullscreen

yonatan

function u(t) {

c.width|=X=Y=0
for(i=3e3;i--;s=i/59+9,x.globalAlpha=i*i/2e7,x.fillRect(960+(X+=C(d))*s/9,540+(Y+=S(d))*s/9,s,s))d=S((t+i)/33+t*9|0)*88

Oct 14 2020 6:28 PM UTC

}// 134/140

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

remix of a deleted dweet by u/ntsutae

u/katkip

this is the 2d version of https://js1024.fun/demos/2020/4
u/ntsutae

Perfect, Thanks!
u/sigveseb

cool!

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

for(t*=b=540,i=3e3;j=i--/470;x.fillRect(960+t*S(j),b+t*C(j),9,9))a=(i/64+(t>>6)|0)%2,x.fillStyle=t%64<9?a^t>b?R():'#fff':R(b*!a,t/5,b*a)

Oct 2 2020 6:44 PM UTC

}// 136/140

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

False Motion Optical Illusion 👁️👁️

u/KilledByAPixel

#illusion

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𦀽𭀪🐳𩐳𛁙👁🐭𜰷𝰊𩡯𬠨𥰽𞐪𥀨𪐽𞐩𚰹𞱩𛐭𞰩𩡯𬠨𪠽𥀨𠐫👔𚁔👍𨑴𪀮𬡡𫡤𫱭𚐪𛠱𛐮𜀵𚐪𞐹𚰹𞑼𜀻𪠭𛐻𮀮𨡥𩱩𫡐𨑴𪀨𮀮𩡩𫁬𚀩𚐩𣀽𥀨𚐼𛠰𜠬𮀮𩑬𫁩𬁳𩐨𣀿𦀫𥀨𚐪𥰪𝀭𥰪𜠺𦀭👓𚁁𚐬𦐫🐡𣀪𠰨𠐩𛁌🰱𞐺𥰬𤰨𪠯𞐹𚐫𣀪𝀬𣀿𦐺𠐬𜀬𝰩`.replace(/u../g,'')))

Sep 21 2020 4:15 PM UTC

}// 140/140

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

Bamboo Forest 🐼

u/KilledByAPixel

#bamboo
u/rodrigo.siqueira

I see that this is using the traditional Sumi-e techniques (ancient oriental black ink painting) with the correct use of brush strokes, bamboo composition and harmony. #nature
u/KilledByAPixel

thank you for recognizing. ;)
u/DataMeta

Amazing!! #organic

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𮀮𩡩𫁬𤡥𨱴𚀰𛁸𛡧𫁯𨡡𫁁𫁰𪁡🐮𜀵𛁗🐲𩐳𛁗𚐊𬠽𫐽🡍𨑴𪀮𬡡𫡤𫱭𚀩𚡭𒡆🐨𦀬𦐬𥠬𦠩🐾𮀮𨱬𩑡𬡒𩑣𭀨𦀬𦐬𦠬𦠬𬠨𞐹𚐾𞐸𙠦𦠾𞐦𙡆𚁘𛁙𛁖𛁲𚁚𚠮𞀩𚰲𚐬𦐼𥰦𙡆𚁘𚱖𚡚𛰹𛁙𚱚𛰴𛁲𚀹𞐩🠹𝐿𬠨𞀩𛐴𞡖𛁚𚐩𒡆𚁲𚁗𚠴𞐩𛀰𛀰𛁲𚀲𞐩𚰹𚐻`.replace(/u../g,'')))

Sep 14 2020 5:36 AM UTC

}// 140/140

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

Lightning Strikes 🌩️ #storm

u/KilledByAPixel

#lightning

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

tomxor

remix of d/19550 by u/tomxor

function u(t) {

for(w=c.width&=i=8320;i--;u[i]=t?p<w?r%.7*(p+u[i-w]+u[i-w+1])&w-1:p:(~r-14&16)<<r*.6)p=u[i],x.fillRect(i%w,Y=68-i/w,1,p**.4/7-Y/w),r=i*t^i&Y

Aug 19 2020 11: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).

#castle #fire

Show more comments…
u/tomxor

Took some hints from d/11257 for the fire, but made it more minimal. Thanks to u/KilledByAPixel for the c.width&= trick that allowed to fit some nicer gradient and fire effect.
u/jellyedwards

That's incredible! How does the c.width&= trick work?
u/KilledByAPixel

c.width is 1920, 1920 & 8320 is 128, this way you don't need to write 128 for the width
u/tomxor

This is a bit verbose, but I found it easier to understand in binary: 1920 == 0b0000011110000000; 8320 == (8192 | 128); 8320 == 0b0010000010000000; (1920 & 8320) == 0b0000000010000000. In other words i needs to be roughly 8e3 to fill the screen, 8192 (the 14th bit) is not in 1920 so we can use it without affecting w. w needs to be quite small, 128 (the 8th bit) is the lowest bit available in 1920, which is why it's produced with AND.
u/magna

This is nuts.
u/magna

Please do a write-up on this Dweet.
u/jellyedwards

Thanks for the explanation
u/aleamb

absolutly amazing
u/DataMeta

+1 to magna's request
u/joeytwiddle

Pretty great!
u/13thptr

What u/magna said.
u/Xen

Sexy business right here
u/tomxor

Ok why not, I will do writeup, but need to make blog first :P I will post here and discord when done.

dwitter.net | hvianna (8379)