Dweets awesomed by u/sigveseb

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 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

show FPS hide FPS share fullscreen

magna

function u(t) {

c.width=1920;for(i=9;i--;x.fillRect(400+i*100+S(t)*300,400,50,200));with(c.style)transform=`perspective(200px)rotate3d(1,1,1,${S(t/9)}turn`

Apr 1 2017 4: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).

Thinking outside the box.

Show more comments…
u/sigveseb

:D
u/lionleaf

haha, amazing
u/aemkei

Super fun! It's the perfect demo for April Fool's day.
u/magna

:D
u/magna

#default
u/katkip

#d3

show FPS hide FPS share 2 remixes fullscreen

cantelope

remix of d/2328 by u/cantelope

function u(t) {

x.save(),x.translate(960,540);for(i=99;i--;x.fillStyle=`hsl(${i*6+t*800},80%,90%`,x.fillRect(a=i*10,a,-a*2,-a*2),x.rotate(.775));x.restore()

Mar 31 2017 5:50 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 FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

c.width^=f=1.06;for(i=10;p=2.093*i+f,i--;)x.lineTo(940+S(p)*(s=i<5?340:700),720+C(p)*s),i%5||(x.fill(),x.fillStyle="#fff",x.beginPath(),f=0)

Mar 31 2017 5:13 AM UTC

}// 140/140

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

A triforce.

u/cantelope

I'd love to see someone else's attempt at this. Feel like I did it the hard way :s
u/sigveseb

Maybe there is a Unicode triangle you can use?
u/cantelope

@sigveseb, I would worry about subtle variations in display size/position across browsers. but that's a great idea.
u/donbright

im thinking maybe some kind of sierpinski style but it wont be easy

show FPS hide FPS share fullscreen

aemkei

remix of d/2343 by u/aemkei

function u(t) {

with(x)fillStyle=`hsl(${S(t)*60},100%,${t%.2<.02?50:0}%)`,arc(905,560,90,0,8),fill(),drawImage(c,-25,-15,1973+5*S(t)**9,1109)

Mar 30 2017 7:52 AM UTC

}// 125/140

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

The tunnel. Click the "remix" link to see the evolution.

u/0x7b1

insane

show FPS hide FPS share fullscreen

nonce

remix of d/2330 by u/mxfh

function u(t) {

l=(''+u)[~~t];with(x)font='9em m',fillStyle=`hsl(${(l.charCodeAt()-65)*11.2},99%,60%`,fillText(l,935,560),drawImage(c,-20,-9,1960+S(t),1098)

Mar 30 2017 7:27 AM UTC

}// 140/140

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

ASCII Synesthesia

show FPS hide FPS share fullscreen

nonce

function u(t) {

c.style.filter='invert('
f=frame/90,m=960,n=540,E=500,V=362
x.moveTo(m-V*S(v=f*13),n+V*C(v))
x.lineTo(m-E*S(e=f*8),n+E*C(e))
f<6&&x.stroke()

Mar 30 2017 6:34 AM UTC

}// 140/140

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

This is inspired by this reddit post: https://www.reddit.com/r/woahdude/comments/6…

u/nonce

Direct link to gif: https://i.imgur.com/ysaLqAf.gif
u/sfz

cool idea :} https://www.dwitter.net/d/1811
u/sfz

neat invert trick!
u/donbright

very cool but invert doesnt seem to work on ffox
u/nonce

Oh wow, did not see https://www.dwitter.net/d/1811 very cool trick drawing 1/2 a line per frame!

show FPS hide FPS share fullscreen

5Mixer

function u(t) {

w=1920
for(i=0;i<99;i++){a=Math.random()*w
b=Math.random()*w/2
x.fillStyle=R(a/w*256,b/w*256,S(t)*100)
x.fillRect(a,b,100,100)}

Mar 29 2017 11:36 PM UTC

}// 127/140

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

u/cantelope

cool. gradients
u/donbright

love this roughness
u/5Mixer

Cheers :)

show FPS hide FPS share fullscreen

nystrand

function u(t) {

p=(a,b,d,w=1)=>d>3?x.fillRect(a-w,b-w,d*w,d*w)&p(a,b,d-5)&p(a+b*C(t+d),b+a*S(d)/8,d-4):x.fillStyle=R(d*88,d*a/9,50+d*99,.3);p(a=650,a,60,a)

Mar 29 2017 8:25 PM UTC

}// 139/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/cantelope

incredible!
u/magna

So pretty!
u/nonce

wow
u/sfz

holy shnikes!
u/donbright

great colors
u/iverjo

#galaxy
u/vain

incredible code and fx. the source is to cryptic for me. XD

show FPS hide FPS share fullscreen

Jenky

function u(t) {

c.width|=0
t?onkeydown=e=>s=(e.which==8?s.slice(0,-1):(k=e.key).length==1?s+k:s):s=""
x.font="5em a",x.fillText(s+(t%.7<.4?'_':''),9,99)

Mar 29 2017 4:54 PM UTC

}// 136/140

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

Type stuff! No newline support, unfortunately. :'(

u/Jenky

Also no insert-style editing, only way to erase is backspace. Old-school terminal/console style. 😎
u/donbright

lol... where are my Wordstar keyboard shortcuts
u/nonce

I love it that backspace works!
u/Polyducks

Blimey!

dwitter.net | sigveseb (69234)