Dweets awesomed by u/skeletonNatte

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 fullscreen

geb

remix of d/20747 by u/danny@hille.dk

function u(t) {

for(m=Math,c.width=X=66;X--;)for(Y=44;Y--;x.fillStyle=R(o=S(S(X*Y)+(m.hypot(X-32,Y-21)/13-t)*5)*230,o*.8,-o))x.fillRect(X,Y,1,1)

Nov 21 2020 1:10 PM UTC

}// 128/140

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

u/danny@hille.dk

NICE! you could zoom the ripples for a psychodelic wave like this for(c.width=X=64,w=30;X--;)for(Y=38;Y--;x.fillStyle=R(o=S(S(X/9*Y/9)+(Math.hypot(X-32,Y-21)/13-t)*5)*230,o*.8,-o))x.fillRect(X,Y,1,1)
u/danny@hille.dk

or pixelate, for some retro style, and mess with the colors: for(w=30,X=64,w=30;X--;)for(Y=38;Y--;x.fillStyle=R(o=S(S(X/9*Y/9)+(Math.hypot(X-32,Y-21)/13-t)*5)*230,-o,o))x.fillRect(X*w,Y*w,w,w)

show FPS hide FPS share 1 remix fullscreen

jellyedwards

function u(t) {

c.width|=y=800
v=5*t**6
x.setTransform(s=v<40?v:s,5,5,s,y,300)
x.stroke(new Path2D(`m2 4v 5q2 2, 4 0v-12q-3 -3,-6 0v18q4 4,8 0v-8l2 -2`))

Nov 20 2020 11:01 PM UTC

}// 137/140

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

It looks like you're writing a dweet!

Show more comments…
u/jellyedwards

Would you like to:
u/jellyedwards

Golf for another few hours or lower your standards?
u/Xen

in my case... both :-P
u/jellyedwards

:-D
u/tomxor

NOOOO! anything but clippy!
u/katkip

#genius

show FPS hide FPS share fullscreen

danny@hille.dk

function u(t) {

for(X=480;X--;x.fillStyle=R(g=.2*X*C(S(t+X/33)+t+S(X/S(X/9+t)*9)),g*2,g*4,x.fillRect(X*4,0,8,1)));x.drawImage(c,-2,0,1920+S(t)+2,1120)

Nov 20 2020 7:43 PM UTC

}// 134/140

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

u/DataMeta

soothing
u/ciaccodavide

Aurora borealis?
u/Xen

i do like this muchly!

show FPS hide FPS share fullscreen

ciaccodavide

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚐊𨰮𭱩𩁴𪁼🐱𒡰👸𛡣𬡥𨑴𩑐𨑴𭁥𬡮𚁤𫱣𭑭𩑮𭀮𬑵𩑲𮑓𩑬𩑣𭁯𬡁𫁬𚀧𨱡𫡶𨑳𙰩𦰱𧐬𙰧𚐊𮀮𩡩𫁬𤱴𮑬𩐽𬀊𮀮𬱨𨑤𫱷𠡬𭑲🐱𜀰𒡸𛡳𪁡𩁯𭱃𫱬𫱲👒𚀰𚐊𮀮𨑲𨰨𞐶𜀬𝐴𜀬𜰳𜰫𤰨𭀩𚠱𜀰𛀰𛀹𚐊𮀮𩡩𫁬𚀩`.replace(/u../g,'')))

Nov 20 2020 5:02 PM UTC

}// 128/140

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

What lies behind the canvas

u/Xen

cool idea
u/ciaccodavide

Thanks :)
u/danny@hille.dk

nice trick
u/DataMeta

#fourthwall

show FPS hide FPS share fullscreen

jellyedwards

function u(t) {

t/k>2?k+=++j:x.translate((c.width|=b=τ/j)/2,h=500)
t&1?d+=b/120:x.scale(1,C(t*τ))
for(a=d;τ>a-d;x.fill())x.arc(0,0,h,a+=b,a)}{j=k=3,d=τ=6.28

Nov 20 2020 6:48 AM UTC

}// 140/140

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

Group #symmetry #numbertheory

u/jellyedwards

Trying to do this sort of thing for all polygons: http://mathonline.wikidot.com/the-group-of-s…
u/jellyedwards

Not much point posting this when there are mountain landscapes and stargates dweets around lol
u/smtsjhr

i can appreciate these Dihedral Group symmetries
u/DataMeta

interesting! glad you posted it :)

show FPS hide FPS share fullscreen

pavel

remix of d/20689 by u/yonatan

function u(t) {

for(c.width=w=128,i=2e3;z=--i>>7;x.fillRect(i%w,(4+S(a=i/6+7*t/z)+S(3*a^z)/3+S(9*a)/9)*(14-z),1,w))x.fillStyle=`hsl(200,${z*9}%,${i/7-z*z}%`

Nov 19 2020 2:45 AM 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/joeytwiddle

Excellent collaboration, you monsters!
u/danny@hille.dk

You got some serious golf-fu skills 👍
u/danny@hille.dk

+S(9*a)/9 can be approximated by constant .1 to shave off additional 6 bytes
u/yonatan

this is great!
u/DataMeta

impressive
u/joeytwiddle

I tried to reproduce in tixy.land but overflowed a bit https://twitter.com/joeytwiddle/status/13294…
u/Qwitter

nes vibes

show FPS hide FPS share fullscreen

ntsutae

remix of d/20669 by u/tomxor

function u(t) {

for(c.width&=i=8320;i--;)
x.fillRect(X=i&127,Y=i>>7,
k=S(8*t+X*X-3*Y*Y+19*X*Y)+.5,k)

Nov 18 2020 4:30 PM UTC

}// 84/140

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

u/tomxor

#illusion This is messing with my eyes! looks like continuous rotating slices without ever getting beyond 90 degrees
u/joeytwiddle

Travelling without moving
u/ntsutae

I didn't have enough understanding and respect for the work

show FPS hide FPS share 2 remixes fullscreen

dnmc

function u(t) {

r=Math.random
j=960+S(t)*400
k=540+C(t)*400
for(i=0;i++<80*t;){
j+=r()*8-4
k+=r()*8-4
x.fillStyle=R(0,(S(t*4)+1)*127)
x.fillRect(j,k,6,6)
}

Nov 17 2020 7:07 AM UTC

}// 139/140

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

It's the circle of life...

show FPS hide FPS share fullscreen

ntsutae

remix of d/20532 by u/ntsutae

function u(t) {

X=1e3,Y=X/2
for(c.width|=i=2e3;i--;x[f='fillRect'](X+=C(d*=11),Y+=S(d),9,9),x[f](2e3-X,1e3-Y,9,9))d=S(i/100|t*2+S(i/333+t))*5^0

Nov 13 2020 5:03 AM UTC

}// 127/140

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

#symmetry

u/donbright

awesome
u/ntsutae

Thank you
u/sigveseb

Nice

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!!!

dwitter.net | skeletonNatte (31927)