Dweets awesomed 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: #Food

show FPS hide FPS share 2 remixes fullscreen

magna

function u(t) {

r=Math.random
c.style.boxShadow=`inset 0px ${r()*20}px 10em #642`
c.width=w=1920
for(i=10;i--;x.fillRect(r()*w,0,1,w));

Apr 1 2017 9:38 PM UTC

}// 119/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/donbright

when does the movie start
u/magna

You missed it
u/donbright

in that case, i loved it! 5 stars
u/SpecialAgent

I thought the characters were underdeveloped but the effects hit the spot!
u/joeytwiddle

I was really confused why some of the lines appear softer than others. Finally realised it's because the canvas is scaled down
u/magna

#film
u/UEZ

#Yeşilçam

show FPS hide FPS share fullscreen

luc_4d

remix of d/2366 by u/codeslaw

function u(t) {

m=400
x.fillRect(0,0,c.width|=i=m*5,i)
while(i--)x.fillText('🚀☁️🚀',990+S(t/i**.1)*m,550+T(i/t**.02)*m)

Apr 1 2017 8:55 PM UTC

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

jick

function u(t) {

for (g=0;g<92;g+=.1) {
x.beginPath()
x.fillStyle=`hsl(${g*t*45},50%,50%)`
x.arc(1000+S(g)*300-g*3,680+C(g)*300-g*3,t*3%200,0,6)
x.fill()
}

Apr 1 2017 5:37 PM UTC

}// 138/140

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

u/joeytwiddle

This one is a pretty surprise :)

show FPS hide FPS share fullscreen

magna

remix of d/2367 by u/magna

function u(t) {

c.width=w=400
with(x)filter=`blur(${t&2}px)sepia(1)contrast(2`,font='15em a',fillText('🚃🚃',0,w/2+t%3),fillRect(Math.random()*w,X=0,1,w)

Apr 1 2017 4:40 PM UTC

}// 135/140

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

u/codeslaw

Like an old tv :D
u/magna

Works best on Chrome on macOS
u/donbright

didn't know they made speed 3
u/magna

#film #train

show FPS hide FPS share fullscreen

sfz

remix of d/2376 by u/magna

function u(t) {

for(i=0;i<(半=500);i++)x.fillStyle=R(0,i?w:0),x.fillRect(i?2*半+i*C(T=t-(Math.random()<3e-4)*.2):x.globalAlpha=.1,i?半+i*S(T):0,z=i?8:w=2e3,z)

Apr 1 2017 4:12 PM UTC

}// 139/140

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

Green, but the blips are harder to see

u/sfz

Increasing alpha helps see them, but makes the line sweep less cool
u/magna

They are ninjas. Harder to see.
u/donbright

lol nice

show FPS hide FPS share 2 remixes fullscreen

magna

remix of d/2375 by u/magna

function u(t) {

x.fillRect(x.globalAlpha=.1,0,w=2e3,w)
for(i=半=500;i--;x.clearRect(2*半+i*C(T=t-(Math.random()<2e-4)*.2),半+i*S(T),8,8));

Apr 1 2017 2:47 PM UTC

}// 119/140

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

#radar

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/2374 by u/donbright

function u(t) {

x.globalAlpha=.08
半=500
x.fillRect(0,0,i=w=2e3,w)
for(i=半;i--;x.clearRect(2*半+i*C(T=t-(Math.random()<2e-4)*.2),半+i*S(T),8,8));

Apr 1 2017 2:30 PM UTC

}// 126/140

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

Golfed down by 11 characters. Can someone make this green?

u/magna

Can shave another 2 by: i=半=500
u/magna

Need to shave another 11 to fit c.style.background='#0f0'. Playing with x.fillStyle could be more expensive because of the need to switch back to black.
u/magna

Shaved down to 119: https://www.dwitter.net/d/2376
u/donbright

lol great
u/magna

#radar

show FPS hide FPS share 1 remix fullscreen

donbright

remix of d/2372 by u/cantelope

function u(t) {

x.globalAlpha=.08
半=500
x.fillRect(0,0,i=w=2e3,w)
for(i=500;i--;){
Math.random()>.9998?T=t-.19:T=t
x.clearRect(2*半+i*C(T),半+i*S(T),8,8)
}

Apr 1 2017 1:55 PM UTC

}// 137/140

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

99 luftballons

u/magna

Will golf this a bit to open up some space for the possibility of making this in green.
u/magna

Still not enough: https://www.dwitter.net/d/2375
u/magna

The time warping is a genius idea BTW!
u/donbright

thanks good luck on green
u/donbright

update to future ppl: see @mxfh https://www.dwitter.net/d/2408

show FPS hide FPS share 1 remix fullscreen

cantelope

remix of d/2359 by u/Jenky

function u(t) {

x.globalAlpha=.1
x.fillRect(0,0,i=w=2e3,w)
if(!t)for(p=[];w--;)p.push([w*9%i,w])
p.map(v=>{v[0]+=C(t+=.2),v[1]-=S(t),x.clearRect(...v,9,9)})

Apr 1 2017 7:36 AM UTC

}// 140/140

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

Experimenting with map. Might need more practice heh.

u/sigveseb

Nice style
u/donbright

love the fade

show FPS hide FPS share fullscreen

magna

remix of d/2370 by u/magna

function u(t) {

c.width|=0;for(i=9;i--;x.fillRect(400+i*100+S(t)*300,400,50,200));with(c.style)background=`linear-gradient(${S(t)}turn,#ccc,#fff,#ccc)`;

Apr 1 2017 6:03 AM UTC

}// 136/140

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

More thinking outside the box

Show more comments…
u/sigveseb

This is cool
u/donbright

haha best remix of default
u/magna

Heh, thanks! Though, I'd argue that techniques like these are probably "illegal" due to use/abuse of things external to the canvas. And dweets like these are bound to eventually break as the Dwitter runtime is updated. But, hell, this is fun!
u/nonce

I think this is Kosher. You are manipulating the canvases style after all. Also you don't need the with c.style.background= is 5 char shorter
u/magna

Ah dang. That's a vestige of trying to add more effects to this :)
u/magna

#default
u/fujimotos

#light

dwitter.net | magna (133667)