Dweets awesomed by u/danny@hille.dk

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

danny@hille.dk

remix of d/20368 by u/danny@hille.dk

function u(t) {

f=(X,Y,n=99)=>Y*Y>n?n:f(3*X*Y-.6,Y*Y-X*X,n+29*S(Y));for(m=i=960;i--;x.fillRect(i*2,0,2,2))x.fillStyle=R(0,f(i/m,S(t/66)));x.drawImage(c,0,2)

Oct 23 2020 2:43 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/Xen

love it!
u/danny@hille.dk

#fractal

show FPS hide FPS share 1 remix fullscreen

danny@hille.dk

remix of d/19818 by u/rodrigo.siqueira

function u(t) {

f=(X,Y,n=97)=>Y*Y>n?n:f(2*X*Y-.7,Y*Y-X*X,n+9);for(m=i=960;i--;x.fillRect(i*2,1,2,2))x.fillStyle=R(k=f(i/m,(t%45)/30),k/2);x.drawImage(c,0,2)

Oct 23 2020 2:07 PM UTC

}// 140/140

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

#julia scroll (repeats after 45 seconds)

u/danny@hille.dk

#fractal

show FPS hide FPS share fullscreen

solendil

function u(t) {

d=(V,D)=>x.fillRect(X,Y,X+Y+D&8,1,x.fillStyle=['#D23','#24A','#000','#FF0'][0x66ba6545>>(V>>5&15)*2&3])
for(X=2e3;X--;d(X,0))d(Y=frame,4)

Oct 23 2020 9:57 AM UTC

}// 137/140

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

Four colours tartan uncompressed and full-res ! Thx Pavel !

u/danny@hille.dk

nicely done sir 🧐
u/pavel

Beautiful!
u/Xen

love it!
u/pavel

I shaved off 12 more chars for(i=4e3;X=--i>>1;x.fillRect(X,Y,1,X+Y+8*i&8))Y=60*t,x.fillStyle=['#D23','#24A',R(),'#FF0'][0x66ba6545>>((i%2?Y:X)/16&30)&3]

show FPS hide FPS share fullscreen

pavel

remix of d/20353 by u/solendil

function u(t) {

d=(V,D,i=1<<V/8%16)=>x.fillRect(X,Y,X+Y+D&2,1,x.fillStyle=R((4591&i)*w,(4096&i)*w));for(X=t?0:c.width=w=512;X--;)for(Y=288;Y--;d(X,0))d(Y,2)

Oct 22 2020 9:59 PM UTC

}// 140/140

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

4591 and 4096 specify the 16 bit patterns for the red / green channels

u/pavel

0001000111101111 and 0001000000000000 respectively (rendering flips the order)
u/danny@hille.dk

👍
u/solendil

Congratulations ! :)
u/tomxor

nice

show FPS hide FPS share fullscreen

Xen

remix of d/20343 by u/danny@hille.dk

function u(t) {

for(c.width=X=60;X--;)for(Y=34;Y--;x.fillRect(X,Y,1,1))x.fillStyle=`hsl(${(X+frame/2%300)*(C(t-X/4)+S(t+X/9+S(Y/(4+S(t)-S(X/Y)))))} 90%50%)`

Oct 22 2020 9:35 PM UTC

}// 140/140

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

play about

u/danny@hille.dk

Cool #plasma

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/20353 by u/solendil

function u(t) {

if(!t)for(d=V=>{x.fillStyle=['red',R(),'#aa0']['011001210'[(V>>3)%9]];x.fillRect(X,Y,1,1)},c.width=X=512;X--;)for(Y=288;Y--;)d(Y%2?Y:X,Y%2)

Oct 22 2020 8:41 PM UTC

}// 139/140

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

golfed and crippled :-)

show FPS hide FPS share 1 remix fullscreen

jczimm

remix of d/20354 by u/jczimm

