Dweets by u/gabrielsroka

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

gabrielsroka

remix of d/1445 by u/gabrielsroka

function u(t) {

d=t?d:2
c.width=w=1920
for(Y=d;Y<1080;Y*=1.3)x.fillRect(0,Y,w,d)
d=d>=3?2:d+.1

Feb 28 2017 2:12 AM UTC

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

gabrielsroka

remix of d/1378 by u/gabrielsroka

function u(t) {

c.width=1920;W=960;P=Math.PI
x.arc(X=W-C(p=t*P)*W/2,Y=740+Math.abs(S(p))*75,100,0,P*2)
x.moveTo(W,0);x.lineTo(X,Y)
x.stroke()

Feb 27 2017 3:55 AM UTC

}// 125/140

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

tic toc. p=t*PI is period of pendulum (1 / second)

show FPS hide FPS share fullscreen

gabrielsroka

remix of d/1290 by u/gabrielsroka

function u(t) {

onclick=e=>c.width^=0
r=Math.random
i=t&&i<250?i+6:(X=r()*1920,Y=r()*1080,0)
with(x)beginPath(),fillStyle=R(i),arc(X,Y,255-i,0,6.28),fill()

Feb 26 2017 11:13 PM UTC

}// 139/140

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

Click to clear

u/gabrielsroka

#interactive

show FPS hide FPS share 1 remix fullscreen

gabrielsroka

function u(t) {

d=!t?2:d
c.width=w=1920
x.beginPath()
for(Y=d;Y<1080;Y*=1.3)x.moveTo(0,Y),x.lineTo(w,Y)
x.stroke()
d=d>=3?2:d+.1

Feb 26 2017 8:50 PM UTC

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

gabrielsroka

remix of d/1334 by u/gabrielsroka

function u(t) {

e=Math.random;with(x)for(i=j=2e3;t%1<.01&&i--;)lineWidth=10,strokeStyle=R(r=e()*255,r,r,.5),beginPath(),moveTo(i,0),lineTo(e()*j,j),stroke()

Feb 26 2017 5:35 PM UTC

}// 140/140

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

Based on code written by Casey Reas and Ben Fry. see http://processingjs.org/learning/basic/rando…

u/donbright

still freezes my browser
u/gabrielsroka

@donbright, it paints once per second. is that what you mean by "freeze"?
u/joeytwiddle

Nice. Looks like hair.
u/iverjo

#random #texture

show FPS hide FPS share fullscreen

gabrielsroka

function u(t) {

with(x)for(i=2e3;t%1<.01&&i--;)e=Math.random,lineWidth=10,strokeStyle=R(r=e()*255,r,r,.5),beginPath(),moveTo(i,0),lineTo(e()*2e3,i),stroke()

Feb 26 2017 4:31 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 for loop _is_ an if statement

u/gabrielsroka

Based on code written by Casey Reas and Ben Fry. see http://processingjs.org/learning/basic/rando…

show FPS hide FPS share 1 remix fullscreen

gabrielsroka

function u(t) {

c.width=1920
w2=c.width/2-100
x.fillStyle="red"
x.fillRect(w2-C(t*4)*w2/2+50,540,100,20)

Feb 26 2017 1:45 AM UTC

}// 88/140

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

Fracking cylons!

u/donbright

in a snow storm no less!
u/joeytwiddle

Fracking toasters. https://www.youtube.com/watch?v=Kwwh2OfJDs8

show FPS hide FPS share fullscreen

gabrielsroka

remix of d/1364 by u/gabrielsroka

function u(t) {

with(x){lineWidth=9;e=Math.random
if(t%1<.01)for(i=2e3;i--;)strokeStyle=R(r=e()*i,r,r,.5),beginPath(),moveTo(i,0),lineTo(e()*i,i),stroke()}

Feb 26 2017 12:16 AM UTC

}// 139/140

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

Based on code written by Casey Reas and Ben Fry. see http://processingjs.org/learning/basic/rando…

u/iverjo

Interesting that you used the "with" operator
u/sfz

with(Math) could be pretty useful
u/gabrielsroka

@iverjo, yeah, not recommended, and may not be supported in future versions of JS, but i needed a few extra bytes

show FPS hide FPS share fullscreen

gabrielsroka

remix of d/1364 by u/gabrielsroka

function u(t) {

x.lineWidth=10;e=Math.random
if(t%1<.01)for(i=2e3;i--;)x.strokeStyle=R(e()*255),x.beginPath(),x.moveTo(i,0),x.lineTo(e()*2e3,1e3),x.stroke()

Feb 25 2017 10:58 PM UTC

}// 140/140

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

Written by Casey Reas and Ben Fry. see http://processingjs.org/learning/basic/rando…

u/Purpzie

Cut down by 7 characters: if(t%1<.01)with(x)for(lineWidth=10,e=Math.random,i=2e3;i--;beginPath(moveTo(i,0),lineTo(e()*2e3,1e3),stroke()))strokeStyle=R(e()*255)

show FPS hide FPS share 2 remixes fullscreen

gabrielsroka

remix of d/1334 by u/gabrielsroka

function u(t) {

x.lineWidth=10
if(t%1<.01)for(i=255;i--;)x.strokeStyle=R(i,i,i,.5),x.beginPath(),x.moveTo(i*10,0),x.lineTo(Math.random()*2e3,1e3),x.stroke()

Feb 25 2017 10:54 PM UTC

}// 140/140

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

Written by Casey Reas and Ben Fry. see http://processingjs.org/learning/basic/rando…

dwitter.net | gabrielsroka (78)