Dweets awesomed by u/walsh9

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

puckipedia

function u(t) {

c.width+=0,c.onmousemove=d=>a=d.clientX*3;z=(t?z:Array(f=1e3).fill([a=f,0])).map(([w,e],i)=>(x.fillRect(w,i,9,9),[w+e*i/f+e/9,(e*6+a-w)/9]))

Mar 1 2017 7:29 PM UTC

}// 140/140

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

Just a wobbly line.

Show more comments…
u/sfz

was staring at this waiting for something to happen longer than I like to admit XD
u/lionleaf

Amazing. Love these interactive ones
u/iverjo

+1 for the physics :D
u/iverjo

mildly entertaining to play with
u/hamptonio

nice!
u/recursive

I learned something new! Destructuring assignment!
u/iverjo

#interactive
u/katkip

#physics

show FPS hide FPS share fullscreen

magna

function u(t) {

n=64;for(j=n;j--;)for(i=n;i--;c=j<6&i<16?'@疄㖄ᖄ犜'.charCodeAt(j)-n&2<<i:S(t+=t*t|5),x.fillStyle=R(c*=255,c,c),x.fillRect(i*30,j*16,n,n));

Feb 28 2017 10:38 PM UTC

}// 135/140

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

Live feed from Amazon Data Center - Feb 28, 2017

show FPS hide FPS share 1 remix fullscreen

FireFly

function u(t) {

t||x.translate(X=960,540,c.onmousemove=e=>X=e.offsetX);for(i=80;i--;x.rotate(8))x.fillStyle=`hsl(${X},80%,${i}%)`,x.fillRect(i,S(t)*960,i,i)

Feb 28 2017 9:39 PM UTC

}// 140/140

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

Interactive demo! Move your mouse to change colour!

Show more comments…
u/FireFly

Thanks to veubeke and p01 for golfing tips :)
u/lionleaf

Oh wow! That's amazing
u/sigveseb

really nice!
u/iverjo

Sick!
u/profit

really cool!
u/lionleaf

On mobile you can tap at different locations for different colors
u/sfacci

ridiculously awesome
u/SpecialAgent

Excellent! And packed full of useful technical tricks, double whammy!
u/Xen

Done Re-mi(X)en
u/jaemiejaemie

borrowed the code used for capturing the mouse x on #4296, thank you
u/iverjo

#interactive
u/lionleaf

#spiral

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

w=c.width=128;for(i=w*w;i--;)x.fillStyle=R(0,0,0,Math.random()),x.fillRect(i%w,i%(w-1),1,1);x.font='5em A';x.fillText("☠",25,65);

Feb 28 2017 8:16 PM UTC

}// 129/140

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

I did one with ImageData but the skull didnt fit in. (it was faster but not fast enough to size it up).

u/sfz

swank!
u/New_Core

#noise

show FPS hide FPS share 2 remixes fullscreen

SpecialAgent

function u(t) {

Λ=100;for(X=20;X--;)for(Y=20;Y--;)x.strokeStyle='hsl('+X*Y*19+',99%,50%)',x.strokeRect(X*Λ,Y*50,Λ,Λ)
x.drawImage(c,S(t)-2,T(t)-2,1924,1084)

Feb 28 2017 7:18 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

Trippy. Nice colors

show FPS hide FPS share fullscreen

SpecialAgent

function u(t) {

q=960;r=q/2;c.width^=0;x.font='9em a';for(i=50;i--;)x.arc(q,r,r,t,i),x.stroke(),x.fillText(String.fromCodePoint(i<<9),q+S(t+i)*q,r+C(t)*5*i)

Feb 28 2017 2:19 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/donbright

interesting

show FPS hide FPS share 1 remix fullscreen

innovati

function u(t) {

for(i=1500;i--;){
  x.fillStyle='hsl('+i*10+',75%,50%)';
  x.fillRect(i/t,i*t,30,30);
}

Feb 27 2017 8:11 PM UTC

}// 87/140

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

u/infin80

That's a helluva trip!
u/Xen

Has anyone really been far as decided to use even go want to do look more like?

show FPS hide FPS share fullscreen

FireFly

function u(t) {

f = t*60|0
X =  f%120, Y = f/120|0
x.fillStyle = "]!{$${!]".charCodeAt(X%16) + 59 >> Y%12& 1? '#345' : '#DEF'
x.fillRect(X*16, Y*16, 16, 16)

Feb 27 2017 6:20 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/sigveseb

cool!
u/sfz

wtf is going on here?!
u/FireFly

The string embeds a tiny bitmap which is simply repeated :)
u/5Mixer

This is an awesome idea! I wonder what else you could do with using strings to encode more complex(?) data. Interesting.
u/PiggyClone205

When I read complex, I immediately thought of maybe importing other javascript and cheating a bit.
u/katkip

#invaders

show FPS hide FPS share fullscreen

bligglenuber

function u(t) {

w=30;h=w/1.8;c.width=w*2
a=(1+C(t*12))/2.4;x.arc(w,h,w/3,a,-a);x.lineTo(w,h);x.fill()
for(i=0;i>-5;i--)x.fillText('●',5*h+(i*h-t*2)%2*w,h+2)

Feb 27 2017 3:02 PM UTC

}// 140/140

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

For those who are wondering h is meant to just represent half the height of the screen. I just wound up using it in inappropriate places because it was roughly the right number for what I needed

Show more comments…
u/iverjo

Related dweets: https://www.dwitter.net/d/312 and https://www.dwitter.net/d/391
u/vonzo

haha _haha_ __haha__ haha
u/bligglenuber

Bah, and there I was thinking I'd got there first. I get crazy lag when trying to look back due to the infinite loading, so I've been unable to see what people have done already
u/donbright

lol
u/iverjo

Yeah, good point ^^
u/iverjo

#pacman

show FPS hide FPS share fullscreen

codegourmet

function u(t) {

c.width^=0;r=Math.random
t?s.push([0,r()*999,r()]):s=[]
s.map(o=>(a=255*(1-o[2]),x.fillStyle=R(a,a,a),x.fillRect(o[0]+=30*o[2],o[1],15,15)))

Feb 27 2017 2:30 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/sfz

oh so sweet!

dwitter.net | walsh9 (5185)