Hot dweets by u/cantelope

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

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

remix of d/2451 by u/cantelope

function u(t) {

w=(c.width|=0)/2
for(i=99;i--;x.fillStyle=`hsl(${t*99+i},99%,50%`,x.fillRect(w+1/(Z=3+C(p=i-t*2))*(i-50)*w/30,540+S(p)/Z*w,s=250/(Z*Z),s));

Apr 9 2017 4:58 AM UTC

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

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
x.font=w/3+"px a"
x.fillStyle=R(w,w,0)
x.fillText('★★★',w/9,w/2.6)
c.style.transform=`perspective(300px)rotate3d(0,1,0,${t/3}turn`

Apr 7 2017 1:14 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

Thanks! ;)

show FPS hide FPS share 1 remix fullscreen

cantelope

remix of d/2394 by u/Jenky

function u(t) {

t||(w=c.width=568)
with(x)onmousemove=e=>lineTo(X=e.pageX,Y=e.pageY),fillStyle=R(Y,X,Y,.2),fillRect(0,0,w,w),beginPath(stroke()),moveTo(X,Y)

Apr 6 2017 2: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).

If you set canvas.width to client.width, you can remove the bit that fixes the mouse position. This one only works at the default width (not fullscreen) because I had to hard-code the canvas width to make room for the fade effect. Nesting stroke inside beginPath saved 1 crucial byte. :)

u/cantelope

canvas.clientWidth rather
u/cantelope

i will give 3 gold stars to anyone who can fix the initial "Y is not defined" error :D
u/magna

Since your dweet doesn't use trig, we can hijack C and S as declared variables: https://www.dwitter.net/d/2429
u/magna

Can save another 2 bytes by: R(Y,X,fillRect(0,0,w,w),.2,beginPath(stroke()),moveTo(X,Y))

show FPS hide FPS share fullscreen

cantelope

remix of d/2392 by u/nonce

function u(t) {

k=frame,p=q=0
for(s=1;s<32;s*=2){a=1&k/2;b=1&k^a
if(!b){if(a)p=s-1-p,q=s-1-q;[p,q]=[q,p]}p+=s*a;q+=s*b
k=k>>2}x.lineTo(p<<5,q<<5),x.stroke()

Apr 2 2017 8:13 PM UTC

}// 140/140

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

looks best fullscreen

u/donbright

these are great!!!

show FPS hide FPS share 1 remix fullscreen

cantelope

remix of d/2391 by u/mxfh

function u(t) {

s='l141 242h-280'
x.fill(new Path2D(`M960 299${s+s}m420-242`+s))
c.style.transform=`perspective(200px)rotate3d(1,1,1,${S(t)}turn`

Apr 2 2017 6:32 PM UTC

}// 129/140

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

yay! ok i'm done with the triforce. :D

show FPS hide FPS share 1 remix fullscreen

cantelope

remix of d/2359 by u/Jenky

function u(t) {

x.globalAlpha=.1
x.fillRect(0,0,i=w=2e3,w)
if(!t)for(p=[];w--;)p.push([w*9%i,w])
p.map(v=>{v[0]+=C(t+=.2),v[1]-=S(t),x.clearRect(...v,9,9)})

Apr 1 2017 7:36 AM UTC

}// 140/140

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

Experimenting with map. Might need more practice heh.

u/sigveseb

Nice style
u/donbright

love the fade

dwitter.net | cantelope (3062)