New #Interactive dweets

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

metamero

remix of d/11336 by u/metamero

function u(t) {

eval(unescape(escape`琿潮瑯畣桭潶攽攽㹻洽攮瑯畣桥猻砮汩湥呯⡭嬰崮捬楥湴堬浛そ⹣汩敮瑙⤻砮汩湥坩摴栽浛ㅝ⹣汩敮瑙⼹紺⡯湤扬捬楣欽攽㹣⹷楤瑨㵩湮敲坩摴栩⡯湴潵捨獴慲琽攽㹸⹢敧楮偡瑨⠩⤻砮獴牯步⠩`.replace(/u(..)/g,"$1%")))

Dec 7 2018 3:13 PM UTC

}// 133/140

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

[touch] minimalist marker #interactive #paint v:M1.2 (second touch to resize marker)

u/metamero

#application #app see d/11336 for multitouch version, d/11332 for mouse/PC version and d/11334 for a version that changes marker size with the mouse wheel

show FPS hide FPS share 1 remix fullscreen

metamero

remix of d/11332 by u/metamero

function u(t) {

t?ontouchmove=e=>{m=e.touches;for(i=m.length;i;)x.lineTo(m[--i].clientX,m[i].clientY)}:(ondblclick=e=>c.width=innerWidth)()
x.stroke()

Dec 7 2018 12:18 PM UTC

}// 134/140

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

[multi-touch] minimalist marker #interactive #paint v1M.1

u/metamero

touch to draw + multitouch enabled + double click to delete + fullscren-able (size change does not delete drawing anymore)
u/metamero

#application #app
u/metamero

see d/11332 for mouse/PC version and d/11334 for a version that changes marker size with the mouse wheel

show FPS hide FPS share fullscreen

metamero

remix of d/11332 by u/metamero

function u(t) {

eval(unescape(escape`琿潮浯畳敤潷渽攽㹢㵯湭潵獥浯癥㵥㴾戦♸⹬楮敔漨攮砬攮礩㨨潮牥獩穥㵯湤扬捬楣欽攽㹣⹷楤瑨㵩湮敲坩摴栩⡯湭潵獥異㵥㴾砮扥杩湐慴栨戽〩⤻潮睨敥氽攽㹻砮汩湥坩摴栭㵥⹤敬瑡夯㈰ぽ㭸⹳瑲潫攨⤻`.replace(/u(..)/g,"$1%")))

Dec 6 2018 9:44 PM UTC

}// 138/140

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

minimalist marker #interactive #paint v1.3

u/metamero

click to draw multipath + wheel to increase size of the marker + double click or resize to delete + fullscreen-able
u/metamero

my favorite is d/11332 , because i didn't use the compressor
u/metamero

#application #app

show FPS hide FPS share 4 remixes fullscreen

metamero

remix of d/11329 by u/metamero

function u(t) {

t?onmousedown=e=>b=onmousemove=e=>b&&x.lineTo(e.x,e.y):(onresize=ondblclick=e=>c.width=innerWidth)(onmouseup=e=>x.beginPath(b=0))
x.stroke()

Dec 6 2018 8:53 PM UTC

}// 140/140

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

minimalist marker #interactive #paint v1.2 = click to draw multipath + double click or resize to delete + fullscreen-able

u/metamero

#application #app
u/metamero

https://www.instagram.com/p/BrEQqIHgraf
u/metamero

see d/11334 for a version that changes marker size with the mouse wheel
u/metamero

and d/11336 for a mobile/multitouch version

show FPS hide FPS share 1 remix fullscreen

metamero

remix of d/11327 by u/metamero

function u(t) {

onmousemove=e=>b?x.lineTo(e.x,e.y):0
onmousedown=e=>b=1
onmouseup=e=>x.beginPath(b=0)
t?x.stroke():(onresize=e=>c.width=innerWidth)()

Dec 6 2018 6:15 PM UTC

}// 133/140

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

minimalist marker #interactive #paint v1.1

u/katkip

Cool!
u/iverjo

It even works in fullscreen!
u/metamero

Yes! Look at remix chain, there are other versions, including mobile.

show FPS hide FPS share 1 remix fullscreen

metamero

function u(t) {

onmousemove=e=>x.lineTo(e.x,e.y),x.stroke()
onmouseup=e=>c.width=innerWidth

Dec 6 2018 3:08 PM UTC

}// 75/140

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

minimalist marker #interactive #paint

u/Xen

Nice work! click to start

show FPS hide FPS share fullscreen

metamero

remix of d/11323 by u/metamero

function u(t) {

t?onmousemove=e=>{X=e.x;Y=e.y}:0
t?onmousedown=e=>c.width=innerWidth:X=Y=0
with(x)fillStyle=R(t*X*Y%256),beginPath(),arc(X,Y,9,0,7),fill()

Dec 6 2018 2:46 PM UTC

}// 139/140

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

#interactive

show FPS hide FPS share 1 remix fullscreen

metamero

function u(t) {

t?onmousemove=e=>{X=e.x;Y=e.y}:c.width=innerWidth
t?onmousedown=e=>r++:r=X=Y=0
with(x)fillStyle=R(r*3%256),beginPath(),arc(X,Y,r,0,7),fill()

Dec 6 2018 2:39 PM UTC

}// 140/140

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

paint red #interactive

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

t?onmousemove=e=>X=e.x:X=99
F=a=>x.fillRect(i-a*X,a*50,a/5,h>0?0:h)
for(c.width=512,i=2e3,h=k=0;i--;F(!F(3)),F(5))h+=k=i*i%15<1?S(i**4):k

Dec 5 2018 7:36 AM UTC

}// 137/140

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

Parallax Mountains #interactive - use mouse

show FPS hide FPS share 2 remixes fullscreen

metamero

remix of d/11277 by u/metamero

function u(t) {

onkeydown=e=>k=e.keyCode-37
t?++i:i=p=q=0
i%9?0:(c.width=144,k?k-1?k-2?++q:++p:q+=8:p+=15,p%=16,q%=9,r=Math.random,x.fillRect(p*9,q*9,9,9))

Dec 3 2018 8:50 PM UTC

}// 139/140

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

the egg of the snake 1.1

u/metamero

click on canvas, press space then fool around with arrow keys (best in fullscreen) #interactive

dwitter.net | #Interactive