Dweets awesomed by u/jkulvich

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

Joachim

function u(t) {

for(i=z=c.width=300;i--;x.fillRect(140+a*i+C(t*9)*30,90+i*(S(t*9%3.1)/9+.3),i,i/z))a=T(z^z/i+t*4),x.fillStyle=R(b=a*z,S(b)*z,T(b)*z)

Apr 13 2022 9:23 AM UTC

}// 132/140

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

Infinite hopscotch

u/Odog8

Thats nuts
u/Joachim

This 3D-like technique is useful for making single-direction ground textures. This is roughly how it works: A rectangle with a height of ~1px is drawn for every row of pixels on the screen. The width of every rectangle depends on how far down it is (their index). The x position of every rectangle is defined by this bit of code: T(z^z/i+t*9). This is then multiplied by their index to achieve a 3D look, as everything gets bigger & faster near the bottom of the screen. Without the animation or colours, the entire thing can get as small as 64 char: for(i=z=c.width=300;i--;)x.fillRect(140+T(z^z/i+t*9)*i,90+i,i,1). Feel free to get it even smaller!
u/vain

@u/Joachim: Thanks a lot for the litte explanation and example. =)
u/Joachim

#d3 #perspective #mist #colors
u/lineburgb

for(i=z=c.width=300;i--;)x.fillRect(140+T(z^z/i+t*9)*i,90+i,i,1)

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/25319 by u/KilledByAPixel

function u(t) {

x.transform(s=1.005,0,0,s,w=.4,S(t)/9)
for(i=3;i--;x.fillRect(...i?q?[0,9,12,2]:[i-1?1:9,8+S(t%1*3)*9,w,w]:[q*5,q?6:41,q?2:9,1e3]))q=t%1<.01

Apr 12 2022 4:56 PM UTC

}// 140/140

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

Telephone Lines ☎️ Uncompressed

u/vain

Just wow!
u/tomxor

hah, awww, i was just about to try to uncompress it :P
u/KilledByAPixel

i had a feeling, beat you to it, still room for improvements and variations in this rendering style :)
u/tomxor

-9 i?q?[8,8,13,2]:[9*i,7+9*S(t%1*3),w,w]:[13,q?5:41,2,1e3]

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/23101 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󩭯󬬨󭼽󨼮󭽩󩍴󪌦󟝩󟜱󜌳󝬸󞽩󛜭󞽸󛭦󪝬󫍒󩝣󭌨󪜥󭼬󪜾󟬷󛌱󛝚󛽷󚭔󚽳󛍔󟜱󚜩󩭯󬬨󨜽󪜥󭼯󝬴󛜱󛍙󟝚󟝢󟜱󛝩󛼷󩜳󛍘󟝴󚬳󜌬󬼽󚍢󚽡󚭡󚜯󜼻󚼫󦬼󭼦󚌶󛝓󚍚󟬳󜬦󜜶󟍘󙝷󙬦󦌯󞍞󦬯󞌩󚬪󜜲󚬶󜌾󦝼󯍔󯌨󬼽󤼨󦌦󦜦󦬩󚬳󛽚󛍡󟝢󟜱󛍔󟝚󛽷󚜩󞽙󛜽󨬩󦌫󟝡`.replace(/u../g,'')))

Apr 9 2022 7:21 PM UTC

}// 140/140

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

City Blocks 🌇

Show more comments…
u/taupelink

wow!!!
u/magna

Dude.
u/GreyHope

Awesome!
u/Joachim

Outstanding! #city #perspective #shadows #shadows #d3
u/jdspugh

Wow
u/vain

oh my god.... just incredible 3d city!
u/rep_movsd

#underrated Amazing
u/DaSpider

Next level
u/jellyedwards

Unbelievable!
u/aleamb

WTF!... fucking superb!
u/KilledByAPixel

thanks everyone! I put a lot of work and a little magic into this one. :)
u/vain

Good luck with your 256 byte compo entry @ revision. :) (saw it in livestream)
u/johntellsall

.....? Jaw dropped!!
u/UEZ

Hi KilledByAPixel, I saw your contribution on revision :-)
u/KilledByAPixel

thank you, the revision entry is a standalone 256 byte html file that is similar to this.
u/cantelope

insane
u/KilledByAPixel

webgl version https://www.shadertoy.com/view/7dccRj
u/DazeWare

Crazy
u/SophiaCristina

Truly amazing! Hey, wasn't that posted on Pouet? Or was one alike?
u/KilledByAPixel

thank you, pouet link: https://www.pouet.net/prod.php?which=91532

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

remix of d/25158 by u/KilledByAPixel

function u(t) {

for(w=c.width&=i=10368;i--;x.fillRect(i%w,Y=i/w|0,1,u[i]=!!(X/35-3|Y/7-5|X&4?t&2**(u[i+w]+2*u[i-w]+4*u[i+1]+8*u[i-1]):1)))X=i%w+S(t)*25+44

Apr 2 2022 9:37 PM UTC

}// 138/140

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

Defautomaton #default #automata

u/magna

AWESOME!
u/magna

#glitch as well
u/vain

very cool #glitches
u/tomxor

Very good combo idea

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/19786 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󩭯󬬨󭌪󟜶󜌬󪜽󜼲󞽩󛜭󞽓󚍘󚬸󚼸󚜫󤼨󛝘󚬸󚜩󮌮󩭩󫍬󤽴󮝬󩜽󥌨󥌨󦌽󪜥󝌬󦜽󪜾󟬲󚜾󜼲󟽓󟝭󟜾󮌮󩭩󫍬󤭥󨽴󚌴󜌫󭌥󜬶󚬷󜼫󫜬󞌫󦜪󞌫󚍴󛼲󝭼󜌩󚬷󝼬󨜽󞌬󨜬󜌩󞭃󟝒󚍔󚌩󛍔󚌩󛍔󚌩󚜩󛼱󜬾󦌪󦌫󚍙󛜳󛬵󚜪󚬲󟽃󞭒󚍔󟝥󟜾󣝡󭍨󛭲󨝮󩍯󫜨󚜪󜬵󝬩`.replace(/u../g,'')))

