Dweets awesomed by u/cantelope

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

KilledByAPixel

remix of d/27539 by u/KilledByAPixel

function u(t) {

for(c.width|=i=30;i--;x.fillText('D W I T T E R',50+i,800+i,1800))x.fillStyle=i?R(x.font='900 8in arial'):'#fff'

May 28 2023 5:38 PM UTC

}// 112/140

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

Shadow Font

Show more comments…
u/Joachim

Minus four chars… for(c.width|=i=30;i--;x.fillText('D W I T T E R',50+i,800+i,1800))x.fillStyle=i?R(x.font='8in arial'):'#fff'
u/KilledByAPixel

that one is a bit different without bold font, however i noticed the c.width|= is not necessary
u/Joachim

Oh, okay. The bold font doesn’t make any difference on the device I’m using.
u/deobfuscate

Ive always wanted to know why |= is used. Why specifically use the or equal operator?
u/deobfuscate

Ive always wanted to know why |= is used. Why specifically use the or equal operator?
u/deobfuscate

Whoops, accidentally posted it twice.
u/cantelope

|= isn't or-equal, it's the bitwise or, not an operational or... in the vein of a *= b, it performs the bitwise 'or' operation on the settee. e.g. a |= b is the same as a = a|b ...hope this helps :)
u/deobfuscate

I messed around with it: 0|0 is 0, 1|1 is 1, and so on. But if both numbers are different, it returns the sum.
u/KilledByAPixel

to clear the canvas you just have to do a math operation to the width or height, i use |=0 for some reason but you can use +=0 or -=0 or *=1 etc

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/27839 by u/taupelink

function u(t) {

for(f=i=1e4;i--&&t<4;x[Y+Y%f*f&3?'clearRect':'fillRect'](40*X,40*Y,.5,S(X+f)))X=i/t%34+5,Y=i**t%20+4,f=2+(Y+f/9&4)+S(X/2),f+=S(f/9+C(Y+f/9))

May 26 2023 4:31 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/27840

u/joeytwiddle

I see three angry baboons on the bottom half

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 fullscreen

deobfuscate

remix of d/27540 by u/eifo1

function u(t) {

c.width+=0
x.lineWidth=90
x.beginPath()
x.arc(960,540,l=300+75*S(t),0,7)
x.stroke()
x.font=`20em'`
x.fillText("🕶",763,-(l/2)+700)

May 25 2023 2:15 PM UTC

}// 129/140

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

Cool Circle w/ Glasses

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

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

dwitter.net | cantelope (61519)