Dweets awesomed by u/NiekvD

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

NiekvD

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪁼🐰𛁣𛡳𭁹𫁥𛡦𪑬𭁥𬠽𘡩𫡶𩑲𭀨𘠬𠰽𘡁𠡃𡁅𡡇𢁉𢡋𣁍𣡏𤁑𤡓𥁕𥡗𦁙𦠢𛁸𛡦𫱮𭀽𘠵𜁰𮀠𫑯𫡯𬱰𨑣𩐢𛁸𛡦𪑬𫁓𭁹𫁥🐢𘱦𜁦𘠬𪐽𜠰𞱩𛐭𞰩𩡯𬠨𪠽𝐰𞱪𛐭𞰩𮀮𩡩𫁬𥁥𮁴𚁃𦱍𨑴𪀮𩡬𫱯𬠨𜠶𚡍𨑴𪀮𬡡𫡤𫱭𚀩𚑝𛀷𝐪𪠬𝰵𚡩𚐻`.replace(/u../g,'')))

Dec 30 2022 9:22 PM UTC

}// 139/140

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

we live in the matrix

show FPS hide FPS share fullscreen

NiekvD

remix of d/26686 by u/NiekvD

function u(t) {

eval(unescape(escape`琿琺⡣⹢敦潲攨䐽摯捵浥湴⹣牥慴故汥浥湴⠢楮灵琢⤬䌽摯捵浥湴⹣牥慴故汥浥湴⠢楮灵琢⤩ⱄ⹴祰攽≲慮来∬䌮瑹灥㴢捨散止潸∩੩昨⅃⹣桥捫敤⥄⹶慬略㵓⡴⤪㔰⬵《瑨牯眠❜渧⹲数敡琨䐮癡汵支㔩`.replace(/u([^D].)/g,'$1%')))

Dec 29 2022 4:14 PM UTC

}// 140/140

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

test

u/NiekvD

click the checkbox to change the length yourself
u/4ce

for: u/NiekvD & everyone; How add interactive element ? and version d/26714 with 140 Symmbols: t?(r.checked?1:d=D.value=S(t)*50+50):document.body.innerHTML=`${h='<input type='}range id=D>${h}checkbox id=r>`;throw `~_^`+'\n'.repeat(d/5)
u/NiekvD

What do you mean with the last question?
u/4ce

For u/NiekvD : "What do you mean with the last question?" => you( u/NiekvD ) asked earlier in title on d/26697 => "If anyone knows how to add an input field please let me know" ; Another short syntax for add some inputs but for works with ≈"c.canvas" maybe better use insertAdjacentHTML P.S. if add document.write in my exampple maybe can save 8 symbol... GoodLuck⠀~_^⠀!

show FPS hide FPS share fullscreen

cantelope

function u(t) {

eval(unescape(escape`𩡯𬠨𮀮𩡩𫁬𤡥𨱴𚀰𛀰𛁷🐲𩐳𛁷𚐬𪐽𞀱𞱩𛐭𞰩𩡯𬠨𪠽𞐻𪠭𛐻𮀮𨱬𩑡𬡒𩑣𭀨𞐶𜀫𤰨𭀪𜠫𪠯𝠩𚠲𛱚𚠨𪀽𝐴𜀩𛁨𚱙𛱚𚡨𛁳🐹𞐯𦠯𦠬𬰩𚑙👓𚁰👍𨑴𪀮𨑴𨑮𜠨𦐽𪐥𞐯𝀭𜐬𦠽𚁩𛰹𯀰𚐯𝀭𜐩𚱓𚁴𚱪𛰳𜀩𚠴𚐪𚁤👍𨑴𪀮𪁹𬁯𭀨𦐬𦠩𚐬𦠽𠰨𬀩𚡤𛐳`.replace(/u../g,'')))

Dec 28 2022 9:33 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/vain

F*cking cool rubber/morphing cube. Never saw this kind of fx before. Fantastic!
u/cantelope

😂
u/NiekD

where do you get the inspiration for cool effects from
u/cantelope

dweets are sometimes harder to be ultra specific with a goal, due to the obvious constraints, but a big piece of my whole graphics repertoire is 3D math, sooo myself? haha not sure
u/tomxor

So true. More often it's just the gradual emergence of "what if"... then after a while it may or may not fit, or by the time you've played with it long enough something else tangentially related emerges. It's all part of the fun.
u/rep_movsd

Sometimes what you end up with is nothing like what you planned

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/21257 by u/Xen

function u(t) {

for(i=2e3,f=g=>(1+t)*i*g(i*i)*g(i/t)**.01;i--;x.fillRect(950+f(C),540-f(S),8/t,8/t))x.fillStyle=`hsl(${250+i/7},80%,${S(i/2333+t)*99}%,.2`

Dec 27 2022 8:08 PM UTC

}// 138/140

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

Color Explosion

u/magna

Sweet!

show FPS hide FPS share fullscreen

NiekvD

remix of d/26695 by u/NiekvD

function u(t) {

for(i=96,s=20;i--;)for(j=54;j--;)x.fillStyle=`hsl(${3.75*i},100%,${100-50*j/27}%)`,x.fillRect(i*s,j*s,s,s)

Dec 26 2022 1:34 PM UTC

}// 106/140

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

Hsl graph 106

show FPS hide FPS share fullscreen

NiekvD

remix of d/26697 by u/NiekvD

function u(t) {

eval(unescape(escape`景爨猽㈰ⱴ㽳㨨挮扥景牥⡄㵤潣畭敮琮捲敡瑥䕬敭敮琨≩湰畴∩⤬䐮癡汵攽≘㵙∩Ᵽ⹷楤瑨簽〬椽㤶㭩ⴭ㬩景爨樽㔴㭪ⴭ㬩堽椭㐸ⱙ㵪ⴲ㜬砮晩汬剥捴⡩⩳ⱪ⩳ⱳ⩥癡氨䐮癡汵攮牥灬慣攨∽∬∽㴢⤩ⱳ⤻`.replace(/u([^D].)/g,'$1%')))

Dec 26 2022 9:00 AM UTC

}// 140/140

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

graphing calculator with input

u/NiekvD

Some equations to try out: X*X/4 < Y+10 ||| X*X + Y*Y > 300. You can also use equations like this: X!=Y ||| X<Y ||| X>Y.
u/NiekvD

You can also use time in your equations like this: X*X + Y*Y + S(t)*200 > 200:
u/NiekvD

X/Y/S(t)

show FPS hide FPS share fullscreen

taupelink

remix of d/26510 by u/taupelink

function u(t) {

eval(unescape(escape`景爨椽㈵㘻椭ⴾ㤹㭸⹦楬氨⤩搽㐪⩴⽴ⱸ⹢敧楮偡瑨⡸⹦楬汓瑹汥㵒⡩⭩⩓⡺㵩⨪㌩Ⱪ⭩⩓⡴⤪䌨稩Ⱪ⭩⩃⡴⤪䌨稩ⰱ⽤⤩ⱸ孩☱㼧牥捴✺❡牣❝⡩⼶┹⨲㐰⭩⩃⡺⬽琩Ⱪ┷⨱㠰⭩⩓⡺⤬栽椯搬栬栭㘫琩`.replace(/u([^D].)/g,'$1%')))

Dec 25 2022 7:01 PM UTC

}// 140/140

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

d/26698

u/UEZ

#streamers

show FPS hide FPS share 1 remix fullscreen

NiekvD

remix of d/26695 by u/NiekvD

function u(t) {

s=20
for(i=96;i--;){
  for(j=54;j--;){
      a=i-48
      b=j-27
      if(eval(a*a+b*b<300))x.fillRect(i*s,j*s,s,s)
  }
}

Dec 25 2022 1:23 PM UTC

}// 121/140

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

graphing calculator. If anyone knows how to add an input field please let me know

u/KilledByAPixel

good start, check out d/15083
u/joeytwiddle

#circlechallenge

show FPS hide FPS share 2 remixes fullscreen

NiekvD

remix of d/26691 by u/NiekvD

function u(t) {

s=20
for(i=96;i--;){
  for(j=54;j--;){
    x.fillStyle=`hsl(${i*3.75},100%,${100-50*j/27}%)`
    x.fillRect(i*s,j*s,s,s)
  }
}

Dec 25 2022 8:25 AM UTC

}// 126/140

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

shorter hsl graph

show FPS hide FPS share 1 remix fullscreen

NiekvD

function u(t) {

for(i=96;i--;){
  for(j=54;j--;){
    x.fillStyle="hsl("+i*3.75+", 100%, "+(j*100/54-100)*-1+"%)"
    x.fillRect(i*20,j*20,20,20)
  }
}

Dec 24 2022 8:43 AM UTC

}// 135/140

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

hsl graph

Show more comments…
u/NiekvD

this is only a proof of concept, so please don't roast me for this bad code
u/danny@hille.dk

People of twitter are generally nice and well behaved, and roasting or trolling is not really in their DNA. Yuor code is fine bro, it's short - so no need to golf it. only thing I would do to up the readability is to use Template literals, in sted of concatinating the hsl string.
u/Xen

Welcome to dwitter, we all family here,, bad code is code that doesn't work, your next step is to challenge yourself to golf this down, have a look around a prod at others dweets.
u/KilledByAPixel

sorry i had to delete your test because it was abusing the console output and making it hard to scroll to other dweets or leave comments! you are welcome to post another one that only displays a portion of the result or displays it in the dweet window
u/NiekvD

ok
u/4ce

u/KilledByAPixel I'm not sure what: example with long console message really need was delete, maybe was better enable watch per click like in " h/nsfw " tag or make "arhiveLike" tab for something good but what for some reason not needed in main section ; Sometimes after delete: some info or some idea becomes lost... But today i just try recover d/26687 probbally has been throw c.parentElement.parentElement.innerHTML or throw c.parentElement.parentElement.outerHTML ~_^
u/cantelope

heh. i'd like to point out that hacking this platform was a big reason many of us remained interested to begin with. kudos for discovering the long throw bug \o/. i see this as an easter egg, not an abuse. @killedbyapixel, maybe instead of deleting the dweet, a bigger move would have been to patch the platform via a github PR. (full disclosure, I am a dwitter.net dev & admin)

dwitter.net | NiekvD (911)