Dweets awesomed by u/tapgiles

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

tapgiles

function u(t) {

with(x)save(),fillStyle=`hsl(${t*40%360},100%,50%)`,beginPath(),arc(t*1e4%1920,0,100,0,7),fill(),scale(1,1.04),drawImage(c,0,0),restore()

Mar 22 2017 8:07 PM UTC

}// 137/140

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

u/scottglz

Can reduce this down to 118 w/ with(x)fillStyle=hsl(${t*40%360},100%,50%),beginPath(),arc(t*1e4%1920,0,100,0,7),fill(),drawImage(c,0,0,1920,1123.2)

show FPS hide FPS share fullscreen

mxfh

function u(t) {

c.width=512
x.scale(s=16,s);x.fillText("🗺️",-1,8)
for(X=s;X--;)for(Y=s;Y--;)x.drawImage(c,(X+t)*8%125,Y*7,10,8,20+(X-7.5)*S(Y/5)*1.4,Y,2,1)

Mar 22 2017 4:28 PM UTC

}// 139/140

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

crappy emoji world map reprojection

Show more comments…
u/aemkei

Nice! We need to merge that with https://www.dwitter.net/d/2249
u/sfz

pretty sweet
u/codeslaw

clever!
u/iverjo

#earth
u/katkip

clever
u/mxfh

#map #geo #projection #raster

show FPS hide FPS share fullscreen

aemkei

remix of d/2238 by u/aemkei

function u(t) {

r=500;c.width^=0;for(I=F=2;F>-2;F-=1/2e3)x.fillRect(C(F)*S(L=F*r-t)*r+999,S(F)*r+520,W=(20&((S(I+=.25032)*50)*C(.1+I/1000)*.7))*C(L/2),W)

Mar 21 2017 10:36 PM UTC

}// 137/140

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

the world …

u/sfz

you are a god.min.js
u/sigveseb

well done!
u/iverjo

#sphere #earth #globe
u/vain

What?? top ++++

show FPS hide FPS share fullscreen

sfz

function u(t) {

x.drawImage(c,-9,-4,1937.8,1089)
for(i=9;i--;)H=9*S(t),G=9*C(t),x.fillStyle=`hsl(${t+=9*i+t/9},90%,60%`,x.fillRect(960+i+G-H,470+i+H+G,6,6)

Mar 21 2017 8:48 AM UTC

}// 139/140

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

Neutron

show FPS hide FPS share fullscreen

jick

function u(t) {

x.fillStyle=R(S(t*1)*255,Math.random()*255,0);
x.fillRect(t*12345%2000,1060,30+Math.random()*300,40)
x.drawImage(c,0,-20,1920,1080)

Mar 21 2017 3:01 AM UTC

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

scottglz

remix of d/2237 by u/dodojojo

function u(t) {

w=c.width=1920;g=-C(t/7)*9+11;for(i=0;i<g;i++)for(j=0;j<g;j++)x.fillRect(i*(w/g)+30*S(g*j),j*(1080/g)+30*C(g*i),w/g-10,1080/g-10)

Mar 20 2017 10:48 PM UTC

}// 130/140

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

Made a cycle of my favorite timespan

show FPS hide FPS share 2 remixes fullscreen

aemkei

function u(t) {

t||(W=c.width=600);i=W;for(x.fillRect(0,0,W,W);i--;x.fillText(unescape("%u30B"+C%9),i*9,C=~~(t*9+i**3)*12%W))x.fillStyle=R(0,i&&W,0,i?1:.05)

Mar 19 2017 8:18 PM UTC

}// 140/140

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

Welcome to the Matrix!

u/iverjo

#matrix
u/danny@hille.dk

More speed longer trails !t?W=c.width=600:i=W;for(x.fillRect(0,0,W,W);i--;x.fillText(unescape("%u30B"+C%9),i*9,C=~~(t*15+i**3)*11%W))x.fillStyle=R(0,i&&W,0,i?1:.03)
u/vain

Beautiful looking remake of the matrix fx

show FPS hide FPS share fullscreen

tapgiles

function u(t) {

f=c.toDataURL("image/jpeg",1).split(""),f[j=Math.random()*1e4|0]=f[j+1]
try{(i=new Image()).src=f.join("");x.drawImage(i,0,0)}catch(e){}

Mar 19 2017 11:31 AM UTC

}// 136/140

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

huh.

u/tapgiles

wait for it...

show FPS hide FPS share 1 remix fullscreen

caleb

function u(t) {

x.beginPath()
x.arc(960,540,90,0,2*Math.PI)
x.stroke()
x.drawImage(c,-9,-5,1938,1090)
r=Math.random()*255
x.strokeStyle=R(r,255,r)

Mar 19 2017 5:58 AM UTC

}// 131/140

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

u/New_Core

Check my https://www.dwitter.net/d/509 and 508 if you havent seen them ;) .. lots of fun with this kind of effects

show FPS hide FPS share 1 remix fullscreen

aemkei

function u(t) {

for(x.fillRect(0,0,i=W=c.width=400,W);i--;x.fillText(unescape("%u30A"+~~(i+t)%9),W*S(i*W),W*(S(i)+99/(i+99)*t)%W))x.fillStyle=R(0,i?W:0)

Mar 18 2017 10: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).

u/sfz

interesting different way to get to something similar to what I did the other day, I like it! https://www.dwitter.net/d/2171
u/joeytwiddle

#matrix

dwitter.net | tapgiles (2740)