Mar 30 2022 4:17 PM UTC

}// 137/140

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

8x8 Sprite Generator

u/magna

Awesome!
u/tomxor

We can never have enough of em :D

show FPS hide FPS share 4 remixes fullscreen

New_Core

function u(t) {

e=-.8
m=.153
for(X=2e3;X--;){a=X/600-1.6,b=t*.1-1,i=0
do{d=a*a-b*b+e,b=2*a*b+m,a=d,i++}
while(i<255&&(a*a+b*b<4))
x.fillRect(X,t*60,1/i,i)
}

Mar 28 2022 4:08 PM UTC

}// 140/140

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

in the "while".. set the number 4 to 1 to see the footprint of a julia... =)

Show more comments…
u/New_Core

the org julia code wasnt done by me, I just shorten and messed it up a bit ;)
u/andrea270872

Love the smudge effect!
u/magna

Looks like embroidery!
u/magna

#3d
u/Xen

wild!
u/danny@hille.dk

Cool!
u/vain

beyond incredible! I really love the way, how the image is drawn!
u/sigveseb

The smudge effect!
u/joeytwiddle

#julia #fractal with sort of #d3 #lighting
u/SophiaCristina

<3 <3 <3

show FPS hide FPS share 3 remixes fullscreen

KilledByAPixel

remix of d/24776 by u/KilledByAPixel

function u(t) {

t?c.width=T=240:d=Date.now(F=F=>!!u[i+F])
for(i=32400;i--;x.fillRect(i%T,i/T|0,1,!a))a=u[i]=(d-i/4e4+t)&2**(8*F(-T)+4*F(T)+2*F(-1)+F(1))

Mar 21 2022 4:56 PM UTC

}// 136/140

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

2D Automata Demo (FLASH WARNING) - different every refresh with incremental rule sweeping

u/rep_movsd

Nice!
u/Darkskynet

I really like this, thanks for sharing :D

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

r=Math.random(k=2e3)
for(Y+=D-=r<.1?r*8-.4:Y/1e4;j=k--/99;x.fillRect(t*60+j*C(a=t*C(i/5+S(i*t/49)/5)*9),i*40+Y-2e3+j*S(a),1,1))i=k%99}{Y=D=0

Mar 9 2022 3:20 PM UTC

}// 140/140

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

Cloud Atlas Demake - Inspired by Jinyao Lin https://www.fxhash.xyz/generative/slug/cloud… #fxhash

u/Xen

Niice
u/magna

So pretty!
u/magna

#texture #waitforit

show FPS hide FPS share 1 remix fullscreen

Joachim

function u(t) {

eval(unescape(escape`󨼮󭽩󩍴󪌽󮬽󜼰󜌊󩭯󬬨󪜽󜌻󪜼󮬻󪜫󚼩󮌮󩭩󫍬󤽴󮝬󩜽󤬨󬬽󝽥󜼯󪜬󬬬󬬩󛍸󦽦󟜧󩭩󫍬󤭥󨽴󙽝󚍡󟜱󝜰󛝓󚍴󚼳󜌯󪜩󛽩󚬳󩜳󛝩󛼲󛍢󟜹󞜫󪜯󜼬󪜬󜜩󛌨󛝴󚬱󩜳󛝲󚬴󚜥󜜵󜌼󛜶󜌦󙬨󮌮󨽬󩝡󬭒󩝣󭌨󨜫󪜯󜬬󨬬󪜯󞜬󜜩󛍸󦽦󧜨󨜫󚍩󙜲󟽩󚬲󞬭󪜪󜬩󛍢󛍩󛌭󪜩󚜻`.replace(/u../g,'')))

Feb 22 2022 11:22 AM UTC

}// 140/140

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

Road Version 7

Show more comments…
u/rep_movsd

#underrated
u/aleamb

fucking awesome!
u/vain

street with 3d buildings and fog fx... just fucking awesome!
u/tomxor

Classic #road
u/joeytwiddle

Good look! But the fog makes me want to slow down.
u/Joachim

#mist #street #d3 #perspective

show FPS hide FPS share fullscreen

TGY

remix of d/24175 by u/TGY

function u(t) {

eval(unescape(escape`睩瑨⡸⥢敧楮偡瑨⡦楬氨琼㤿慲挨㜰〫䌨琯㈩⨨猽㐹〩ⱳ⭓⡴⤪猬㈰⩴ⰰⰷ⤺牥捴⡳ⱳⱳⱳⱦ楬汓瑹汥㵒⠩⤩ⱦ楬汓瑹汥㵠桳氨⑻䌨琯㤩⨱㠰紬㤹┬⑻琼㤿㘺㥽㤥怬景湴㴧㝣洠✫晩汬呥硴⠧坓✬猬㜰〩⤠`.replace(/u([^D].)/g,'$1%')))

Jan 17 2022 2:05 PM UTC

}// 140/140

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

#webstorm

dwitter.net | jkulvich (852)