Dweets awesomed by u/katkip

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

rodrigo.siqueira

remix of d/20589 by u/rodrigo.siqueira

function u(t) {

for(i=5e3,c.width|=f=g=>500*(T(i+t/9))*g(i*i+t/2);i--;x.lineWidth=2)x.strokeRect(960+f(C),540+f(S),s=.9*T(i/91),s)

Nov 14 2020 1:40 AM UTC

}// 114/140

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

Rotating squares galaxy #squares

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

katkip

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪀪🐱𞱦𫱲𚁩🐹𞐹𞱩𛐭𞰩𮀮𩡩𫁬𤡥𨱴𚀹𝠰𚱓𚁩𛰲𚱓𚁩𛰲𚐪𛠸𚐪𜰰𜀬𝐴𜀫𠰨𪐯𜠭𤰨𪐩𛰵𚐪𝀰𜀬𝠬𝠩𛁸𛡦𪑬𫁒𩑣𭀨𞐶𜀫𤰨𪐩𚠱𜀰𛀴𝀰𚱃𚁩𚐪𜐰𜀬𝀬𝀩𞱸𛡦𫱮𭀽𙰵𨱭𘠧𛁸𛡦𪑬𫁔𩑸𭀨𘡄𥱉𥁔𡑒𘠬𝐶𜀫𠰨𭀩𚠳𞀰𛀵𜐰𚐻`.replace(/u../g,'')))

Nov 12 2020 6:30 AM UTC

}// 135/140

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

ouija

show FPS hide FPS share fullscreen

katkip

function u(t) {

t||(x.translate(960,540))
z=(5*t|0) 
for(i=39;i--;)x.fillRect(z*19,-4,19,z/3+4),x.rotate(Math.PI/(z+1)/2)

Nov 12 2020 6:15 AM UTC

}// 105/140

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

#symmetry increasing

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(c.width|=i=8;--i;)for(w=j=3<<i-1;j--;x.fillRect(-!x.rotate(6.283/w*(j+i/(1+5**(4+i-t%3*5)))),-25*i,2,25))x.setTransform(3,0,0,3,960,540)

Nov 11 2020 8:56 PM UTC

}// 140/140

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

#beesandbombs

u/pavel

https://twitter.com/beesandbombs/status/1326…
u/pavel

#symmetry
u/donbright

nnnnnnice

show FPS hide FPS share 2 remixes fullscreen

geb

remix of d/20574 by u/Xen

function u(t) {

for(i=2e3,c.width|=f=g=>(i*t/99)|g(a=i)-420*C(i/3+t)*g(a);i--;)x.strokeRect(1e3+f(C),502+f(S),s=9*S(i/1e3),s)

Nov 11 2020 6:14 PM UTC

}// 109/140

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

found some fractals while golfing

u/Xen

i noticed but was far too giddy messing, probs a few decimals from something smooth and defined
u/katkip

beautiful
u/geb

thanks!

show FPS hide FPS share fullscreen

geb

remix of d/20547 by u/PoweredByWill

function u(t) {

with(x)for(c.width|=i=2;i--;clearRect(0,0,2e3,2e3))scale(i?30:1,i?30:-1),fillText('lol',9,(i?20:-16)-2*C(t*6)-.9),clip(rect(0,18,2e3,18))

Nov 10 2020 4:18 PM UTC

}// 137/140

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

u/joeytwiddle

Mommy where do tie fighters come from?

show FPS hide FPS share fullscreen

ntsutae

remix of d/20532 by u/ntsutae

function u(t) {

c.width|=X=1e3,Y=X/2
for(i=2e3;i--;x.fillRect(X+=C(d*=Math.PI/3),Y+=S(d),9,9),x.fillRect(2e3-X,1e3-Y,9,9))d=S(i/84+t-C(i/99-t))*4^0

Nov 10 2020 3:51 AM UTC

}// 132/140

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

#symmetry

u/donbright

wild
u/SockTaters

Brilliant! Looks like one of those animations of the inner workings of a cell -- DNA polymerase or something like that #underrated

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(c.width=960,j=8;j--;)for(i=20;i--;)x.arc(480,270,2**((i>>1)+i%2/2-j%2/2+t/3%1),a=(j+i%2)*Math.PI/4,a);x.fill()

Nov 10 2020 12:47 AM UTC

}// 114/140

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

Infinite Triangles by MDWoolls

show FPS hide FPS share fullscreen

solendil

function u(t) {

eval(unescape(escape`𮀮𩁲𨑷𢑭𨑧𩐨𨰬𝐬𜀩𒡦👦𬡡𫑥𒡲🐲𝰳𚱦𛰴𜀰𯀰𒡩𩠨𩠥𜠩𩡯𬠨𪐽𜐲𜀬𦱓𛁃𧐽𦱃𛁓𧐻𪐭𛐻𮀮𩡩𫁬𤱴𮑬𩐽𤠨𚁃𦱩𧐽𥀨𭀪𪐩🡩𯁼𬠮𭁯𤱴𬡩𫡧𚀲𚐮𬱰𫁩𭁠𨁛𞀭𚁓𦱩𛐱𧐪𝁼𤱛𪑝𚠲𯁓𦱩𚰱𧐩𧐩🀼𞀩𚑸𛡦𪑬𫁒𩑣𭀨𜀬𪐪𞐬𞐬𞐩𒡴𪁲𫱷𘁲𛐲𝐶`.replace(/uD./g,'')))

Nov 6 2020 10:46 AM UTC

}// 139/140

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

Elementary Cellular Automaton with rule number. Wait for rules 18 or 22. Details at https://en.wikipedia.org/wiki/Elementary_cel…

u/tomxor

#automata
u/rodrigo.siqueira

Stephen Wolfram (creator of WolframAlpha and Mathematica) describes a deeper theory behind those Cellular Automata in his book A New Kind of Science. I invite you to listen to the interview about Cellular automata and its relation with Artificial General Intelligence - Stephen Wolfram and Lex Fridman (MIT AI teacher): https://www.youtube.com/watch?v=ez773teNFYA

dwitter.net | katkip (33053)