Dweets by u/jonathan-potter

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: #ScaryMovies

show FPS hide FPS share fullscreen

jonathan-potter

remix of d/11298 by u/jonathan-potter

function u(t) {

for(c.width|=f=i=1920;i--;x.fill(p=new Path2D,p.arc(X,Y,20*(a=S(Z+9*t))*a,0,7)))o=i*i/f,v=o*i,X=(v+100*t*C(o))%f,Y=(v*i+100*t*S(o))%f,Z=v*v

Dec 5 2018 1:07 AM UTC

}// 140/140

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

more bubbles

u/katkip

#cells
u/iverjo

#dots

show FPS hide FPS share 1 remix fullscreen

jonathan-potter

function u(t) {

c.width|=f=i=1920
for(;i--;) {
  v=i*i*i/f
  X=v%f
  Y=v*i%f
  Z=v*v
  p=new Path2D
  p.arc(X,Y,20*Math.abs(S(Y+t)),0,7)
  x.fill(p)
}

Dec 5 2018 12:19 AM UTC

}// 134/140

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

bubbles

show FPS hide FPS share 1 remix fullscreen

jonathan-potter

remix of d/11257 by u/yonatan

function u(t) {

r=Math.random;for(u[h=16]=r(i=9e3)*i;i--;x.fillRect(i/2,i%32*h,h,h))x.fillStyle=R(n=u[i]=r(q=i+r()-.3|0)*(u[q]+u[q-32]+u[q-31])/1.5|0,n/2)

Dec 4 2018 1:18 AM UTC

}// 138/140

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

#fire changed some things stylistically to fit

u/iverjo

Very nice!
u/Qwitter

Cool NES Vibes! Awesome!

show FPS hide FPS share fullscreen

jonathan-potter

function u(t) {

if(!t)
c.height=c.offsetHeight,
c.width=c.offsetWidth,
c.addEventListener('mousemove',({clientX:X,clientY:Y})=>x.lineTo(X,Y))
x.stroke()

Nov 17 2018 12:32 AM UTC

}// 136/140

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

#interactivity or terrible things you can do with dwitter

show FPS hide FPS share fullscreen

jonathan-potter

function u(t) {

c.width=960
f=(o,l,X=480,Y=270)=>{if(l>1){
x.fillRect(X,Y,2,2)
f(o+t*.1,l*.6,X+=l*C(o),Y+=l*S(o))
f(o-t,l*.75,X,Y)}}
f(t,99)
f(t+3,60)

Nov 12 2018 10:57 PM UTC

}// 134/140

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

felt like doing some #selfsimilarity #recursion

u/katkip

cute #fractal

show FPS hide FPS share fullscreen

jonathan-potter

remix of d/10943 by u/logistikalism@gmail.com

function u(t) {

x.beginPath()
x.arc(960,540,400,t,t+3.14)
x.strokeStyle = R(99*S(t),99*C(t),Math.abs(50*T(t)))
x.lineWidth=10
x.closePath()
x.stroke()

Nov 12 2018 10:21 PM UTC

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

jonathan-potter

function u(t) {

N=t%32
P=c.width=128
for(k=0;k<N;k++) {
 for(n=0;n<N;n++) {
  s=6.28*k*n/N
  x.fillStyle=R(P*C(s),P*S(s))
  x.fillRect(k*2,n*2,2,2)
 }
}

Nov 12 2018 6:28 PM UTC

}// 136/140

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

#dftmatrix Fourier Transforms make me happy. red=real, green=imaginary

show FPS hide FPS share 1 remix fullscreen

jonathan-potter

function u(t) {

s=350
with(x){resetTransform()
clearRect(0,0,2e3,2e3)
f=o=>{if(s>9){translate(s,s);rotate(o);strokeRect(0,0,s/=1.6,s);f(o)}}
f(1.57*S(t))}

Nov 9 2018 9:54 PM UTC

}// 138/140

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

#goldenratio #notwasm

show FPS hide FPS share fullscreen

jonathan-potter

function u(t) {

c.width+=0
r=z=>Math.random()-.5
a=this.a||[...Array(1e4)].map(z=>[4e3*r(),3e3*r(),r(),r()])
a.map(b=>x.fillRect(b[0]+=b[2],b[1]+=b[3],7,7))

Oct 26 2018 9: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).

random moving objects using window.a for persistence #floatingobjects

u/pavel

Js puts all vars into global namespace if you don't use 'var' or 'let' and t starts at 0 so you can do t?a.map(...):a=[...]
u/katkip

#ai

show FPS hide FPS share fullscreen

jonathan-potter

function u(t) {

c.width=500
v=(X,Y)=>x.fillRect(X,125+Y,2,2)
for(X=0;X<40;X++)for(y=0;y<9;y++){
  v((p=X-t%1)*20-100,y*p/4)
  v(600-(p=X+t%1)*20,-y*p/4)
}

Oct 26 2018 8:05 PM UTC

}// 139/140

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

rotating twisted column (looked cooler sideways)

u/jonathan-potter

recreation of recreation of https://www.youtube.com/watch?time_continue=…

dwitter.net | jonathan-potter (107)