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

joeytwiddle

remix of d/11549 by u/joeytwiddle

function u(t) {

for(R=Math.random,i=700;i--;x.fillRect(960+r*C(a),80+y+r/9*S(a),.2,.2))y=896*R(),T=y>768,r=T?30:(y|127)*(y*S(y/300)-2*y%128)/1313,a=9*R()

Dec 25 2019 2:02 PM UTC

}// 137/140

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

A quick and dirty Merry #Christmas #tree mix

u/katkip

Awesome!
u/Xen

nicely
u/iverjo

Great!
u/joeytwiddle

I originally felt a little ashamed to post because the distribution of dots is not uniform, hence "dirty", but your kind comments have reminded me that nobody really cares. Indeed, bugs like this can even give an image more character than perfection would. Thanks! 🙏

show FPS hide FPS share 1 remix fullscreen

katkip

function u(t) {

c.width=200;c.style.background=R();x.fillStyle='lime';x.fillText("> "+(q="throw`merry xmas`").slice(0,(z=frame)%42),20,20);eval(q)//ho ho ho

Dec 25 2019 8:00 AM UTC

}// 140/140

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

#console #terminal #xmas

show FPS hide FPS share fullscreen

Leodude123

function u(t) {

c.width=1920
var i=1
//while(true)
{
x.fillStyle = R(188,225*S(t),11,1)
x.fillRect(400+i*100+S(t)*300,400,500,500) 
i++
}

Dec 24 2019 11:40 PM UTC

}// 121/140

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

How do I get rid of the lag?

u/katkip

You don't need permanent loops. That will timeout the frame. u(t) is already calling every 1/60 seconds
u/joeytwiddle

That's right. The website is already doing something like while(true) for you (actually requestAnimationFrame())
u/Leodude123

Oh

show FPS hide FPS share fullscreen

Xen

remix of d/16962 by u/Xen

function u(t) {

for(c.width|=i=84;i--;x.lineWidth=5)
x.arc(p=c.width/2,p/2,i*8,i*t/7,i/t)
x.stroke()

Dec 24 2019 8:54 PM UTC

}// 84/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 1 remix fullscreen

Xen

remix of d/16961 by u/henrosaurus

function u(t) {

for(c.width|=i=90;i--;x.lineWidth=6)
x.arc(p=c.width/2,p/2,i*7,C(t)*i,i+i/S(t))
x.stroke()

Dec 24 2019 6:38 PM UTC

}// 90/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 1 remix fullscreen

henrosaurus

function u(t) {

c.width|=f=C(t);p=c.width/2
for(i=0;i<60;i++)
x.arc(p, p/2, Math.abs(C(t)+p/2), T(t)+i, S(t)*i)
x.lineWidth=3
x.stroke()

Dec 24 2019 4:48 PM UTC

}// 120/140

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

the wild oracle

u/donbright

interesting

show FPS hide FPS share fullscreen

sybarita

remix of d/1105 by u/fson

function u(t) {

x.strokeStyle = R(15*t, 15*t, 15*t, 0.01);
x.arc(100+t*200,540+(C(t+Math.PI)+1)*200,500+(C(2*t)+1)*20, 9, 2*Math.PI);
x.stroke();

Dec 24 2019 6:31 AM UTC

}// 130/140

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

*starry*

show FPS hide FPS share fullscreen

sybarita

remix of d/16958 by u/sybarita

function u(t) {

c.width=3333
c.height=10000
for(i=0;i<46;i++,x.fillStyle=R(i*6,200*C(3*t),255-(5*i)))x.fillRect(1500,920+20*i*S(.5*t),i*25*C(i*t),8*C(i*t))

Dec 24 2019 4:12 AM UTC

}// 139/140

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

last one ok!

show FPS hide FPS share 1 remix fullscreen

sybarita

remix of d/16957 by u/sybarita

function u(t) {

c.width=3333
c.height=3333
for(i=0;i<46;i++,x.fillStyle=R(i*6,200*C(3*t),255-(5*i)))x.fillRect(1500,920+20*i*S(2*t),i*25*C(i*t),8*T(i*t))

Dec 24 2019 4:08 AM UTC

}// 137/140

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

i really don't know what to call this lmao

u/joeytwiddle

A really difficult bridge to cross?

show FPS hide FPS share 1 remix fullscreen

sybarita

function u(t) {

c.width=3333
c.height=3333
for(i=0;i<46;i++,x.fillStyle=R(i*6,200*C(3*t),255-(5*i)))x.fillRect(1500,920+20*i*S(2*t),i*25*C(2*t),8*C(t))

Dec 24 2019 4:04 AM UTC

}// 135/140

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

rainbow spinning bars, first dweet bear with me!

u/Xen

onlyneed to set width, extra tasty byte ;-)
u/sybarita

thanks ya i realized that after i did these ones super big accidentally, since i had already set it super wide the bottom half of the canvas was empty so i just changed the height val instead of scaling all the other values cause im lazy. used your guide to get started playing with these btw, thanks for that!
u/Xen

omg really? glad it helped :-)