Top dweets by u/magna

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 3 remixes fullscreen

magna

function u(t) {

f=_=>S(X**2+Y**2+t*4)
for(i=3e3;i--;x.fillRect((X*2+1-v*v)*15,Y*30,v*v*30,30))v=f(X=i%64,Y=i>>6),x.fillStyle=`hsl(0,99%,${(v+1)*50}%`

Mar 30 2021 2:08 AM UTC

}// 133/140

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

Bar renderer

u/magna

Play with function f and return -1..1 to create new patterns
u/erin

awesom
u/erin

awesome*

show FPS hide FPS share fullscreen

magna

remix of d/21126 by u/magna

function u(t) {

for(c.width&=i=8320;i--;)x.fillRect(X=i&127,Y=i>>7,1,Y/4-8>T(T(S(X/4)*S(Y/4+t*4)))^(Y>10&&Y<24&&(z=X-27-S(t)*20)>0&&z<63&&z%7<3))

Jan 4 2021 6:32 AM UTC

}// 129/140

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

Bubbly #default xor edition

show FPS hide FPS share fullscreen

magna

function u(t) {

eval(unescape(escape`睩瑨⡸⥦楬汓瑹汥㵒⠰⤬晩汬剥捴⠰ⰰⰲ攳ⰲ攳⤬晩汬却祬攽✣晦昧ⱦ潮琽✱㝥洠浯湯獰慣攧ⱴ數瑁汩杮㴧捥湴敲✬晩汬呥硴⡮敷⁄慴攨⤮瑯䱯捡汥呩浥却物湧⠩ⰹ㘰ⰵ㠰⤻`.replace(/u(..)/g,"$1%")))

May 20 2020 3:27 AM UTC

}// 124/140

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

Big clock

u/magna

Needed a clock as a reference while shooting a video. Who uses CodePen, jsFiddle et al when you have Dwitter amirite?
u/magna

#clock
u/sigveseb

Haha :D
u/magna

#app

show FPS hide FPS share fullscreen

magna

remix of d/11175 by u/magna

function u(t) {

for(i=8418;i--;x.fillText('⚫🔵',X*16-16+S(a=t*9+((X-60+C(t*7.1)*19)**2+(Y-34+S(t*3.1)*19)**2)**.3)*14,Y*16+C(a)*14))X=i%122,Y=i/122|0

Nov 27 2018 6:03 AM UTC

}// 132/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 1 remix fullscreen

magna

function u(t) {

c.width|=0;x.font='3em monospace';document.scripts[4].innerHTML.split`\n`.some((_,r)=>x.fillText(_,0,++r*48-t*100))

Nov 22 2018 9:45 PM UTC

}// 115/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 2 remixes fullscreen

magna

remix of d/7512 by u/magna

function u(t) {

c.width=960
for(j=60;j--;)for(i=240;i--;x.fillRect(i*4,j*9,4,9))f=i+t*60,n=T(0|(j+f^f-j)/(t/2+6)),x.fillStyle=`hsl(${120*i},99%,${n*9%50}%`

Nov 4 2018 5:42 AM UTC

}// 139/140

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

u/tomxor

Hah, it fits! awesome
u/tomxor

#crt #fractal
u/magna

It's monochrome, unfortunately. I couldn't find a quick way to add color (i.e. adjust the intensity based on R/G/B cells.)
u/tomxor

I can sort of fudge the colour with some kind of mod3 to selectively modulate the intensity in lum: (2+i%3)*n*10%50 duno how to fit it though.
u/magna

Nice! I used the dweet compressor (d/9207) to compress it: d/10843

show FPS hide FPS share fullscreen

magna

remix of d/9182 by u/magna

function u(t) {

for(i=389;i--;x.clearRect(i%26*80-T(a=t*2+i/2)*70,~~(i/26)*80+T(a+t)*70,i,3));for(i=20;i--;)x.fillRect(i*99,A=x.globalAlpha=T(i^t),A*99,2e3)

Aug 9 2018 8: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).

