Dweets by u/xem

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: #ScaryMovies

show FPS hide FPS share fullscreen

xem

remix of d/3326 by u/xem

function u(t) {

for(i=0;i<65;i++)for(j=0;j<65;j++)x.fillStyle=R(i*9,j*9,C(t)*255),x.fillRect(900+400*S((i+t/9)*3)*C((j+t/9)*1.5),500+400*S((j+t/9)*1.5),5,5)

Oct 21 2017 9:45 AM UTC

}// 140/140

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

made by mistake while working on a rotating sphere :p

show FPS hide FPS share 1 remix fullscreen

xem

remix of d/3325 by u/xem

function u(t) {

for(i=0;i<65;i++)for(j=0;j<65;j++)x.fillStyle=R(i*9,j*9,C(t)*99),x.fillRect(900+400*S((i+t/9)*3)*C((j+t/9)*1.5),500+400*S((j+t/9)*1.5),5,5)

Oct 21 2017 9:43 AM UTC

}// 139/140

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

Some kind of Jupiter-y, Easter-egg-y thing?

show FPS hide FPS share 1 remix fullscreen

xem

remix of d/3324 by u/xem

function u(t) {

for(c.width^=i=0;i<9;i+=.1)for(j=0;j<9;j+=.1)x.beginPath(),x.arc(900+400*S((i+t/9)*3)*C((j+t/5)*1.5),500+400*S((j+t/9)*1.5),5,0,6),x.fill()

Oct 21 2017 7:22 AM UTC

}// 139/140

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

Sphere-<3

show FPS hide FPS share 1 remix fullscreen

xem

function u(t) {

c.width^=0;for(i=0;i<10;i+=.5)for(j=0;j<10;j+=.5)x.arc(900+400*S((i+t/9)*3.14)*C(j*1.57),500+400*S(j*1.57),5,0,6);x.fill()

Oct 21 2017 7:12 AM UTC

}// 122/140

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

This is totally not what I wanted to do :)

u/xem

Sphere<3
u/xem

(see remix https://www.dwitter.net/d/3325)
u/iverjo

#sphere

show FPS hide FPS share 1 remix fullscreen

xem

remix of d/2050 by u/xem

function u(t) {

c.style=`background:radial-gradient(#FF0,red,blue,#fff 50%);transform:rotateX(${t*9}deg)rotateY(${t*99}deg)rotateZ(${t/5}rad)scale(${T(t)})`

Mar 11 2017 12:29 PM UTC

}// 140/140

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

u/sfz

css masta!

show FPS hide FPS share 1 remix fullscreen

xem

function u(t) {

c.style='background:radial-gradient(red,blue);position:absolute;transform:rotateX('+t*99+'deg)rotateY('+t*50+'deg)rotateZ('+t*10+'deg)';

Mar 11 2017 11:13 AM UTC

}// 136/140

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

#thinkoutsidethecanvas

u/hypothete

Definitely a lot terser than gradients in the canvas. Color stop stuff gets wordy.

show FPS hide FPS share fullscreen

xem

remix of d/690 by u/xem

function u(t) {

i=~~(t*10);x.font="99px a";x.clearRect(0,0,9999,999),x.fillText("U+"+(1E9+i.toString(16)).slice(-6)+" = " + String.fromCodePoint(i),300,600)

Feb 20 2017 9: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).

More info and demos: https://github.com/xem/miniUnicode

show FPS hide FPS share 2 remixes fullscreen

xem

function u(t) {

x.clearRect(0,0,9999,9999);x.font="900px arial";x.fillText(String.fromCodePoint(0x1f300+~~(t*10)),400,800)

Feb 20 2017 8:48 PM UTC

}// 106/140

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

More info and demos: https://github.com/xem/miniUnicode

show FPS hide FPS share 1 remix fullscreen

xem

remix of d/645 by u/xem

function u(t) {

for(i=j=0;i<
118;j+={0:17,3:11,11:11,55:54,87:54,69:-68,101:-68}[i++]|1)x.fillStyle=R(i,i+99,i*3,1),x.fillRect(j%18*99,~~(j/18)*99,90,90)

Feb 17 2017 10:36 PM UTC

}// 137/140

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

u/lionleaf

Awesome periodic table!
u/iverjo

wow, impressive!
u/xem

thanks! More info on http://codegolf.github.io/period1k/
u/KilledByAPixel

Nice! #periodic #periodictable

show FPS hide FPS share 1 remix fullscreen

xem

function u(t) {

for(i=j=0;i<118;){x.fillRect(j%18*99,~~(j/18)*99,90,90),j+={0:17,3:11,11:11,55:54,87:54,69:-68,101:-68}[i++]|1}

Feb 17 2017 10:17 PM UTC

}// 111/140

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

u/joeytwiddle

It's the periodic table of elements!

You've reached the end.

dwitter.net | xem (226)