Dweets awesomed by u/unframework

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: #ScaryMovies

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/29133 by u/rodrigo.siqueira

function u(t) {

for(t?Y++:Y=0,X=3e3;X--;x.fillRect(X,Y,1,f(X/680-1.4,Y/500-1.1)))f=(x,y,n=0)=>y+x?f(x*x-y*y*C(x),T(.73*x*y)*3+.66,n+1):C(n/5+T(X|Y)/3)+.5

Dec 15 2023 12:50 PM UTC

}// 137/140

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

Sierpinski Spiral Structure #fractal

u/danny@hille.dk

YES! SOO COOL!
u/KilledByAPixel

sick

show FPS hide FPS share 3 remixes fullscreen

jylikangas

function u(t) {

for(c.width=i=W=300;i-=2;)for(j=40;j<W;x.fillRect(i,j++-h,2,h+1))x.fillStyle=R(h=((d=W*3/j)*S(A=i/W+S(t))-t&d*C(A)+t*9&7)*99/d,j|2,!h&&W-j)

Mar 8 2018 6:16 AM UTC

}// 139/140

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

Tuulian Minecraft :)

Show more comments…
u/yonatan

Beautiful!!
u/nystrand

Impressive!
u/joeytwiddle

Flipping awesome!
u/aleamb

epic!!
u/loni_art

Damn! my pc is dyingwith this but at least its awesome!
u/magna

What. The.
u/artfarnaa

Dangerous if this got out.
u/zanella

... AND there's still one character left. Jesus!
u/p01

AMAZING! Btw, you can save 3 bytes without changing the visuals or camera path by using fillRect(i,j++,2,~h) ;)
u/jylikangas

Thanks all! p01 - I didn't know fillRect takes negative height. That's gonna save bytes in my other demos too - big thanks for the tip!
u/jylikangas

118 byte version including Mathieu's tip... for(c.width=i=W=199;i--;)for(j=9;j<W;x.fillRect(i,j++,2,~h))x.fillStyle=R(h=((d=W*4/j)*S(A=i/W)&d*C(A)+t)*99/d,j,h||W)
u/jylikangas

<W;x.fillRect(i,j++,2,~h))x.fillStyle=R(h=((d=W*4/j)*S(A=i/W)&d*C(A)+t)*99/d,j,h||W)
u/iverjo

Wow, incredible!
u/p01

https://www.dwitter.net/d/7337 Check out "Tuulian Minecraft: Sheep edition": 140 characters and one sheep.
u/iverjo

#minecraft
u/donbright

:O
u/Conjuror

love it and it is cool
u/vain

Unbelievable cool faked 3d minecraft like scene
u/CalSch

My phone's cpu does not vibe with this, but it is cool nonetheless.

show FPS hide FPS share fullscreen

mmastrac

remix of d/3343 by u/mmastrac

function u(t) {

with(x)for(drawImage(c,0,-6),i=S=1080;i--;)fillText((i>850&&i<900||i>100&&i<150&&~t&2?"⚪⬆⬜":"⚫⚫♠")[~~(Math.random()*3)],i*2,S)

Oct 22 2017 5:59 PM UTC

}// 126/140

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

u/cantelope

a very realistic road.
u/sigveseb

good stuff
u/magna

THIS IS NUTS. (ノಠ益ಠ)ノ彡┻━┻
u/joeytwiddle

#texture

show FPS hide FPS share 2 remixes fullscreen

magna

function u(t) {

d=x.createImageData(w=c.width=100,w);for(i=0;i<4e4;d.data[i++]=i%T(i%t*t)*255);x.putImageData(d,0,0)

Oct 10 2017 9:21 PM UTC

}// 100/140

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

u/Xen

thats the one! thats awesome.
u/alien

TV going bad
u/marc8

Great! Almost my original one: https://www.dwitter.net/d/2816
u/magna

#noise
u/magna

#tv

show FPS hide FPS share fullscreen

magna

remix of d/2633 by u/magna

function u(t) {

w=c.width=320
for(j=14;j--;)for(i=8;i--;)'ŁŃŇŏşſƿȿşśűŰƠƠ'.charCodeAt(j)-w&1<<i&&x.fillRect((S(t*3)**5+1)/2*w+i,(C(t*5)**7+1)/5*w+j,1,1)

Oct 10 2017 8:12 PM UTC

}// 135/140

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

Mouse hijack

u/sigveseb

Lol cool
u/lionleaf

Haha, nice one! Didn't quite have the intended effect on my phone, though.
u/magna

#mousepointer

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/1480 by u/magna

function u(t) {

c.width|=0
x.font='50px monospace';
(u+'')
.slice(0,t*3+S(t)*5)
.concat(t*2&1?'|':'')
.split('\n')
.forEach((s,i)=>x.fillText(s,0,++i*50))

Apr 18 2017 1:55 AM UTC

}// 138/140

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

