Dweets awesomed by u/pavel

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 fullscreen

ntsutae

remix of d/20301 by u/rodrigo.siqueira

function u(t) {

関=(横,縦,数=0)=>縦*縦>9?数:関(3/4-3*S(横)*S(縦),Math.abs(縦*縦-横*横),数+1)
for(時=t*60,場=幅=1920;場--;)関(場/幅,時/幅)<33&&x.fillRect(場,時,1,1)

Oct 26 2020 1:18 PM UTC

}// 121/140

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

Math.abs Chains

u/ntsutae

#fractal
u/rodrigo.siqueira

This has patterns similar to Nero Marquina Marble
u/joeytwiddle

This reminded me of the Hopalong and Gingerbread man fractals
u/pavel

Wow, this is nice

show FPS hide FPS share 3 remixes fullscreen

danny@hille.dk

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

function u(t) {

for(Y=t*60,X=480;X--;x.fillStyle=R(o=333*C(C(S(t+X/33)-t+S(X/(25+T(X/19+Y/19))))),o*.7))x.fillRect(X*4,0,4,4)
x.drawImage(c,0,4)

Oct 24 2020 7:11 PM UTC

}// 128/140

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

Follow the yellow brick road v2

u/joeytwiddle

#shiny
u/sigveseb

golden
u/danny@hille.dk

webgl version http://glslsandbox.com/e#69246.0

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

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 :-)

show FPS hide FPS share fullscreen

danny@hille.dk

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

function u(t) {

for(X=60;X--;)for(Y=34;Y--;)x.fillStyle=R(o=199*(C(t+Y/4)+S(t+X/9+C(Y/(4+C(t)+S(X/9+Y/6))))),o,o*C(C(X+t)+C(Y))),x.fillRect(X*36,Y*36,36,36)

Oct 21 2020 5:12 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 plat 8-bit :-)

show FPS hide FPS share 2 remixes fullscreen

danny@hille.dk

remix of d/20330 by u/neimad

function u(t) {

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

Oct 21 2020 5:09 PM UTC

}// 139/140

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

let's play

u/danny@hille.dk

hi res version -> http://glslsandbox.com/e#68685.0

show FPS hide FPS share 1 remix fullscreen

jellyedwards

function u(t) {

h=32
with(x)for(k=c.width=512;k--;beginPath(fill(ellipse(a,b,99,h,0,2-j,1+j))))fillStyle=`hsl(${i=h+k%h} 99%50%`,moveTo(a=256,b=i+(j=k<a)*t)

Oct 18 2020 9:38 PM UTC

}// 140/140

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

a poltergeist steals a slice of #pumpkin pie extremely slowly

u/jellyedwards

the journey from ~300 chars to 140 is tough!
u/jellyedwards

could've shaved off a couple more bytes and have it work in Safari too:
u/jellyedwards

h=32 with(x)for(k=c.width=512;k--;beginPath(fill(ellipse(a,b,99,h,0,2,1,j))))fillStyle=hsl(${i=h+k%h},99%,50%,moveTo(a=256,b=i+(j=k<a)*t)
u/jellyedwards

h=32,with(x)for(k=c.width=512;k--;beginPath(fill(ellipse(a,b,99,h,0,2,1,j))))fillStyle=`hsl(${i=h+k%h},99%,50%`,moveTo(a=256,b=i+(j=k<a)*t)
u/Xen

slowly is how they always steal it :-(

dwitter.net | pavel (31987)