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

iverjo

remix of d/387 by u/iverjo

function u(t) {

for(i=2e3;i--;)x.fillStyle=R(a=255*!i,a,a,.2+i),x.fillRect(!a*(960+300*S(t)+200*C(y=t*2+i/9)),!a*(515+500*T(2*t+i/4.5)),c=9*(2+S(y))+8*a,c)

Aug 18 2016 12:55 PM UTC

}// 139/140

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

#twister

show FPS hide FPS share 2 remixes fullscreen

lionleaf

remix of d/421 by u/lionleaf

function u(t) {

c.width=2e3;x.font='99px Arial';v='Write long then shorten!';for(i=v.length;i--;)x.fillText(v[i],i*79+S(t+i)*10,540+S(t*9+i)*20)

Aug 17 2016 5:49 PM UTC

}// 128/140

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

You can now enter more than 140 characters while writing a dweet! (But you can't post anything longer than 140 characters)

Show more comments…
u/iverjo

Sweet :) I remember removing maxlength=140 in my dev console when creating dweets at arkt.is/t/ ^^
u/PhiLho

Yes, that's what I did here as well... :-D Ah, except I get an alert dialog on each character beyond 140! Not very practical to type. The red counter should be enough...
u/PhiLho

And apparently we can now safely replace semi-colon with newline, even on Windows! (they counted as two chars, previously...)
u/iverjo

Yes, that alert should be removed. Luckily, one can suppress it in FireFox by checking the checkbox inside the alert
u/lionleaf

Ooops, I never got the alert for some reason. And I didn't see this before now. Should be fixed now.
u/lionleaf

#feature

show FPS hide FPS share 1 remix fullscreen

lionleaf

remix of d/175 by u/lionleaf

function u(t) {

c.width=2e3;x.font='99px Arial';v='https security!';for(i=v.length;i--;)x.fillText(v[i],i*99+S(t+i)*10+300,540+S(t*9+i)*20)

Aug 15 2016 3:20 PM UTC

}// 123/140

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

#feature

show FPS hide FPS share fullscreen

New_Core

function u(t) {

a=c.width=2e3;for(i=160;i--;)j=i%20,x.fillStyle=R(200-i),x.beginPath(),x.arc(i/3+820*S(t*2+j/6)+1e3,500+i/3-320*C(t*2+j/2),i,0,7),x.fill()

Aug 14 2016 9:26 AM UTC

}// 138/140

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

u/Pontso

That is brilliant!
u/iverjo

Good idea!
u/sigveseb

very nice!
u/13thptr

#balls

show FPS hide FPS share fullscreen

New_Core

function u(t) {

a=c.width=2e3;for(i=160;i--;)j=i%4,x.fillStyle=R(200-i),x.beginPath(),x.arc(i-1e3*S(t)+j*650,i-Math.abs(450*S(t+j/2))+610,i*2,0,7),x.fill()

Aug 14 2016 9:26 AM UTC

}// 139/140

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

u/13thptr

#balls #shading

show FPS hide FPS share fullscreen

elrod

remix of d/359 by u/elrod

function u(t) {

for(i=99;i--;){r=Math.random();x.fillStyle=R(0,r*255,r*255,1);x.fillRect(r*1920,Math.random()*1080,50,50)}

Aug 12 2016 5:04 PM UTC

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

iverjo

function u(t) {

c.width=2e3;n=900;for(i=9;i<n;i+=2)s=3/(9.2-(t/2+i/99)%9),x.beginPath(),x.lineWidth=s*s*4,x.arc(n,540+500*S(t),s*119,j=i*9,j+.6),x.stroke()

Aug 11 2016 11:34 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/sigveseb

this tunnel looks so clean!
u/iverjo

Thanks :) My aim was to create a vertical camera tilt effect. I ended up just moving everything up and down. Kinda resembles tilt ^^
u/iverjo

#tunnel

show FPS hide FPS share fullscreen

iverjo

remix of d/413 by u/iverjo

function u(t) {

c.width=1e3;for(i=151;i--;)v=t-i/9,x.fillStyle='red',x.font=12+i+C(v*19-8)/(v*v)+'px A',v>0&&x.fillText((''+u)[i],490+i*5*S(v),280+i*2*C(v))

Aug 11 2016 12: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).

u/katkip

awesome

show FPS hide FPS share 1 remix fullscreen

iverjo

remix of d/40 by u/iverjo

function u(t) {

c.width=1e3;for(i=60;i--;)v=t-i/9,x.fillStyle='pink',x.font=20+i+C(v*19-8)/(v*v)+'px A',v>0&&x.fillText('❤',490+i*9*S(i),260+i*9*C(i))

Aug 10 2016 1: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).

#hearts

u/PiggyClone205

lovely

show FPS hide FPS share fullscreen

sigveseb

function u(t) {

(t*=9)||(c.width=8);x.fillStyle=R((m=128)*S(t)*S(t/3)*2,m+m*C(S(t/99)),9*m*S(t/99)+C(t)*m);x.fillRect((t%8)|0,(t>>3)%5,1,1)

Aug 9 2016 1:46 PM UTC

}// 123/140

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

pretty on FF, terribly blocky and buggy on chrome

u/iverjo

The light blue part looks like a sky with small clouds