New dweets | Dwitter

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

donbright

remix of d/2025 by u/@literallylara

function u(t) {

c.width^=0
onmousemove=e=>T=e.pageX/42
R=_=>S(s)+(S(s++)>0?0:2)-1
for(s=i=H=540;i--;)x.lineTo(1e3+(R()*C(T)-R()*S(T))*H,H+R()*H)
x.stroke()

Apr 10 2017 11:40 PM UTC

}// 139/140

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

homage to @literallylara 's 2025 with mouse.. (please try moving your mouse over screen)

u/donbright

thanks 2 @cantelope / @manga for T trick, @Jenky for mouse inspiration
u/joeytwiddle

I like the interactivity, and Firefox support. And one of the tricks is really going to save me some characters!
u/gabrielsroka

#interactive

show FPS hide FPS share 1 remix fullscreen

miohtama

remix of d/2455 by u/cantelope

function u(t) {

w=(c.width|=0)/2
x.fillStyle="#f00"
for(i=2e3;i--;x.fillRect(w+S(p=i+t)/(Z=4+C(p)*(h=1+S(i/99-t*4)/2))*w*h,540+1/Z*(i-999)*w/300,s=40/Z,s));

Apr 10 2017 9:22 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 fullscreen

z3vin

function u(t) {

z=Math.random;for(i=0;i<999;i++)x.rotate(t),x.beginPath(),x.arc(i*i,i*S(t)*49,1199,2.4,3),x.stroke(),x.clearRect(599-C(t)*599,0,z()*999,z())

Apr 10 2017 4:44 AM UTC

}// 140/140

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

u/donbright

i wish this was like on a 2 meter screen at an art gallery
u/z3vin

Thanks man!

show FPS hide FPS share fullscreen

magna

remix of d/2462 by u/magna

function u(t) {

c.width=w=255
t?x.drawImage(k=b[n++&7],0,0)+k.getContext('2d').fillText('🌍',n%w-9,n/5+S(t)*99&w):b=Array(8).fill(n=0).map(_=>c.cloneNode())

Apr 10 2017 4:39 AM UTC

}// 139/140

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

Infinite Worlds

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

c.width=w=511
t?0:b=Array(8).fill(n=0).map(_=>c.cloneNode())
x.drawImage(k=b[n++&7],0,0)
k.getContext('2d').fillText('🎱',n&w,n+S(t)*120&w)

Apr 10 2017 3:20 AM UTC

}// 139/140

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

Octobuffering Infinite Balls

Show more comments…
u/magna

Got the plumbing done, but spent only a little time to try to find a nice pattern. Please remix!
u/magna

https://www.dwitter.net/d/2464
u/donbright

lol unfortunately this went way over my head... could you explain what it is?
u/magna

Rendering subsequent frames to a circular list of 8 off-screen buffers and pasting the buffers to the main canvas. Creates an "infinite sprites" effect.
u/New_Core

the effect can be visualy seen how it works at https://www.dwitter.net/d/401 ;)
u/magna

@New_Core Amazeballs!

show FPS hide FPS share fullscreen

donbright

remix of d/2455 by u/cantelope

function u(t) {

onmousemove=e=>N=e.pageY/9
for(c.width=i=2e3;i--;)x.fillRect(1e3+S(p=i+t)/(Z=4+C(p)*(h=1+S(i/99-t*4)/N))*1e3*h,540+1/Z*(i-999)*3.3,s=40/Z,s)

Apr 9 2017 11: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).

mouse movement tunes the pipe

Show more comments…
u/donbright

(i.e. move your mouse over the image)
u/donbright

inspiration @cantelope + @Jenky https://www.dwitter.net/d/2437 + @joeytwiddle https://www.dwitter.net/d/2446
u/cantelope

Fixed "N is not defined" error by using T *which is predefined).. onmousemove=e=>T=e.pageY/9;for(c.width=i=2e3;i--;)x.fillRect(1e3+S(p=i+t)/(Z=4+C(p)*(h=1+S(i/99-t*4)/T))*1e3*h,540+1/Z*(i-999)*3.3,s=40/Z,s)
u/donbright

@cantelope that is clever!
u/cantelope

@donbright i learned it from magna :)
u/donbright

thanks @cantelope i used this in d/2025
u/iverjo

#interactive

show FPS hide FPS share fullscreen

cantelope

function u(t) {

t?w=c.width=n:n=1
onmousemove=e=>n=e.pageY
for(i=6;i--;x.lineTo(w/2+(Z=1/(2+C(p=1.257*i*2+t)))*S(p)*w/2,Z*w/2-w/20),x.stroke());

Apr 9 2017 10:25 PM UTC

}// 128/140

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

per donbright's suggestion... :D

u/cantelope

mouse Y position controls resolution
u/donbright

lol surely there is more we can do
u/tapgiles

Cool! Some of the lines seem thicker, and some seem fainter. Is there an overdrawing issue, perhaps?

show FPS hide FPS share fullscreen

cantelope

function u(t) {

w=c.width=400
for(i=8;i--;X=w/2+(Z=1/(2+C(p=1.047*i*2+(i<4)+t)))*S(p)*w/2,Y=Z*w/2-w/20,i==3?x.moveTo(X,Y):x.lineTo(X,Y),x.stroke());

Apr 9 2017 10:23 PM UTC

}// 132/140

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

🕎 Shalom! 🕎

u/donbright

great use of perspective

show FPS hide FPS share fullscreen

cantelope

function u(t) {

w=c.width=500
x.fillRect(0,0,w,w)
x.strokeStyle="red"
for(i=6;i--;x.lineTo(w/2+(Z=1/(2+C(p=1.257*i*2+t)))*S(p)*w/2,Z*w/2-w/20),x.stroke());

Apr 9 2017 9:39 PM UTC

}// 139/140

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

\m/ (>.<) \m/

u/cantelope

it's fun to adjust the c.width=X value. for low values it gets very blocky, but shape position should not be affected.
u/donbright

adjust c.width with mouse: t?w=c.width=n:n=1 onmousemove=e=>n=e.pageY for(i=6;i--;x.lineTo(w/2+(Z=1/(2+C(p=1.257*i*2+t)))*S(p)*w/2,Z*w/2-w/20),x.stroke());
u/cantelope

@donbright lol excellent https://www.dwitter.net/d/2459

show FPS hide FPS share 2 remixes fullscreen

cantelope

remix of d/2452 by u/cantelope

function u(t) {

w=(c.width|=0)/2
x.fillStyle="#64f"
for(i=2e3;i--;x.fillRect(w+S(p=i+t)/(Z=4+C(p)*(h=1+S(i/99-t*4)/2))*w*h,540+1/Z*(i-999)*w/300,s=40/Z,s));

Apr 9 2017 6:17 AM UTC

}// 140/140

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

u/magna

<3
u/donbright

loved it, remix w mouse control https://www.dwitter.net/d/2460