Dweets awesomed by u/veubeke

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 2 remixes fullscreen

Xen

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

function u(t) {

for(X=480;X--;x.fillStyle=R(o=X*C(C(S(t+X/3)-t+S(X/(9+T(X/99+t*39/9))))),o*.7,o-X))x.fillRect(X*4,0,4,4)
x.drawImage(c,0,4,1920+C(t)+1,1080)

Oct 25 2020 11:52 AM UTC

}// 140/140

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

Helios-1

u/danny@hille.dk

Now - That's cool!!! lets add some glitching :-)
u/danny@hille.dk

I'm wondering if its is possible to make it look like a honeycomb
u/danny@hille.dk

not a honeycomb - but interesting: for(X=480;X--;x.fillStyle=R(g=X*C(S(t+X/3)+t+S(X/(6+S(X/99+t)))),g*.7))x.fillRect(X*4,0,4,4) x.drawImage(c,0,4)//,1920+(o=9),1080+o) remove ")//" to enable "3d'ish mode" :-)
u/joeytwiddle

Looks like snakeskin at a glance. #texture #organic

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 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 1 remix fullscreen

anotherkitten

function u(t) {

eval(unescape(escape`𨰮𬱴𮑬𩐮𨡡𨱫𩱲𫱵𫡤👒𚁍🐲𜠰𚐊𮀮𩡩𫁬𤱴𮑬𩐽𙰣𩑣𜀧𞱛𜀬𜐮𞀬𜠮𝰬𜰮𝠬𝀮𝑝𛡭𨑰𚁁🐾𦰰𛀱𛠳𛀲𛠵𛀳𛠸𛀵𧐮𫑡𬀨𨐽🡻𩡯𬠨𪐽𨠽𠐿𜠴𞠵𝰻𪐭🐳𞱸𛡦𪑬𫁒𩑣𭀨𝀸𜀭𠰨𠐩𚡍𛑩𚱄𚡓𚁡𚐬𜰶𜀫𤰨𠐩𚡍𛑩𛑄𚡃𚁡𚐬𪐪𜠬𪐪𜠩𚑄🐨𨠭𪐩𚠳𯐩𚐻`.replace(/u../g,'')))

Oct 16 2020 3:36 PM UTC

}// 140/140

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

Chinese Flag

u/joeytwiddle

#flag

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

with(x)arc(960,540,t*t,(t%8>4?t:-t)/3,99),setLineDash([t*t/5]),stroke(),setLineDash([]),globalAlpha=1-S(t%4*.8),beginPath(stroke())

Oct 13 2020 7:43 PM UTC

}// 131/140

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

Circle Spiral #slowdraw

show FPS hide FPS share 3 remixes fullscreen

rodrigo.siqueira

remix of d/20249 by u/ntsutae

function u(t) {

f=(X,Y,n=0)=>X*X>4?n:f(2*X*Y-.7,S(Y*Y-X*X),n+1);for(i=w=1920;i--;x.fillRect(i,t*60,1,g))x.fillStyle=R(g=f(i/w,t/22)**1.3,g/2.5)

Oct 13 2020 3:34 PM UTC

}// 127/140

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

Melting hot #fractal #spiral

u/Xen

sweet style
u/katkip

beautiful
u/rep_movsd

#underrated

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

eval(unescape(escape`氽㜰㭦潲⡚⁯映嬰砵㝣㔵㔵㔬へ㘹㔵㤳㔵ⰰ砶愹摡㤰㐬へ慡昶慢昬へ㉡慡愵扝⥷桩汥⡚㸾㴲⥸⹦楬汒散琨ⴭ氥㜪㤹⬶㄰Ⱘ氯㝼〩⨹㤫㘰ⰹ㤬㤹ⱸ⹦楬汓瑹汥㵚☲㽚☱㼧⍥摡✺✣㠸㤧㩚☱㽒⠩㨧⌶㔳✩`.replace(/u(..)/g,"$1%")))

Oct 1 2020 2:27 PM UTC

}// 135/140

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

mona lisa

u/KilledByAPixel

#monalisa

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

for(i=96;i--;x.fillRect(i*20,t*250,20,5))x.fillStyle=(v=(t*2+S(i/29)/3)|0)/2<S(i)+3&&v<S(i-4)+7&&t<3.6?`hsl(${170+(t+3)**3},30%,80%`:'#456'

Sep 30 2020 8:25 PM UTC

}// 139/140

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

sunset on cityscape

show FPS hide FPS share fullscreen

veubeke

function u(t) {

D=t?Math.random()<.01?-D:D:1
c.width^=0
x.fillRect(0,0,1920,1080)
x.translate(960,0)
x.scale(D,1)
x.font='15em"'
x.fillText('👀',-120,500)

Sep 30 2020 6: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).

Anxiously awaiting all the spooky dweets

dwitter.net | veubeke (20751)