Dweets awesomed by u/danny@hille.dk

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

joeytwiddle

remix of d/27534 by u/rodrigo.siqueira

function u(t) {

for(c.width|=c.style.filter='blur(4vh)invert(',i=3e3;i--;x.fillRect(960+T(p=T(i))/Z,540+C(p)/Z,K=30*T(t/9),K))Z=T(i*i)/(P=(i-S(t/9)*t)%9)**4

May 25 2023 8:05 PM UTC

}// 140/140

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

Formation and dispersal (remix)

u/Xen

#FarTooSexy
u/rodrigo.siqueira

This is hypnotic and mesmerizing. I use fullscreen to enjoy the relaxing effect.
u/andrea270872

I feel like I'm going to Warp speed! Very cool

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`󭌥󝌼󛬷󟽗󟜲󚽃󚍴󛍘󟜹󝼰󛍙󟝖󟝓󚍴󚭴󚜩󞬰󒭔󟬰󟽔󛜽󛬲󞭔󟜰󒭦󫽲󚍣󛭷󪝤󭍨󯌽󪜽󜜸󜌻󪜭󛜻󥼾󜌦󚍅󛝘󚜪󚬲󚼨󡬭󦜩󚬪󜬼󞌰󜌿󥬽󝌰󚭓󚍔󛍗󟜭󥼩󞭯󫭭󫽵󬽥󩍯󭽮󟝥󟜾󥌽󥍼󯌶󚝸󛭦󪝬󫍒󩝣󭌨󪜿󡜽󞌵󜌭󪜪󠼨󥌩󞭘󛜽󥬬󪜿󡬽󞜰󜌭󪜪󤼨󥌩󞭙󚼽󥼪󞜬󜼰󛌳󜌩`.replace(/u../g,'')))

May 25 2023 3:06 PM UTC

}// 140/140

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

Batter Up ⚾ Click to swing! #game #baseball

u/KilledByAPixel

improved version after original was accidentally deleted
u/cantelope

troll
u/cantelope

jk.. cool person :D

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/27826 by u/rodrigo.siqueira

function u(t) {

for(x.fillRect(0,0,w=2e3,w),i=1e4;i--;x.clearRect(960+C(p=T(i*i-t/9))/(Z=(i/S(t+i+p)+i*p*i/320)/i/i),540+S(p)/Z,K=3*S(i),K))x.globalAlpha=.1

May 25 2023 12:50 AM UTC

}// 140/140

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

Galactic knot

u/deobfuscate

The universe gets pretty bored sometimes...
u/Joachim

Wow!!
u/joeytwiddle

There is a region of space they all avoid, except some of them occasionally don't!

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/27531 by u/tomxor

function u(t) {

w=c.width=240,x.fill(new Path2D(`m120 68h-9v0a5 3 0 015 3v13a32 32 0 01-12-60v0a38 37 0 0012 70v8l4 24`)),x.scale(-1,1),x.drawImage(c,-w,0)

May 24 2023 5:07 PM UTC

}// 140/140

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

#uncompressed #quake

Show more comments…
u/vain

Is there any way or reference to learn to understand this source and its Path2D datas?
u/deobfuscate

Path2D is very similar to the line function in SVG data. If you made an SVG, added a line function with this data, you would get half of the logo.
u/deobfuscate

https://developer.mozilla.org/en-US/docs/Web…
u/tomxor

Yeah it's just svg path data, there's a bunch of different commands (single letters), followed by a number of numeric parameters. Spaces can be removed in a variety of places making legebility hard which might be confusing here, e.g if there is a sign e.g 1 -1 this can become 1-1, also parameters which are flags do not need delimiters since they always have length of 1, e.g the two flags of the arc command a 2 3 4 0 0 5 6 can become a 2 3 4 00 5 6, also commands do not need delimiters a2 3 4 00 5 6. The other golfing trick for paths is to figure out when relative vs absolute coordinates will result in shorter parameters (A is an arc with absolute coordinates, a is relative to the previous command position), you can alternate between absolute and relative commands.
u/tomxor

When I made this path, I split each command onto new lines, without messing with spacing. Then figured out the shortest possible parameters, and removed all possible spacing as a last step.
u/4ce

u/vain a you see it? you asked about Path2D ... i know good online app where can drawing and explored SVG path : (this not my , this link not be ads, i not know what will been if you open this} https://yqnn.github.io/svg-path-editor/ ~_^⠀GoodLuck!
u/danny@hille.dk

this is an ok editor : https://yqnn.github.io/svg-path-editor/
u/danny@hille.dk

woops:-)

show FPS hide FPS share fullscreen

Xen

remix of d/17014 by u/Xen

function u(t) {

x.strokeRect(!x.drawImage(c,4*C(t*t/3),9*S(t*t),z=1903,y=1074),0,z,y)
x.strokeStyle=`hsl(${t*y} 50%50%`

May 24 2023 2:02 PM UTC

}// 103/140

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

quick play

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/27534 by u/rodrigo.siqueira

function u(t) {

for(x.fillRect(0,0,w=2e3,w),i=2e4;i--;x.clearRect(X=960+S(p=T(i**5))/
(Z=1/(i)/88/2+T(t+i)%.01),540+C(frame)/Z+T(i-t),2,2))x.globalAlpha=.1

May 23 2023 2:01 PM UTC

}// 139/140

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

Fast vibrations

show FPS hide FPS share fullscreen

brad-ellert

function u(t) {

c=256
w=1920
h=1080
i=S(t)
j=S(t/2)
k=S(t/3)
x.beginPath()
x.bezierCurveTo(i*w,j*h,j*w,k*h,k*w,i*h)
x.strokeStyle=R(i*c,j*c,k*c)
x.stroke()

May 23 2023 1:23 PM UTC

}// 139/140

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

Harmonic Resonance: A Sine Symphony

u/cantelope

chatGPT tho :(
u/brad-ellert

I find it pretty impressive to see what it can come up with given just a problem definition and constraints. Of course minor tweaks are required because it's not perfect, but it make something very coherent despite not actual ability to "see" as an LLM.

show FPS hide FPS share fullscreen

New_Core

function u(t) {

with(x)for(i=85,drawImage(c,a=150+150*S(t),b=90+90*C(t),1620,900);i--;beginPath(fill()))fillStyle=R(255-i*3),arc(1260-a*2,720-b*2,i,0,7)

May 21 2023 7:59 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/deobfuscate

The amount of things you can do with canvas smearing
u/deobfuscate

#perspective #waitforit #drawimage #smearing

show FPS hide FPS share 1 remix fullscreen

New_Core

remix of d/27540 by u/eifo1

function u(t) {

for(c.width|=i=3;i--;)x.arc(960,540,99+i*i*i*i*99+99*S(t+i/9)+30,0,7)
x.fill("evenodd")

May 20 2023 11:33 AM UTC

}// 87/140

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

just another way...

show FPS hide FPS share 2 remixes fullscreen

eifo1

function u(t) {

q=950+60*S(t);x.lineWidth=90;x.strokeStyle="#FFF";x.fillRect(0,0,1920,1080);x.beginPath();x.arc(q,540,200+100*S(t),0,10*Math.PI);x.stroke();

May 19 2023 10:42 PM UTC

}// 140/140

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

cool circle

dwitter.net | danny@hille.dk (36072)