Dweets awesomed by u/stefano

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

tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪀽𜐹𜠬𤠽𝀸𛁩🐸𜀶𝀻𪐭𛐻𮀮𩡩𫁬𤡥𨱴𚁓𚰹𝠬𥀫𝐴𛁃𚁍𨑴𪀮𨑴𨑮𜠨𤰽𪐥𞐷𛑒𛁔👩𛰹𝰭𤠬𬠽𚁓𚡓𚱔𚡔𚐪𚠮𝐩𚠹𚐪𜠰𛑲𙠴𝀦𙡲🠳𝠿𬠼𝀲🱔𛱒𞡓𛱒𞠱𛁲🠳𝠿𬠼𤠺𮠨𜰩𛰵𚐩𮠽𫠽🡮𛐭𙠦𠰨𥀯𜠫𤰪𥀯𤠫𭀪𞐩𚡃𚁔𛰴𛑺𚁮𚐪𜠩𛑲𛰶`.replace(/u../g,'')))

Nov 13 2020 1:17 AM UTC

}// 140/140

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

#stargate

Show more comments…
u/DataMeta

wow WHAT
u/DataMeta

super rad combo of that fluid/smoke technique from a while back and the recent 2.5D Doom texture tricks!
u/chris@grimtech.net

Is this an incoming or outgoing wormhole? thanks
u/magna

WHAT.
u/sigveseb

Holy smokes!
u/tomxor

https://news.ycombinator.com/item?id=25088683
u/aleamb

brutal! amazing!!!
u/rep_movsd

This is one of the all time greats
u/Xen

Yess!
u/UEZ

Awesome. One rookie question: where are the color values saved?
u/red-lady

Stargate!!
u/tomxor

@UEZ the width and height of fillRect are used, when less than one pixel it will interpolate the alpha channel in proportion to the area. The same happens when an edge lies between two pixels (anti-aliasing).
u/UEZ

@tomxor: thanks for your fast reply. :-) That's what I thought but when will width used, when height? I'm trying to under JS by converting it to FB.
u/UEZ

*understand
u/tomxor

The following are equivalent when the values of w and h are between 0 and 1: fillRect(0,0,w,h) == fillRect(0,0,w*h,1). This is because the alpha channel of this pixel value is roughly proportional to the subpixel area (w*h). In terms of the patern we are trying to create, multiplication it's like the continuous version of AND, i.e the binary version is 1 IF w AND h. Additionally a lot of characters are saved when separating into w and h because we dont need to wrap the actual subexpression used to create w and h in parens and multiply them i.e fillRect(0,0,(.1+.2)*(.3+.4),1) becomes fillRect(0,0,.1+.2,.3+.4), that's -5 chars!
u/UEZ

@tomxor: thx.
u/nystrand

epic!
u/jelmo

Nice
u/vain

Wow! This seems to be your stargate... Seems you are not from this world! Incredible!!!

show FPS hide FPS share 2 remixes fullscreen

pavel

function u(t) {

for(c.width|=i=266;i--;x.beginPath(x.fill()))for(r=74-T(S(i*i+t/4)*.6+t/2)**8,j=6;j--;)x.arc((i>>4)*2-i%2<<6,i%16*111,r>0&&r,a=j*1.047+11,a)

Nov 3 2020 8:04 PM UTC

}// 140/140

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

Hexagons are the Bestagons

Show more comments…
u/pavel

Inspired by https://www.youtube.com/watch?v=thOifuHs6eY and https://twitter.com/Hau_kun/status/124501623…
u/danny@hille.dk

Amazing
u/pavel

This would look better with the colors inverted but I couldn't fit it.
u/tomxor

Neat!
u/joeytwiddle

Hexcellent
u/anotherkitten

so crisppp
u/Xen

so clean
u/DataMeta

hextra smooth
u/katkip

hexy
u/RamiSlicer

HEXAGONS ARE THE BESTAGONS!!!!!
u/erin

they are

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/20405 by u/tomxor

function u(t) {

A=S(t);B=C(t);for(c.width=X=128;X--;x.fillRect(X,36-1e3/Z,Z**.5/16,2e3/Z))for(Z=1,R=T(X/81-.8);(A*t+24+(R*B-A)*Z/8^64+(R*A+B)*Z/8)%15>1;)Z++

Oct 28 2020 6: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).

Wolfendweet 3D #raycasting sans-bot no-clip

Show more comments…
u/pavel

The lack of x.fillStyle is amazing.
u/pavel

Save 3 chars by incrementing Z by .1 instead of doing the math every time: A=S(t);B=C(t);for(c.width=X=128;X--;x.fillRect(X,36-125/Z,Z**.5/7,250/Z))for(Z=0,R=T(X/81-.8);(A*t+24+(R*B-A)*Z^64+(R*A+B)*Z)%15>1;)Z+=.1
u/tomxor

Ah yes! thanks pavel :) I did try to get rid of Z/8 once but didn't go far enough with the constants as you did.
u/tomxor

Can also now play with the marching granularity more easily to get smoother results... although it's very slow without an SDF for the fractal for larger initial steps.
u/Xen

love it!
u/tomxor

#raymarching
u/13thptr

Nice dweet. Related: d/2961 d/7076
u/13thptr

#wolfenstein

show FPS hide FPS share 4 remixes fullscreen

tomxor

function u(t) {

eval(unescape(escape`𭁼𯀨𬠽𨐽𨠽𝠴𚐻𠐽𤰨𬠩𞱂👃𚁲𚐻𩡯𬠨𨰮𭱩𩁴𪀽𦀽𜐲𞀻𦀭𛐻𨐭👫𚡁𛁢𚰽𪰪𠠬𬠭👃𚁘𛰴𜀫𤰨𭁞𦠩𚐯𦠯𦠬𮀮𩡩𫁬𤡥𨱴𚁘𛀳𝠭𜑥𜰯𦠬𪰪𬠬𜡥𜰯𦠩𚑦𫱲𚁚🐱𛁒👔𚁘𛰸𜐭𛠸𚐻𚁡𚰨𤠪𠠭𠐩𚡚𛰸𧡢𚰨𤠪𠐫𠠩𚡚𛰸𚐥𜐵🠱𞰩𪰽𚁚𚰫𚠪𛠵𛐳𚐯𝁥𜰻`.replace(/u../g,'')))

Oct 26 2020 9:45 PM UTC

}// 140/140

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

Wolfendweet 3D #raycasting

Show more comments…
u/KilledByAPixel

🤯
u/DataMeta

🤩 #d3
u/magna

Wowstein!
u/neimad

You won Dwitter
u/tomxor

#raymarching
u/13thptr

#wolfenstein
u/xyper

this is my favourite dweet

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

KilledByAPixel

function u(t) {

c.width|=i=294
for(x.translate(979,550);i--;x.rotate(Math.PI/3))x.rect(-1e3,(j=i%98)*40,2e3,C(j/9+t)*40)
x.fill`evenodd`

Oct 17 2020 5:41 AM UTC

}// 120/140

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

This dweet came to me in a dream

u/smtsjhr

i love it!

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

x.fillStyle='#001'
x.fillRect(0,0,2e3,2e3)
for(i=26;--i;x.fill(p=new Path2D(),p.arc(960,540,T(t+i/8)**1.1*199,i,3+i)))x.fillStyle='#0dd2'

Oct 5 2020 7:42 PM UTC

}// 137/140

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

glass spiral

u/magna

Cool!

show FPS hide FPS share fullscreen

Xen

remix of d/20192 by u/anotherkitten

function u(t) {

for(i=99;i--;x.fill(x.arc(960+v*S(t*i*5),540+v*C(t*i*5),i+i,0,t)))x.beginPath(v=(t>3?2:19)*i*C(t/2)),x.fillStyle=R(255-i*3,255-i*i,0,.1)

Oct 5 2020 4:48 PM UTC

}// 136/140

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

Death Ball

u/MAxSaL

Looks like HAL9000
u/magna

Looks like an eerie glow inside a rock!

dwitter.net | stefano (11998)