Broken video card driver

u/magna

#glitch
u/DataMeta

Neat
u/iverjo

Kudos for the appropriate title :D

show FPS hide FPS share fullscreen

magna

remix of d/8781 by u/micahcowan

function u(t) {

for(c.width|=i=n=23;--i;)F=((f,m)=>Math.abs(m-t*f(i*1.5/n)*2e3%(2*m))),x.fillText([...x.font='5em 🅓🅦🅘🅣🅣🅔🅡'][4+i%7],F(C,2e3),F(S,1e3))

Jun 30 2018 4:28 PM UTC

}// 133/140

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

Show more comments…
u/micahcowan

Ha! Nice. 😀
u/micahcowan

Your use of ... '5em 🅓🅦🅘🅣🅣🅔🅡' to automagically limit it to one character, blew my damn mind. Is that your innovation, or did you get it from another? The useless JS things I learn here 😁
u/micahcowan

Wait, I'm amazed it even works, since those are each two chars in UTF-16. I thought JS deals in UTF-16, not -32? Is string subscripting more magical than I supposed? Time to go fishing through Ecma-262...
u/firegodjr

He's turning it into an array first, so the individual chars still act individually, and not as two UTF-16 chars. Array[x] works, String[x] only supports UTF-16.
u/micahcowan

Awesome, thanks. Had just figured that out when I refreshed the page to see if someone said that, heh!
u/micahcowan

You can see what's happening more clearly if you change 2e3 to 5e2. It's also interesting to set n=8, but then you also want to change 🅓🅦🅘🅣🅣🅔🅡 to 🅡🅓🅦🅘🅣🅣🅔
u/magna

@micahcowan It's a culmination of 1) spread syntax 2) using bullshit strings as font names that I've learned from others :)

show FPS hide FPS share 2 remixes fullscreen

magna

function u(t) {

c.width=240
with(x)font='6em"',fillText('👌',110,110),scale(-1,1),translate(-160,30),rotate(-1.57),fillText('☝️',-110,100+S(t*4)*10)

Jun 27 2018 2:57 PM UTC

}// 131/140

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

NSFW #nsfw #sorry

u/micahcowan

#emoji
u/Agnes

You could use clipping to have the pointing hand disappear into the OK hand if you placed the clip rectangle just right. I don't know how you would save up the characters though, maybe by using a for loop to only have one fillText call (but that would also eat characters with all the ?: statements you'd have instead).
u/magna

Yeah, clipping would make it awesome! Let's see if this can be golfed down significantly to open up space for some clipping.
u/Agnes

I posted a clipping remix. You can do scaling, translation and rotation in a single call to setTransform.

show FPS hide FPS share fullscreen

magna

remix of d/8757 by u/micahcowan

function u(t) {

c.width|=D=C(r=3*S(t))
x.setTransform(1+9*D,U=S(r)*5,0,9+D,825-40*U,99*D)
for(i=9;--i;x.fillRect(-52.5+i*10,40,5,20))x.fillStyle=R(D<0&&255)

Jun 27 2018 5:38 AM UTC

}// 140/140

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

Show more comments…
u/micahcowan

😍
u/micahcowan

Very useful shortcuts, I'll have to use them in future. ...I'm thinking like a C programmer - in the C standard the order in which arguments are evaluated is unspecified; apparently the ES standard strictly defines order-of eval to be the intuitive left-to-right order. Good to know!
u/micahcowan

Ha, it feels "wrong" to set fillStyle 9 times in a row. But a great way to eliminate that last little character!
u/micahcowan

#default
u/magna

When you're out of characters you can shave "legally", you have to start compromising and enter the "wrong" and/or "meh, it's just a good approximation" territory :)
u/magna

Like Math.PI * 2 === 7
u/micahcowan

Heh, totally. :D
u/pythech

hack to save 2 chars: x.fillStyle=R(-D*9e7)
u/pythech

I guess that's "meh" territory
u/magna

@pythech nice!

dwitter.net | magna (3923)