Random dweets | Dwitter

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

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

384.cz

remix of d/29247 by u/384.cz

function u(t) {

throw JSON.parse(localStorage.F)["filename"]

Jan 3 2024 6:35 PM UTC

}// 44/140

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

#dwitteros Print content of file (replace "filename" in code with your file name)

show FPS hide FPS share fullscreen

New_Core

function u(t) {

for(c.width|=i=99;i--;x.rect(0,0,400,20))x.setTransform(S(a=t+i/50),b=C(a),-b,-S(-a),960+800*S(a/.8),540+400*C(a/.9))
x.fill("evenodd")

Nov 13 2018 7:17 PM UTC

}// 135/140

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

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/20882 by u/pavel

function u(t) {

with(x)for(beginPath(fill()),fillStyle=(T=!T)?'#fff2':R(),i=686;a=i--/99;arc(960,540,399+99*f(t|0),a,a))f=n=>T?n:n&&S(n&n*t)*S(a*n)/n+f(n-1)

Dec 4 2020 2:15 PM UTC

}// 140/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 fullscreen

katkip

remix of d/35758 by u/katkip

function u(t) {

for(c.width^=0,i=13e4;X=i%480,Y=i/480,i--;)(x.globalAlpha=1-(V=C(t)*S(X/7)*S(Y/6)+S(t)*S(X/6)*S(Y/7))*V*99)>0&&x.fillRect(X*4,Y*4,9,9)

Jul 2 2026 5:04 PM UTC

}// 134/140

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

improvement

u/katkip

lowkey really hypnotizing
u/magna

very cool
u/DataMeta

dope!

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

function u(t) {

for(x.fillRect(0,0,w=2e3,w),i=2e4;i--;x.clearRect(w/2+S(p=T(i*i))/(Z=T(i+t)/99),w/4+C(p+S(i*2)+Z)/Z,9*C(i*t),.7/t))x.globalAlpha=.05

Oct 10 2022 12:34 AM UTC

}// 132/140

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

Star collapse

u/rodrigo.siqueira

Nuclear reactions

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/18610 by u/KilledByAPixel

function u(t) {

with(x)for(k=i=999;--i;beginPath(fill(arc(k+i+r*C(a=i%2?i+240*t:(i-k*t>>5)**5),540+r*S(a),r/5,0,7))))fillStyle=R(i/4),r=(S(t)/2+1+i%2)*7e4/i

May 7 2020 5: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).

#blood #cavern 🩸 #uncompressed

u/KilledByAPixel

amazing!
u/KilledByAPixel

interesting how we made different concessions to make it fit!
u/katkip

now Hemoglobin is *l o n g e r* wow.
u/nml

looks like a red blood vessel

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/8542 by u/firegodjr

function u(t) {

x.beginPath(c.width|=0)
for(i=500;--i;)x.arc(S(k=i*(t>>1)/32+t)*C(i)*400+900,C(k)*400+500,19,0,7)
x.fill()

Jun 12 2018 6:24 PM UTC

}// 106/140

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

Golfed down a bit to make room for more fanciness

show FPS hide FPS share fullscreen

dtrip

function u(t) {

w=1920;y0=440;
c.width=w
for(i=0;i<w;i++) {
  p=i/60
  s=(t*20)%i
  y=y0 + (S(p*p)*20) - (S(p*3)*20) + S(p)*(s)
  x.fillRect(i,y,4,4)
}

Dec 5 2023 9:13 PM UTC

}// 136/140

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

Chaotic melting waves #noideawhatimdoing

show FPS hide FPS share fullscreen

taupelink

remix of d/24586 by u/taupelink

function u(t) {

eval(unescape(escape`景爨洽琿〺㍥㐻洭ⴻ砮獴牯步⠩⥶㴱⴮㠯䵡瑨⹬潧⡭⤬堽匨洯㈩ⱙ㵓⡭⩭⤬砮獴牯步却祬攽刨椽津㈵㘬椪⸹㜬椪⠮㠷⭙⼲〩Ⱛ⭙⨮㜩ⱸ⹬楮敗楤瑨㵙⩶⨹ⱸ⹢敧楮偡瑨⠩ⱸ⹡牣⠹㘰⨫⭘ⰵ㐰⩙Ⱪ⩶Ⱝ㌬〩`.replace(/u([^D].)/g,'$1%')))

Dec 18 2021 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).

d/24592

u/vain

wow... looks incredible
u/magna

taupelink 2022 editions have started already