Dweets awesomed by u/myxoh

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

BackendForth

function u(t) {

c.width=1920
for(i=0;i<1080;i+=9){
r=i/10
x.fillStyle=R(0,0,0,.4)
x.fillRect(960+1.0065**i*C(-6*t-i*2)+49*S(t+i/99),1080-i,r,r)
}

Jan 5 2018 5:43 PM UTC

}// 129/140

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

u/M1T0

tornado!

show FPS hide FPS share fullscreen

Agnes

function u(t) {

w=2e3;x.strokeStyle=R(w,w,w,.25),r=14+t,x.fillStyle='#84E',x.beginPath(),x.arc((700+t+200*C(t))%w,22*t%w,r,0,2*Math.PI);x.fill();x.stroke()

Jan 5 2018 5:03 PM UTC

}// 139/140

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

u/iverjo

I like that the curve looks like it has light reflections

show FPS hide FPS share fullscreen

BackendForth

function u(t) {

c.width=960
r=260
for(i=-1;i<1;i+=.05)for(j=-1;j<1;j+=.05)d=11*(i*C(t)+j*S(t)+(1-i*i-j*j)**.5),d>0?x.fillRect(r+r*i,r+r*j,d,d):0

Jan 5 2018 5:01 PM UTC

}// 128/140

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

u/M1T0

It looks like an eye or something
u/Lazy1337

#eye
u/Lazy1337

#metaball
u/Lazy1337

#metaballs
u/joeytwiddle

#meteyeball

show FPS hide FPS share fullscreen

ellisk1

function u(t) {

for(c.width|=i=20;i--;)b=3*C(i/3),x.arc(600+40*i+200*S(t-7),500+200*S(t)-20*i-30*(s=(b+2)*S(5*t)),300,1.4+b/9+(d=s/9+C(t)/3),2+d),x.stroke()

Jan 5 2018 3:57 PM UTC

}// 140/140

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

Shoutout to u/New_Core

Show more comments…
u/ellisk1

and the dweet that inspired mine d/1829
u/sigveseb

rocks hard!
u/magna

Awesome!
u/New_Core

nice.. I also wanted to do a bird but never got around to it..
u/lionleaf

Amazing!
u/iverjo

#bird
u/joeytwiddle

#organic #model

show FPS hide FPS share fullscreen

myxoh

function u(t) {

c.width=2e3
n=(o,r=20)=>{x.beginPath();x.arc(S(t/o*200+o)*o+9e2,C(t/o*200+o)*o+7e2,r,0,6);x.fill()}
n(1,99);n(3e2);n(4e2);n(6e2);n(1e3);

Jan 5 2018 2:46 PM UTC

}// 136/140

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

u/donbright

oh em gee

show FPS hide FPS share fullscreen

Exca

function u(t) {

c.width|=e=y=>x.fillRect(k,720-y,50,y<0?3:8)
for(i=32;i--;){w=S(i*C(t+i/7))*(32-i)
w*=w/2
while(w>0){x.fillStyle=R(w-=8)
k=i*60
e(w)
e(-w)}}

Jan 5 2018 2:05 PM UTC

}// 140/140

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

Thanks for helping with the last few bytes go to poro

u/sigveseb

the reflections really make this one!
u/joeytwiddle

Very cool. Here is a retro-spect-rum: d/2411

show FPS hide FPS share fullscreen

myxoh

function u(t) {

x.fillRect(0,0,2e3,2e3);for(z=3;z<999;z++){x.clearRect((z%20)*99,(z*9),(S(t+z))%5+2,5);x.clearRect((6e3*t*(z%9+1))%2e5,1e2*z,(3e3*t)%2e3,4)}

Jan 5 2018 11:58 AM UTC

}// 140/140

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

Starry night with shooting star - This is the second version of the original: https://www.dwitter.net/d/5544

u/iverjo

#stars

show FPS hide FPS share fullscreen

ellisk1

function u(t) {

for(c.width|=i=b=132;i--;)a=t+i,x.fillStyle=R(0,i%3*b,i%3*b+66,w=.5+C(a*=2)/3),x.fillRect(960+(X=600*T(t-i/42)),560+(b+X*X/4e3)*S(a),w*=b,w)

Jan 5 2018 3: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).

u/sigveseb

This looks great!
u/Patrick

Virtual toothpaste.
u/vain

nice fx

show FPS hide FPS share 1 remix fullscreen

rippedspine

function u(t) {

c.onmousemove=e=>T=S(e.x*.1)
for(w=i=c.width|=0,q=Math.random;i--;b=300*(1-q()**2),d=6.3*q(),x.fillRect(w/2+b*C(d)*T,w/4+b*S(d)*T,4,4));T|=1

Jan 5 2018 1:01 AM UTC

}// 140/140

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

oh how i regret not taking more math in school, this took a ridiculous amount of time and i'm still not satisfied about how the dots are distributed. threw in a mouseover to spice it

u/katkip

141/140?

show FPS hide FPS share fullscreen

myxoh

function u(t) {

x.fillStyle="#001";x.fillRect(0,0,2e3,2e3);for(z=0;z<99;z++)for(y=0;y<99;y++){x.fillStyle="#ffd";x.fillRect(y*99+S(t*3),z*99,S(t*T(z))*2,5)}

Jan 4 2018 11:47 PM UTC

}// 140/140

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

Starry night :), please play around with it!

u/joeytwiddle

To avoid setting any fillStyles, you could use x.fillRect() and x.clearRect() for black+white respectively
u/myxoh

Thanks!, I did that and even though I lsot the blueish colour I was able to add more to the scene :)
u/myxoh

https://www.dwitter.net/d/5570
u/iverjo

#stars

dwitter.net | myxoh (4697)