function u(t) {

w=(c.width+=0)/4
for(i=110;i--;)x.fillStyle=R(i*8,i*2,60),x.fillRect(w+w*.6*(i%2*2-1)*(S(i-4.8)*S(t+5)**2),w+w*S(i*.3232)*C(i),40,60)

Oct 22 2020 7:56 PM UTC

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

danny@hille.dk

remix of d/20335 by u/ciaccodavide

function u(t) {

x.drawImage(c,0,l=t);for(j=999;j--;x.fillStyle=T(j^t*60)%9-1<3?R():"#fff")x.fillRect(j*l,0,l,l)

Oct 22 2020 7:19 PM UTC

}// 96/140

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

slightly golfed remix

u/rep_movsd

Flying over the Death Star!

show FPS hide FPS share 2 remixes fullscreen

solendil

function u(t) {

eval(unescape(escape`𪑦𚀡𭀩𮰊𨰮𭱩𩁴𪀽𝐱𜠊𩀽𚁖𛁄𚐽🡻𮀮𩡩𫁬𤱴𮑬𩐽𦰧𬡥𩀧𛀧𘰰𜀰𙰬𙰣𡡆𜀧𧑛𙰰𜀰𜀱𜀰𜀰𜐱𜐲𜐱𜐧𦰨𥠾🠳𚐥𜐶𧑝𞰨𦀫𦐫𡀩𙐵🀳🱸𛡦𪑬𫁒𩑣𭀨𦀬𦐬𜐬𜐩𞠰𯐊𩡯𬠨𦀽𝐱𜠻𦀭𛐻𚑦𫱲𚁙🐲𞀸𞱙𛐭𞰩𩀨𦐬𜠩𛁤𚁘𛀰𚑽𘀊`.replace(/uD./g,'')))

Oct 22 2020 1:22 PM UTC

}// 131/140

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

Nemo me impune lacessit

u/solendil

Look into the code: it's easy to generate your own Tartan : ['red','#000','#FF0']['0000100001112111'[(V>>2)%16]
u/Xen

nicely done!!!

show FPS hide FPS share 1 remix fullscreen

danny@hille.dk

remix of d/20340 by u/danny@hille.dk

function u(t) {

for(c.width=X=60;X--;)for(Y=34;Y--;)x.fillStyle=R(o=255*(C(t-X/4)+S(t+X/9+S(Y/(4+S(t/4)-S(X/Y))))),o*S(Y-t*9+S(X+t)),-o),x.fillRect(X,Y,1,1)

Oct 21 2020 5:59 PM UTC

}// 140/140

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

let's play mario style

Show more comments…
u/danny@hille.dk

I made a hi res version here: http://glslsandbox.com/e#68682.1
u/rodrigo.siqueira

The hi res version is a hundred or thousand times faster. I didn't know about glslsandbox. Nice gallery of fast GLSL demos (OpenGL Shading Language).
u/danny@hille.dk

I just recently got aware of http://glslsandbox.com/ - and by reading some of the code from the demos i also found https://www.shadertoy.com/ - but be aware you really need a computer with a powerfull graphics card or else everything just freezes up :-)
u/danny@hille.dk

I also found that, the shaderlanguage is more like c than javascript, and the way you code shaders, are quite different from codeing for canvas2d :-) - Challenge accepted!
u/danny@hille.dk

Here is a version where I have fixed some minor bugs http://glslsandbox.com/e#68682.7
u/danny@hille.dk

Please share, if any of you guys creates something on glslsandbox
u/rodrigo.siqueira

I created a remix of a simple code I found on glslandbox: http://glslsandbox.com/e#68725.0 (Animated blue 3D waves)
u/joeytwiddle

If you like glsandbox, you might also like https://shadertoy.com/
u/danny@hille.dk

u/rodrigo.siqueira that looks awesome!
u/danny@hille.dk

Thanks u/joeytwiddle, i did try shadertoy, but the website is a bit to harsh on my laptop :-)
u/rodrigo.siqueira

I also created 2 other remixes: Rotating Ring of Fire http://glslsandbox.com/e#68726.0 and Purple Unfolding Waves Under a Deep Blue Sky http://glslsandbox.com/e#68725.1
u/danny@hille.dk

u/rodrigo.siqueira cool stuff, I also have been palying with GLSL i have converted some of my dweets FX: http://glslsandbox.com/e#68778.0
u/danny@hille.dk

I really like the organic look-feel, you can achieve with sin/cos event with just black/white http://glslsandbox.com/e#68767.0 I'm properbly gonna make this into a dweet :-)

dwitter.net | danny@hille.dk (36224)