Top dweets by u/f8f82804

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

f8f82804

remix of d/10293 by u/f8f82804

function u(t) {

with(x)for(i=c.width=320;i--;fillText('👹',155*(i?1+S(i^3*t):.4),90*(i?1+C(t-i):1.8)))i||(font='5cm a',globalCompositeOperation='xor')

Oct 10 2018 5:07 PM UTC

}// 133/140

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

complex #emoji give interesting results with some #composite operations, at least in Firefox

u/f8f82804

It looks like each shape is drawn in a separate pass, which causes strange results! The only alternative would be to render the glyph to an off-screen canvas and then paint the image with appropriate compositing. This is hard to do in 140 chars!
u/f8f82804

update: on Firefox Android, the font rendering behavior is different

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/7779 by u/CocoMeister

function u(t) {

with(x)for(i=c.width|=0,font='5in a',fillText('🐖',720,720);i-=10;)fillStyle=`hsl(${a=S(i*9+S(t/2)*9)*50} 90%50%)`,fillRect(i,a*4+600,50,50)

Sep 14 2018 9:21 PM UTC

}// 139/140

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

#swine

u/joeytwiddle

:D

show FPS hide FPS share fullscreen

f8f82804

remix of d/9820 by u/f8f82804

function u(t) {

c.width=w=640;x.font='480px z';for(i=-240;(i+=8)<w;x.fillText('🏳️‍🌈',i,360+16*S(t*3+i/32)));

Sep 14 2018 6:42 PM UTC

}// 92/140

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

#rainbow #wave

show FPS hide FPS share 1 remix fullscreen

f8f82804

function u(t) {

c.width|=0;x.translate(960,1080);x.rotate(-1.57-Math.atan(S(t)/(C(t)+2)));x.fillRect(0,0,900,9)

Sep 12 2018 3:40 PM UTC

}// 95/140

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

POC for animating a #mechanism. This shaper moves faster to the right than the left

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9710 by u/f8f82804

function u(t) {

with(x)c.width^=r=_=>rotate(4),translate(960,9),f=d=>d--&&save(fillText(d,0,99*S(t%1*2)))&r(translate(0,99))&r(f(d))&restore(f(d));f(t%12|0)

Sep 10 2018 6:02 PM UTC

}// 140/140

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

Improved with sinusoidal motion, deeper recursion. #functional #golf #fullscreen

show FPS hide FPS share fullscreen

f8f82804

function u(t) {

with(x)for(i=c.width^=0,w=i/2;i--;beginPath(stroke()))θ=i/99+t,a=2+C(θ),moveTo(w,i/a),lineTo(w+S(θ)*w/a,i^w),strokeStyle=`hsl(${i} 95%50%`

Sep 9 2018 9:17 PM UTC

}// 138/140

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

cursed_lampshade.swf

u/f8f82804

#rainbow #plotter #animated

show FPS hide FPS share fullscreen

f8f82804

remix of d/9672 by u/yonatan

function u(t) {

c.width=480;x.shadowColor=`hsl(${9*t} 95%45%`;for(x.shadowBlur=i=15;i--;x.arc(0,0,18,S(t),9))x.setTransform(i-7,0,0,7,240,135);x.stroke()

Sep 7 2018 8:32 PM UTC

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

f8f82804

remix of d/9662 by u/f8f82804

function u(t) {

t||(X=0);c.onmousemove=e=>{X=e.x/99};c.width^=0;for(x.beginPath(i=370);i--;x.lineTo(960*(1+S(i+X+C(i))),540*(1+C(i*3-X+S(i)))));x.stroke()

Sep 5 2018 4:35 PM UTC

}// 138/140

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

#mouse control #remix for u/donbright

u/donbright

thats very cool... i wonder if these types of things can be 3d printed...

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9201 by u/f8f82804

function u(t) {

c.width^=0;for(x.beginPath(i=370);i--;x.lineTo(960*(1+S(i+t+C(i))),540*(1+C(i*3-t+S(i)))));x.stroke()

Sep 4 2018 4:49 PM UTC

}// 101/140

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

u/donbright

would be nice w mouse control...

show FPS hide FPS share fullscreen

f8f82804

remix of d/9655 by u/f8f82804

function u(t) {

x.fillText(t,t,t)

Sep 4 2018 4:22 PM UTC

}// 17/140

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

#fixed #minimal animated dweet (without throw). Thanks to u/joeytwiddle!

u/yonatan

c.outerHTML=0 :)
u/f8f82804

u/yonatan: not animated!

dwitter.net | f8f82804 (1346)