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

wclang

function u(t) {

c.onmousemove=function(e){X=e.clientX;Y=e.clientY;}
x.clearRect(0,0,1920,1080);x.fillStyle="red";x.fillRect(3.3*X,3.3*Y,100,100);

Dec 28 2017 7:06 PM UTC

}// 129/140

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

Mouse over the screen; a red square follows the mouse.

u/wclang

Note, you'll get an error message until you mouse over the screen.
u/wclang

There's a magic number, 3.3, that keeps the square under the mouse. This doesn't work in full-screen mode (the square is offset from the mouse).
u/wclang

I should mention I learned that mouse events are accessible from FireFly #1629. (I had to figure out what was going on in that dweet, so I could get X and Y off of the mouse.)
u/iverjo

#interactive

show FPS hide FPS share fullscreen

Exquisite

function u(t) {

if(!t)c.addEventListener('mousemove',e=>{r=c.getBoundingClientRect();x.lineTo(e.clientX*1920/r.width,e.clientY*1080/r.height)});x.stroke()

Dec 27 2017 6:45 AM UTC

}// 138/140

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

Mouse over for lines :)

u/iverjo

Nice. Even works correctly in fullscreen :)
u/iverjo

#interactive

show FPS hide FPS share fullscreen

Xen

remix of d/3449 by u/p01

function u(t) {

x.drawImage(c,C(t),1),x.fillStyle=`hsl(${X},80%,50%)`,onkeydown=e=>(e=e.which-36)>0&&e<5?e&1?X+=e-2:Y+=e-3:0;x.fillRect(X*9,Y*9,X,Y)};{X=Y=7

Nov 2 2017 10:34 PM UTC

}// 140/140

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

Test...Move with arrows

u/iverjo

#interactive

show FPS hide FPS share fullscreen

Xen

remix of d/3102 by u/Xen

function u(t) {

c.onmousemove=e=>Z=e.offsetX;for(c.width|=i=99;i--;)x.ellipse(X=540,X,t,i*C(t)+X,(Z/c.width*2)*i*2.1,Z,T(t))
x.strokeStyle='#'+Z,x.stroke()

Aug 31 2017 12:31 AM UTC

}// 139/140

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

with mouse movement as requested.

u/donbright

cooool
u/iverjo

#interactive

show FPS hide FPS share fullscreen

veubeke

function u(t) {

t?r=c.offsetWidth/1920:_=x.font='3in a',x.fillText('smudge',500,680),c.onmousemove=e=>x.drawImage(c,e.x/r,e.y/r,f=50,f,_.x/r,_.y/r,f,f,_=e)

May 10 2017 4:49 PM UTC

}// 139/140

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

u/katkip

Not really
u/Jezza

#interactive

show FPS hide FPS share fullscreen

MrM@_S

function u(t) {

onmousemove=e=>E=e.x
t?c.width=99:Y=R=X=E=!(x.F=x.fillRect)
x.F(n=E/7,30,20,3)
x.F(Y+=S(t)*.8,R+=X+=.1,2,Y<n+20&&Y+9>n&&R<32&&3+R>30?X=-3:2)

May 10 2017 12:32 PM UTC

}// 140/140

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

[a ball and paddle] interactively move the mouse to keep the ball in the air

u/joeytwiddle

Yay! Pong solitaire. Nice one :)
u/donbright

lol great
u/joeytwiddle

#game
u/katkip

#interactive

show FPS hide FPS share fullscreen

donbright

remix of d/2627 by u/saschavoid

function u(t) {

onmousemove=e=>(阳=e.pageX/41,月=e.pageY/31)
x.globalAlpha=.1
for(x.fillRect(0,0,i=2e3,i);i--;)x.clearRect(i,500+99*(S(t*2+i/阳)+C(t+i/月)),1,9)

Apr 29 2017 12:10 PM UTC

}// 140/140

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

tone and overtone. (please move mouse over picture)

u/coderkid

lovely
u/gabrielsroka

#interactive

show FPS hide FPS share fullscreen

New_Core

function u(t) {

t==0?a=b=0:c.width|=0;c.onmousemove=e=>(X=e.offsetX,Y=e.offsetY);D=X-a,E=Y-b,Math.sqrt(D*D+E*E)>50?0:(a+=D,b+=E);x.arc(a,b,50,0,7);x.fill()

Apr 28 2017 11:38 AM UTC

}// 139/140

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

This works only Fullscreen: you can hook and unhook the ball with your mouse.

u/magna

Hijack S/C instead of X/Y to prevent the initial reference error
u/New_Core

I dont get that Hijack to work.. I made a push ball but it has also reference error before it works so I will not do a remix.. here is code
u/New_Core

t?c.width|=0:a=b=X;c.onmousemove=e=>(X=e.offsetX,Y=e.offsetY);D=X-a,E=Y-b,Math.sqrt(D*D+E*E)<50?(a-=D/9,b-=E/9):0;x.arc(a,b,50,0,7);x.fill()
u/13thptr

#interactive

show FPS hide FPS share fullscreen

MrM@_S

function u(t) {

onkeyup=e=>frame=0
t||(c.width=600)
onmousemove=e=>{E=e.pageX,X=e.pageY}
onmousedown=e=>T=!T
T||x.lineTo(E,X)
x.drawImage(c,200,!x.stroke())

Apr 27 2017 5:21 PM UTC

}// 140/140

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

[drawing tool] Click to turn off draw. Click again to draw a straight line to your mouse. Press any key to clear. It draws in 3 screens

u/iverjo

#interactive

show FPS hide FPS share fullscreen

donbright

remix of d/2562 by u/hscells

function u(t) {

t?c.width=w:(k=1,w=1980,f=w/2)
onmousemove=e=>k=e.pageX/94+e.pageY/942
for(i=f;i>0;i-=k)x.lineTo(w/2+S(i+t/5)*f,540+S(i*5)*f/2)
x.stroke()

Apr 23 2017 12: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).

move mouse left-right = coarse adjustment. move mouse up-down = fine adjustment

Show more comments…
u/donbright

challenge - can you find the tuning for a single, rotating parallelogram?
u/hscells

nice use of the mouse!
u/magna

SICK!
u/z3vin

Man, I thought it was cool even before I realized the mouse interactions!
u/donbright

well the default is just stealing from @hscells
u/Xen

thats sexy!
u/Xen

thats sexy!
u/donbright

thx
u/gabrielsroka

#interactive

dwitter.net | #interactive