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: #Opposites

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.

show FPS hide FPS share fullscreen

ntsutae

function u(t) {

(t*=60)||(c.width=w=320);for(i=w;i--;)
x.fillStyle=R(g=(t-i^t+i)%5?0:w,g,g),x.fillRect(i,0,1,1)
x.drawImage(c,0,1)

Aug 5 2020 10:26 PM UTC

}// 114/140

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

(t-i^t+i)%5

u/katkip

.O.
u/magna

I love this!

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/18638 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁫👩🐵𜠰𞰭𛑩𞱱𚡭𙐹𯁼𩡩𫁬𚁡𬡣𚁫𚱩𚰨𬠽𚁓𚁴𚠴𚐯𜠫𜐩𚠨𬐿𫐥𝰯𞐺𞐩𚠲𩐴𛱩𚐪𤰨𫐪👭𚐬𪰭𪐫𠰨𫐩𚡲𛁲𚠮𞀬𜀬𞐩𚐩𬐽𪐥𜠬𫐽𪐫𪰫𩡲𨑭𩐪𚁱🰲𞠭𜠩𛁢𩑧𪑮𤁡𭁨𚁦𪑬𫁓𭁹𫁥👒𚁩𛰲𚐩𛁳𪁡𩁯𭱃𫱬𫱲👒𚁳𪁡𩁯𭱂𫁵𬠽𬐪𪐯𝐩`.replace(/u../g,'')))

May 9 2020 9:49 PM UTC

}// 140/140

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

Blood Flow 💖

u/katkip

#realistic
u/KilledByAPixel

i added some shadow to this one to get some depth of field effect

show FPS hide FPS share 3 remixes fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𩡯𬠨𪰽𪐽𞐶𜀻𛐭𪐻𮀮𩡩𫁬𚁸𛡡𬡣𚁫𚱩𚱓𚁭👩𚱴𚡫𛰴𚐪𚁲🐨𤰨𭀫𫐯𪰩𚠮𝐫𜐮𝀩𚠱𩐵𛱩𚐬𝐴𜀫𠰨𫐩𚡲𛁳🐴𩐴𛱩𛀰𛀷𛀨𫐽𪐭𭀪𪱼𜀩𙐵𞑼𯁸𛡡𬡣𚁫𚱩𚱓𚁭👭𚠪𝐩𚡲𛰳𛀵𝀰𚱃𚁭𚐪𬠯𜠬𬰽𬠯𞐬𜀬𝰩𚐩𚑸𛡢𩑧𪑮𤁡𭁨𚁸𛡦𪑬𫁓𭁹𫁥👒𚁩𛰴𚐩`.replace(/u../g,'')))

May 6 2020 6:59 AM UTC

}// 140/140

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

Blood #Cavern 🩸

Show more comments…
u/Thom

Amazing
u/magna

Wow
u/joeytwiddle

I see red #blood cells
u/pavel

Your art is awesome Frank
u/KilledByAPixel

Thanks Pavel, you too 😊
u/joeytwiddle

This is great, but your 140 char remix is amazing! d/18638

show FPS hide FPS share 5 remixes fullscreen

pavel

function u(t) {

with(x)for(i=999;i--;fillRect(~setTransform(s=24e3/i,0,0,4*s,960-i+9*s*C(a=i+60*t),540+8*s*S(a)),~rotate(T(a*a)),2,2))fillStyle=R(9,i/4,i/3)

May 4 2020 7:34 PM UTC

}// 140/140

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

Underwater #cavern

Show more comments…
u/KilledByAPixel

sick
u/KilledByAPixel

looped https://twitter.com/KilledByAPixel/status/12…
u/pavel

One trick here is f();g();h(-1,-1) is the same as h(~f(),~g()) when f and g return a falsy value, undefined in this case.
u/pavel

Notice how none of the distance variables are based on time, only angles are, yet the distances are changing and nothing is rotating...
u/pavel

Try making the moving a little faster :)
u/pavel

After I wrote this I looked for other dweets using a similar technique and this is the earliest one I've found, and it includes an explanation d/10212
u/KilledByAPixel

Amazing work! I have not seen the ~ before, will be using it a lot now. I tried to explain the 60*t trick in one of my blog posts, https://frankforce.com/?p=7160
u/pavel

That is an amazingly detailed explanation with great visual aids.
u/pavel

To clarify your explanation, any integer time works. 60*t is naturally an integer (ish). frame is one char longer without numerical errors. In general, (n*t|0) works for any n.
u/AndrewK

privet
u/katkip

masterpiece
u/joeytwiddle

I think this also counts as a #tunnel
u/Qwitter

Awesome!

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁦𪑬𫁒𩑣𭀨𜀬𜀬𨰮𭱩𩁴𪁼👪🐲𞀬𜡥𜰩𞱪𛐭𞱦𪑬𫀨𭁲𨑮𬱦𫱲𫐨𜐮𜐬𜀬𜀬𛐱𛠰𝐬𜀬𜐰𞐰𚐩𚑦𫱲𚁢𩑧𪑮𤁡𭁨𚁩🐳𜠩𞱩𛐭𞱦𪑬𫁓𭁹𫁥👒𚁶🐲𝐵𛑪𚠹𛁶𚠲𛁶𚠴𛀮𞐩𚑬𪑮𩑔𫰨𚁩𛑴𙐱𚐪𝰰𛐹𞐬𪐦𙡩🀳𜐿𤰨𚁩𚱴𯀰𚐪𚡪𚐪𜰹𞐺𜀩`.replace(/u../g,'')))

May 4 2020 5:08 AM UTC

}// 139/140

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

Ice #Cavern 🧊

u/katkip

Looks very good!
u/joeytwiddle

chilly

dwitter.net | hvianna (8221)