Dweets awesomed by u/magna

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

clawtros

remix of d/1338 by u/clawtros

function u(t) {

c.width=1920;m=5e2;e=this;X=e.X||0;Y=e.Y||0;for(i=m*5;i--;){A=S(-.7*Y)-C(2*X-t),B=S(.5*X)-C(2*Y);x.fillRect(A*m+2*m,B*m+m,8,8);X=A;Y=B}

Feb 25 2017 7:04 PM UTC

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

hamptonio

remix of d/601 by u/ose

function u(t) {

q=function(a){return (C(a)+1)*99};
for(i=-100;i<99;i++){
x.fillStyle=R(q(2*t+i),q(t*i),q(i+t),.01);
x.fillRect(i*40+q(t),6*q(t)-i,99,99);
}

Feb 25 2017 7:04 PM UTC

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

magna

remix of d/1289 by u/magna

function u(t) {

e=1e4;(i=new Image).src=c.toDataURL('image/jpeg',q=.8).replace(eval(`/(.{${t%e+e}})./`),'$1a');x.globalAlpha=q;x.drawImage(i,0,3,1920,1070);

Feb 25 2017 2: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).

Island at Night (wait until it stabilizes - works only on Chrome)

u/sigveseb

this is an excellent idea!

show FPS hide FPS share fullscreen

gormisdomai

remix of d/1311 by u/gormisdomai

function u(t) {

c.width^=0;
for(s=0;s<200;s+=.01){
X = (T(t)*s+7)*C(s+t)
Y = (C(t)*s+7)*S(s+t)
x.fillStyle=R(99^s,s,s)
x.fillRect(960+X*30, 540+30*Y, X, Y)}

Feb 25 2017 2:44 PM UTC

}// 140/140

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

"Space Folding #2"

u/katkip

#tagfail

show FPS hide FPS share fullscreen

Pyrofoux

function u(t) {

x[f="font"]=g="140px A",n=Array(9).join(0/0);7-(t=~~t%8+1)?x[h="fillText"](n,0,t<<8)+(5-t||x[h]("🦇",874,560,c.width^=0,x[f]=g)):c.width^=0

Feb 25 2017 2:41 PM UTC

}// 138/140

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

Show more comments…
u/iverjo

Haha, I believe this is a reference to "wat" ^^
u/andres

Is this broken because of the emoji?
u/kaicarver

NaNNaN NaNNaN NaNNaN NaNNaN BATMAN!! :-) https://youtu.be/EtoMN_xi-AM
u/iverjo

3:31 in this video: https://www.destroyallsoftware.com/talks/wat
u/sigveseb

:D
u/Kalanchoe

Haha, nice reference! For those who see boxes, it's supposed to be a bat emoji (U+1F987)
u/d0n.key

I actually wanted to type "BATMAAAAN!!!" in the comments, but jokes on me...

show FPS hide FPS share 1 remix fullscreen

gormisdomai

function u(t) {

c.width=1920;
for(s=0;s<2000;s+=.1){
X = (0.1*T(t)*s+10)*C(s+t)
Y = (0.1*C(0.5*t)*s+10)*.8*S(s+t)
x.fillRect(960+X*30+t, 540+30*Y+t, X, Y)}

Feb 25 2017 2:12 PM UTC

}// 139/140

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

"Space Folding #1"

u/Kalanchoe

amazing!
u/iverjo

+1 for the unexpected implosion

show FPS hide FPS share fullscreen

AJK

function u(t) {

t||(P=1e3,Q=540,A=.31,C=1.38,X=12,Y=0,x.fillStyle=R(0,0,0,.1));for(k=P;k--;)x.fillRect(50*X+Q,50*Y,1,1),Z=X,X=Y+A*X+C*X*X/(1+X*X),Y=t/5-3-Z

Feb 25 2017 1: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).

show FPS hide FPS share fullscreen

5Mixer

function u(t) {

w=c.width=2e3
k=['╚','╔ 	','╝','╗']
x.font="50pt o"
for(n=0;n<800;n++){a=n/20
a-=a%1
x.fillText(k[(a%2*2+n%40+1)%4],(t*99+a*50)%w,n%20*50)}

Feb 25 2017 12:43 PM UTC

}// 139/140

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

Wanted to see if I could use the box ascii characters for something. Drawing text takes up a lot of characters, but it turned out okay :D As a bonus, removing the '+1' on the final line makes the pattern squares!

u/5Mixer

Edit: Nope. Some golfing apparently means that isn't true anymore lol.
u/Xen

w=c.width=2e3,x.font="40pt'";for(n=369;n--;)x.fillText(['╚','╔','╝','╗'][(n/20|0%4*3+n%40)%4],(n*t*t)%w,n%20*50)

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

e=1e4;(i=new Image()).src=c.toDataURL('image/jpeg').replace(eval(`/(.{${t%e+e}})./`),'$1a');x.globalAlpha=.8;x.drawImage(i,0,0);

Feb 25 2017 4:46 AM UTC

}// 128/140

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

Urban Pollution

u/SpecialAgent

This is a very nice effect, my browser ran out of memory after a short while though. ;)
u/iverjo

Haven't seen this technique before. How does it work?
u/magna

@iverjo: I keep exporting the canvas as base-64 JPEG and randomly screwing up with the data at a particular range that gives this effect while keeping the JPEG intact. Prior art: https://github.com/snorpey/jpg-glitch

show FPS hide FPS share fullscreen

hamptonio

remix of d/134 by u/icecuber

function u(t) {

r=Math.random;q=1;for(i=36;i--;)for(j=12;j--;)q+=.5-r()/2,x.setTransform(C(t+j),S(t+i),-S(t+j),C(t+i),i*66,j*99),x.fillRect(-9,-30,q/2,10)

Feb 25 2017 4:06 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/magna

I want a curtain like this in my living room!
u/joeytwiddle

That took me to http://www.pouet.net/prod.php?which=564#fukw…

dwitter.net | magna (133679)