Dweets awesomed by u/AliYil

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 fullscreen

pavel

remix of d/10873 by u/yonatan

function u(t) {

for(i=0;Y=i>>5,Y<35;x[o?'clearRect':'fillRect'](0,!x.setTransform(4>>o,-o,2*o,2-o,j%T-Y%2<<6,Y*T+T*S(j*j+9*t)*S(t)**9),T=32,T))o=i%2,j=i++-o

Jun 16 2020 9:14 PM UTC

}// 140/140

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

#beesandbombs #uncompressed

u/BuRRak

I love it
u/aleamb

LOVE IT!!!

show FPS hide FPS share 1 remix fullscreen

AliYil

remix of d/13552 by u/AliYil

function u(t) {

c.width=1920
for(i=0;i<200;i++)
x.fillRect(i*10,540,10,S(t*(i-(i%2?50:150))/50)*140)

Apr 30 2019 5:15 PM UTC

}// 84/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

AliYil

remix of d/13533 by u/AliYil

function u(t) {

c.width=1920
for(i=0;i<100;i++)
x.fillRect(i*20,540,17,S(t*(i-(i%2?25:75))/5)*240)

Apr 30 2019 5:07 PM UTC

}// 82/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

AliYil

function u(t) {

c.width=1920
for(i=0;i<100;i++)
x.fillRect(i*20,540,17,S(t*(i-50)/5)*240)

Apr 29 2019 8:33 PM UTC

}// 73/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

tomxor

function u(t) {

eval(unescape(escape`眽㤰Ⱪ㵬㵷⩷⼵ⱴ㴱⭴⩴⼱㈻景爨砮晩汬剥捴⠰ⰰⱣ⹷楤瑨㵷⨲ⱷ⨲⤻椭ⴻ砮晩汬剥捴⡘⨶ⱙ⨶ⰱ⭋ⰵ⤩堽椥眯㌬夽椯眬䘽琭椯氬䬽ㄭ䘥ㄬ䬪㴨奞堭繆⤯㈷┱⭋⨪㠬砮晩汬却祬攽恨獬⠤筩⨱㈰紬㤹┬⑻䬪㤹紥⥠`.replace(/u(..)/g,"$1%")))

Feb 14 2019 12:46 AM UTC

}// 140/140

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

Trinitron #crt #scanline #fractal

u/tomxor

Finally resorted to UTF8. This is a reasonably accurate slow motion aperture grille scanline animation... Although if run very slow you will see it's not simulating 3 electron beams. t=fps (scanline) w=width (subpixels) the later must be a multiple of 3 and 5. Use X, Y and floored F to plugin your own fractal!
u/tomxor

Uncompressed: w=90,i=l=w*w/5,t=1+t*t/12; for(x.fillRect(0,0,c.width=w*2,w*2);i--;x.fillRect(X*6,Y*6,1+K,5)) X=i%w/3,Y=i/w|0,F=t-i/l,K=1-F%1,K*=(Y^X-~F)/27%1+K**8, x.fillStyle=hsl(${i*120},99%,${K*99}%)
u/sigveseb

Kick-ass!
u/C010011012

bypassing the character limit I see using unicode escapements and regex u r very clever

show FPS hide FPS share fullscreen

katkip

remix of d/4495 by u/AliYil

function u(t) {

for(i=0;i<20;i++)for(j=0;j<12;j++){s=S(i+j-t*5)*25+25
x.fillStyle=`hsl(${2e2+S(j*i)*30},95%,62%)`
x.fillRect(i*100-s,j*100-s,s*t,s*t)}

Aug 24 2018 4:12 PM UTC

}// 134/140

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

#waves

show FPS hide FPS share 1 remix fullscreen

Jezza

function u(t) {

c.width|=0;x.font='20em a';x.textAlign="center";x.fillText([b='Never gonna','give',d='you','👆','',b,'let',d,'👇',''][~~(t*4)%10],960,540)

Jan 22 2018 10:44 AM UTC

}// 136/140

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

u/zanella

Nice trick buffering the repeated terms!
u/donbright

lolol
u/joeytwiddle

On my Mac, I see the hands at 12em but not at 20em.
u/Jezza

@joeytwiddle, interesting - seems to work on safari though.

show FPS hide FPS share 2 remixes fullscreen

sigveseb

remix of d/5776 by u/ETHproductions

function u(t) {

t&&a<1920||(a=b=q=0,p=t*77%23+4,h+=20)
x.font='9em"'
x.fillText('🃏',a+=p,b)
b+=q++
b>930&q>0?q*=t%1/9-.9:0};{h=0

Jan 9 2018 12:05 AM UTC

}// 112/140

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

Remixed on my phone so I didn't clean up unused variables etc. Just wanted to see how this looks with emojis :)

show FPS hide FPS share fullscreen

Xen

remix of d/3167 by u/Xen

function u(t) {

for(i=c.width|=0;i--;x.fillRect(960+S(p=.9*i+S(t)*3e3/i*S(t))*(d=i*i/1e3)-i*C(t),540+C(p)*d-i*S(t),s,s))x.fillStyle=R(Z=t*i%255,s=i/5,255-Z)

Jan 2 2018 9: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).

Show more comments…
u/jbl

WOW! 💯
u/lionleaf

Testing new links u/Xen
u/Xen

Yay! d/5309
u/donbright

i would have said this was impossible if i didnt see it
u/lionleaf

#alien #needle #color #floppy #rotation
u/sybarita

Yo what ... this is amazing
u/mrperson59

Is this what sleeping beauty pricked her finger on?

show FPS hide FPS share fullscreen

RomanW

remix of d/5233 by u/RomanW

function u(t) {

z=34;f=(60*t)%960;'ȏ܀လa8๼0৷耠ĻƟ臿ﰿ聛＝〇ﾛ态繨ﰀε＀Əﾀ؇￠ᨃ￠簁｠㼀＀羀羀翀⟀῀㏠࿀ᇰϠᡰǰ࠸xࠌ࠘ం耄᠀〆㠀ข瀡Ǡ耿'.charCodeAt(f/16)>>f%16&1&&x.fillRect(f%31*z,~~(f/31)*z,z,z)

Jan 2 2018 4:12 PM 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/Pjaerr

That's cool.
u/Chipnstein

Was expecting dickbut... not exactly disappointed but still cool
u/aemkei

OMFG! This is incredible!!
u/aemkei

but shorter but ugly: f=60*t;x.fillRect(f%31*9,f/3,'ȏ܀လa8๼0৷耠ĻƟ臿ﰿ聛＝〇ﾛ态繨ﰀε＀Əﾀ؇￠ᨃ￠簁｠㼀＀羀羀翀⟀῀㏠࿀ᇰϠᡰǰ࠸xࠌ࠘ం耄᠀〆㠀ข瀡Ǡ耿'.charCodeAt(f/16)>>f%16&1,9)
u/RomanW

Nice aemkei, thanks!
u/oldspork

This is amazing. I'm brand-new to coding and very new to Dwitter; how on Earth do all of those symbols and letters code for a picture of the Earth?
u/RomanW

Hi oldspork! The magic happens with the function charCodeAt. This function gets the numeric value of one character at a time. Since these are UTF-16 characters, you can get 16 bits of information in one character.
u/lionleaf

#globe #earth #bitmap #pixelart
u/Purpzie

Is there an easy way to make these kinds of things? (specifically how the data for each pixel is stored)
u/dsamarin

String.fromCharCode.apply(null, new Uint16Array(34).map((r) => Math.random()*0xffff))

dwitter.net | AliYil (1167)