Pair programming nightmare

Show more comments…
u/joeytwiddle

that title made me Lol :D
u/sigveseb

:D
u/Jenky

That's a really clever illusion, love it
u/magna

Heh, thanks! Brought it down to 123 chars in hopes of adding occasional mistakes like skipped characters / typos etc., but couldn't immediately find a way. In case anyone wants to give it a shot: https://www.dwitter.net/d/2522
u/donbright

:o
u/Polyducks

Could you make a random function to skip odd spaces?
u/magna

It has to be a deterministic PRNG so that the places that are skipped are persistent. Otherwise, it would just look like a random flipping of characters. I thought about it, but couldn't immediately find a short solution.
u/Polyducks

That's a great point. Dwitter is such a mind twister!
u/highfestiva

Groovy baby!
u/magna

#quine
u/joeytwiddle

#funny

show FPS hide FPS share fullscreen

New_Core

function u(t) {

a=c.width|=0;for(b=i=550;i--;)x.fillStyle=R(t%9>8.8?a:0,a,a=80*S(i%50*S(t-i*.1)*.01)+60,1/a*9),x.fillRect(i%50*40,0,40,b+i+a+20*S(t+i*.15))

Mar 10 2017 9:17 AM UTC

}// 139/140

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

Heavy rain at sea with lightning.

Show more comments…
u/donbright

:o
u/recursive

Nice
u/iverjo

Wow
u/jsizzle

Wow!
u/sfz

moody!
u/magna

https://www.youtube.com/watch?v=oKKDfynx4ZY
u/New_Core

#water
u/New_Core

#sea #ocean
u/joeytwiddle

My favourite
u/joeytwiddle

#hiddengem #waves #rain

show FPS hide FPS share 3 remixes fullscreen

recursive

remix of d/1976 by u/recursive

function u(t) {

for(d=256;--d;)for(X=-32;++X<32;x.fillRect(960+X*8e3/d,100+7e4/d-h,120,9))x.fillStyle=R(h=(C(a=d/9+t*6)+C(X/9+a/3))*35,g=h+C(X^d)*6+90,g/.8)

Mar 9 2017 12:33 AM UTC

}// 140/140

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

Bluer waves

Show more comments…
u/sfz

Incredible
u/sigveseb

Epic
u/FireFly

This is crazy, great stuff :D
u/iverjo

Best water on dwitter thus far!
u/iverjo

I also tried to achieve this some time ago, but yours is much more convincing
u/iverjo

https://www.dwitter.net/d/65 and https://www.dwitter.net/d/254 and https://www.dwitter.net/d/295 and https://www.dwitter.net/d/366
u/recursive

Your idea gives really great color to the surface. I wonder if it's possible to animate the colors using your idea, and the wave geometry and lighting using mine.
u/magna

(ノಠ益ಠ)ノ彡┻━┻
u/Renaud___

very very nice
u/jsizzle

Seriously amazing. Wow
u/SpecialAgent

Bravo
u/ideokan

i am a web developre, feeling like a dumb monkey in here
u/PiggyClone205

Welcome to the club, ideokan.
u/Godcranberry

This sis amazing, totally my favorite
u/Godcranberry

is* mb fam
u/iverjo

#water
u/hollo47

#ocean
u/katkip

#waves
u/vain

Very nice and lovely wave

show FPS hide FPS share fullscreen

magna

function u(t) {

c.width=96;for(i=9;i--;x.fillRect(20+i*5+S(t)*15,20,2,10));(i=new Image).src=c.toDataURL().replace(t&9,0);try{x.drawImage(i,0,0)}catch(e){}

Mar 7 2017 11:02 PM UTC

}// 139/140

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

Requires Chrome

u/scottglz

That's scary, love it.
u/tapgiles

It's so AWESOME!!
u/magna

It doesn't glitch like it used to, probably after an update to Chrome's JPEG lib or something...
u/magna

#default #glitch

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/1323 by u/magna

function u(t) {

e=1e3;(i=new Image).src=c.toDataURL('image/jpeg').replace(eval(`/(.{${t%e+e}})./`),'$1');x.filter='sepia(.02)';x.drawImage(i,0,0,1920,1100);

Mar 1 2017 4:00 AM UTC

}// 140/140

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

Candy Falls - Requires Chrome

u/magna

Starting off with a blank canvas, I introduce some artifacts by damaging the JPEG export. And then the rest comes through an interesting interplay of JPEG artifacts and sepia filter artifacts, and stretching the image while pasting it back.
u/magna

Seems to be broken on latest version on Chrome.

dwitter.net | unframework (570)