New #uncompressed dweets

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 1 remix fullscreen

KilledByAPixel

remix of d/28043 by u/KilledByAPixel

function u(t) {

t?c.width=99:V=W=X=Y=1
onmousemove=e=>(V=e.x/56-X/9,W=e.y/50-Y/9)
x.fillText('⬤',X+=V*=(X+V-45)**2<2e3?1:-.8,Y+=W*=Y+W<54?1+.1/W:-.8)

Jun 26 2023 10:37 PM UTC

}// 133/140

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

Bounce the Ball ⬤ #interactive #uncompressed

u/lewdev

OMG, it works with your mouse too!

show FPS hide FPS share fullscreen

PotatoImaginator

function u(t) {

c.width=w=480
c.style.background='#4af'
x.fillStyle=R(h=270)
x.beginPath
u=h*t
x.fill(x.arc(u%960<w?u%w:w-u%w,u%540<h?u%h:h-u%h,20,0,7))

Jun 24 2023 4:56 AM UTC

}// 136/140

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

#uncompressed bouncing #ball

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/28011 by u/flockaroo

function u(t) {

for(i=c.width|=0;i--;x.lineTo(X-400,Y+w+3e4/i))for(X=Y=w=3;w<290;w*=3)A=(i+t*w)%w-w/2,X+=i/4+A*C(D=1-A*A/w/w*4)+Y*S(D)-A,Y-=A*S(D)
x.fill()

Jun 19 2023 2:27 PM UTC

}// 139/140

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

#waves variation #uncompressed

show FPS hide FPS share 2 remixes fullscreen

rodrigo.siqueira

remix of d/27931 by u/tomxor

function u(t) {

for(c.width=A=128;A;(X^R)%7?R+=.1:T++<48?x.fillRect(A+3,36+T/R-z+9/t,T/96+S(t),2/R):(u=--A/64-1,R=1,T=-48))X=R*u+t,z=X*35+R,z=(z-T^T+z)%7>5

Jun 7 2023 7:50 PM UTC

}// 139/140

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

#doom #maze #uncompressed

u/Xen

whaaaaaa :-O
u/tomxor

The horizontal lightbeams going up and down is somehow familiar... Think I gotta play Doom again :D (for research purposes of course)
u/magna

WOW

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/27876 by u/@noel

function u(t) {

for(j=w=255,c.width|=0;j--;)for(i=y=j/w-.5;i++<w;x.fillRect(5*i,j*4,5*(z&w)/w,5))k=i/w-.5,d=y*y+k*k,z=w*C(a=Math.atan2(y,k))/d+w|w*S(a+t)/d

Jun 5 2023 9:55 PM UTC

}// 139/140

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

(not as good, but golfed #uncompressed)

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 1 remix fullscreen

vgel

remix of d/27292 by u/vgel

function u(t) {

for(w=p=c.width|=H=Math.hypot;p<2e6;x.fillRect(p%w,p/w,Z*9,9))for(Z=i=9;i--;p+=19)Z-=H(H(C(t)*(X=p/w%1-.5)-S(t)*Z,p/1e6-1)-.4,C(t)*Z+S(t)*X)

Mar 31 2023 6:14 AM UTC

}// 140/140

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

spinning torus #uncompressed #SDF

u/vgel

finally got it!!! this was really tough. thanks to u/Xen on d/27292 for pointing out an unneeded variable which sent me down this rabbit hole :-)

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/27290 by u/vgel

function u(t) {

for(c.width|=m=1420;m--;x.stroke())X=C(m+t),Y=S(m+t*2),x.beginPath(),x.fillRect(V=m%41*47,m-m%41,9,9),x.arc(700+330*++X,530+320*Y++,120,0,7)

Mar 30 2023 10:55 PM UTC

}// 140/140

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

#torus #grid #uncompressed

u/Xen

love it!
u/vgel

RIP the SDF... :-) it looks convincing though!

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/27269 by u/AlephCubed

function u(t) {

for(c.width=h=300;h--;)for(v=86;v--;x.fillRect(h,2*v,1,S(b+t*2)*b))for(a=b=0,i=9;i--;b=2*S(f-C(t*2-a)/4)+v/32-1)f=a*b,a=a*a-b*b-5+t%6+h/99

Mar 25 2023 7:44 PM UTC

}// 138/140

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

Distorted Mandelbrot's passage through the chaos of white noise #mandelbrot #fractal #noise #uncompressed

Show more comments…
u/joeytwiddle

Wow! #shiny mandelbrot whale
u/magna

WOWW
u/aleamb

WTF!! WOW!!
u/vain

very cool - and even uncompressed! Wow! I really like the noise and scanline fx as background. Just amazing work!
u/Xen

love it!!
u/Jezza

This has made my day. For reals you've cheered up a dev from Australia who was having a bad day.
u/jdspugh

Trippy

show FPS hide FPS share 3 remixes fullscreen

rodrigo.siqueira

remix of d/27151 by u/KilledByAPixel

function u(t) {

for(i=170-t*60,j=99;i>0&&j--;x.fillRect(960+r*S(a=i-S(i/9+j/9)/9),540-r*C(a),z=(80-j)*i/75/t,z))x.fillStyle=`hsl(${j} 99%${j*2}%`,r=i*j/6

Mar 4 2023 3:10 PM UTC

}// 137/140

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

🏵️ #uncompressed

dwitter.net | #uncompressed