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

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

show FPS hide FPS share fullscreen

magna

remix of d/2451 by u/cantelope

function u(t) {

x.fillRect(0,0,(w=960)*2,w*2)
for(i=99;i--;p=i/5+t,x.clearRect(w+1/(Z=3+C(p))*(i-50)*w/20,540+S(p)/Z*w,s=199/Z/Z,s))x.globalAlpha=.1

Apr 9 2017 6:01 AM UTC

}// 132/140

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

u/cantelope

nice! :)

show FPS hide FPS share 2 remixes fullscreen

cantelope

remix of d/2449 by u/cantelope

function u(t) {

x.globalAlpha=.1
x.fillRect(0,0,(w=960)*2,w*2)
for(i=99;i--;p=.2*i+t,x.clearRect(w+1/(Z=3+C(p))*(i-50)*w/20,540+S(p)/Z*w,s=199/(Z*Z),s));

Apr 9 2017 2:07 AM UTC

}// 137/140

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

u/donbright

wow
u/magna

I love this series.
u/magna

Golfed down by 5 characters: https://www.dwitter.net/d/2454
u/lionleaf

#perspective #spiral

show FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

x.globalAlpha=.1
x.fillRect(0,0,(w=960)*2,w*2)
for(i=18;i--;p=.7*i+t,x.clearRect(w+1/(Z=3+C(p))*S(p)*w,540+(i<9?.4:-.5)/Z*w,s=199/(Z*Z),s));

Apr 9 2017 12:54 AM UTC

}// 140/140

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

fixed a FF bug. apparently it doesn't like the syntax Z**2

u/donbright

this has a really cool look

show FPS hide FPS share fullscreen

magna

function u(t) {

with(x)
font='80px arial',
textAlign='center',
fillText('Dweet Wishlist',X=960,400),
fillText('Enter your dweet wishes as comments.',X,X)

Apr 8 2017 10:04 PM UTC

}// 137/140

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

Dweet Wishlist - enter your idea/wishes and inspire others to create those dweets!

Show more comments…
u/magna

Subpixel rendering
u/magna

https://en.wikipedia.org/wiki/Random_dot_ste…
u/magna

Quarter-circle Truchet tiles: https://en.wikipedia.org/wiki/Truchet_tiles#…
u/magna

https://en.wikipedia.org/wiki/Penrose_tiling
u/cantelope

pretty sure it's not possible in 140 bytes, but anything resembling a voronoi diagram would be peachy.
u/magna

@cantelope: There's one already: https://www.dwitter.net/d/1900
u/donbright

three body gravity system, general relativity simulation, icosahedron, geodesic dome, tesseract rotation in 4 dimensions, fractal generation of human face....
u/cantelope

@magna, I see. It is amazing!
u/joeytwiddle

Make @magna's piano keys playable: https://www.dwitter.net/d/2418 (I tried in /2453)
u/donbright

rotation using imaginary numbers instead of sin/cos, 3d rotation with quaternions, mouse driven particle system, electromagnetism simulation, delaunay triangulation
u/joeytwiddle

More games and puzzles. This road is a starting point: https://www.dwitter.net/d/2201

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/1763 by u/New_Core

function u(t) {

c.onclick=_=>window.a||(a=new AudioContext,o=a.createOscillator(),o.connect(a.destination),o.start(),c.onmousemove=e=>o.frequency.value=e.x)

Apr 8 2017 8:22 PM UTC

}// 140/140

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

Starts making noise if you click on the canvas. Hopefully you can silence it by going left, but no guarantees!

u/cantelope

"woooOOOOoooOOOO" :D
u/magna

It's a dweetheremin!
u/joeytwiddle

Yes it is :) More fun with a wider frequency range: o.start());c.onmousemove=e=>o.frequency.value=5*e.x
u/lionleaf

Haha, amazing! Fullscreen gives you a wider audio range :)
u/joeytwiddle

#audio #interactive

show FPS hide FPS share fullscreen

nonce

function u(t) {

c.width|=a=t?a.map(_=>Math.random()>.999^_):new Array(920).fill(0)
for(k=920;k--;x.font="3em a")x.fillText("╲╱"[a[k]],(k%40)*48,~~(k/40)*48)

Apr 8 2017 7:03 AM UTC

}// 140/140

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

start at the top right corner, find a way through the maze

u/magna

Needs webcam + eye tracking support.
u/cantelope

sweet
u/luutifa

10 print?

dwitter.net | magna (133661)