Dweets awesomed by u/Renaud___

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

pavel

remix of d/21012 by u/pavel

function u(t) {

with(x)for(c.width|=i=710;i--;beginPath(fill(ellipse(40+18*C(a=++t%3.1416),0,w=S(a),!rotate(i*49+w/3),a,0,7))))setTransform(9,0,0,9,960,540)

Dec 17 2020 3:03 AM UTC

}// 140/140

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

Torus Study #2

show FPS hide FPS share fullscreen

lerc

function u(t) {

eval(unescape(escape`𭁼𯀨𨰮𭱩𩁴𪀯🐶𚐊𣐽𨐽🡸𛡦𪑬𭁥𬠽𨐿𘡮𫱮𩐢𞠢𨡬𭑲𚀱𬁸𚑢𬡩𩱨𭁮𩑳𬰨𞐰𙐢𒡍𚀩𞱸𛡤𬡡𭱉𫑡𩱥𚁣𛀰𛀰𚐊𩡯𬠨𪐽𫠽𞐰𞰭𛑩𞰩𮀮𩡩𫁬𤡥𨱴𚀱𝠰𛑓𚁘👩𚱴𚠴𚐪𚀱𛐨𭠽𠰨𪐪𫠩𚐪𭠩𚡮𛁶𚡮𚱮𛀴𛀲𛁸𛡦𪑬𫁓𭁹𫁥🐢𘱆𘠫𚁩𚰱𜀩𛁍𚁃𚁘𚐼𜀩𚐊`.replace(/u../g,'')))

Dec 14 2020 11:58 AM UTC

}// 140/140

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

Christmas ornament

show FPS hide FPS share fullscreen

jellyedwards

remix of d/20746 by u/jellyedwards

function u(t) {

x.setTransform(28,0,0,30,800,400)
x.fillText('⊙⊙',0,2)
x.stroke(new Path2D(`m3-4c0-9 9-9 9 0M3 2c0 30 11 9 11 8q2-3 4-2M6 4c0 9 6 9 6-3`))

Nov 22 2020 10:27 PM UTC

}// 138/140

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

A bit more like him

u/Xen

you made me spit beer! next level is bonzibuddy
u/jellyedwards

Oh god, I had forgotten about bonzibuddy! :D

show FPS hide FPS share 2 remixes fullscreen

taupelink

remix of d/20630 by u/taupelink

function u(t) {

r=Math.random;for(i=k=214;i--;x.strokeRect(k*X,k*Y,i/t,k/t))X=r(Y=r()*5)*9,h=k*S(S(Y*.7)%C(p=S(q=1.5-X/3)*q+2)),x.strokeStyle=R(h*q,h*p,h*Y)

Nov 22 2020 7:22 PM UTC

}// 140/140

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

d/20784

show FPS hide FPS share 4 remixes fullscreen

taupelink

remix of d/20630 by u/taupelink

function u(t) {

r=Math.random;for(i=k=214;i--;x.fillRect(k*X,k*Y,i/t,i/t))X=r(Y=r()*5)*9,h=k*S(S(S(C(p=Y*S(q=X%3*2-2)-2+Y%1.5)))),x.fillStyle=R(h*p,h*q,2*h)

Nov 17 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).

d/20654

u/joeytwiddle

Entrance to sietch as perceived by an insect with compound eyes
u/tomxor

Nice description, (and dweet) :)

show FPS hide FPS share 1 remix fullscreen

danny@hille.dk

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

function u(t) {

for(c.width=433,p=1;p++<6;)for(i=400;i--;)x.fillStyle=`hsla(${p*t*5},99%,50%,.4`,x.fillRect(i,m=C(i/(9*p+96)+t)*p*S(+p+S(i/66))*9+57,1,m)

Nov 16 2020 9:55 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/ciaccodavide

Smooth!

show FPS hide FPS share fullscreen

femto113

function u(t) {

c.width=1920
X=960,Y=540,P=Math.PI,N=t/P%32,p=P/N
for(i=0;i<P;i+=p)x.fillRect(X+Y*(S(i+P)-S(i))/2*S(t+i),Y+Y*(C(i+P)-C(i))/2*S(t+i),19,19)

Nov 14 2020 8:31 AM UTC

}// 138/140

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

linear motion rolling circle illusion

u/katkip

#illusion
u/DataMeta

nicely done
u/pavel

If you delete c.width=1920 you can see only the first dot move linearly
u/femto113

curves are a side effect of changing N with t, if you use a fixed value like N=16 you get straight lines

show FPS hide FPS share fullscreen

pavel

function u(t) {

with(x)for(c.width|=i=78,translate(960,540);j=i*i--/5;rotate(!fillRect(j+=(S(t-j/99)-1)*1e5/j,j*=j>0,j*=-2,j)))fillStyle=R(89,a=222-j/4,2*a)

Nov 14 2020 4:47 AM UTC

}// 140/140

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

Generative art by Alexander Tabakov

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

yonatan

function u(t) {

for(i=c.width|=u=v=0;i--;)x.fillRect(960+u*2,540+v,99,9),u+=b=S(m=i/99*S(i*i/1e6+t)),v+=a=C(m),x.fillStyle=`hsl(${q=a*b*50} 50%${q+50}%`

Nov 12 2020 10:26 PM UTC

}// 136/140

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

u/donbright

really clean, smooth

dwitter.net | Renaud___ (35146)