New #paint dweets

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

hoge1e3

function u(t) {

if (t<1/60)c.addEventListener("mousemove",(e)=>
x.fillRect(e.x*3,e.y*3,5,5));

Nov 20 2024 5:01 AM UTC

}// 77/140

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

Use mouse to draw.

show FPS hide FPS share fullscreen

SockTaters

remix of d/32290 by u/SockTaters

function u(t) {

t?onmousemove=e=>(f=d=>(e.x>>d&3)*85,e.y<8?x.fillStyle=R(f(7),f(5),f(3)):0,e.buttons?x.fillRect(e.x&~7,e.y&~7,8,8):0):c.width=innerWidth

Aug 26 2024 3:15 PM UTC

}// 136/140

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

Paint by Palette (64 Colors!) #paint #draw #interactive

u/SockTaters

Click and drag across the top of the canvas to draw the palette. Once the palette is drawn, click any color to select it.
u/KilledByAPixel

thats a pretty cool way to select color!
u/SockTaters

*Hover over any color to select it. Also, thanks KilledByAPixel
u/cantelope

my thing i did https://i.ibb.co/h2zZsb8/pixel-art.jpg
u/cantelope

interestingly, the canvas drawable height may be taller than expected, which you will notice if you save the image ;)

show FPS hide FPS share 1 remix fullscreen

SockTaters

remix of d/11332 by u/metamero

function u(t) {

t?onmousemove=e=>(onkeydown=k=>(x.fillStyle=R((k.key&4)<<6,(k.key&2)<<7,(k.key&1)<<8)),x.fillRect(e.x&~7,e.y&~7,8,8)):c.width=innerWidth

Aug 24 2024 8:36 PM UTC

}// 136/140

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

Paint by Number Keys

u/SockTaters

Click in the window and use 0-7 to change colors.
u/SockTaters

0=black 1=blue 2=green 3=cyan 4=red 5=magenta 6=yellow 7=white
u/SockTaters

#paint #draw #interactive

show FPS hide FPS share fullscreen

DaSpider

remix of d/22582 by u/DaSpider

function u(t) {

for(i=31e3;!t&&i--;)document.write`<input type=checkbox style=font-size:1px;margin:-3; onmouseover=checked=event.buttons>`

Apr 3 2023 4:25 PM UTC

}// 122/140

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

Full-screen pixelated draw table

u/rodrigo.siqueira

It's a drawing machine! Instructions: click to draw, mouse over to undo. ✏️🎨🖼️
u/joeytwiddle

#interactive
u/SockTaters

#paint

show FPS hide FPS share fullscreen

junov

remix of d/26059 by u/junov

function u(t) {

t?x.stroke():s=c.width/innerWidth
c.onmousemove=e=>{x.moveTo(s*(e.x+(k=e.movementY)),s*(e.y-(l=e.movementX)))
x.lineTo(s*(e.x-k),s*(e.y+l))}

Aug 30 2022 2:53 AM UTC

}// 140/140

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

Ladder brush #interactive #paint #app. Hover over the canvas. Try moving fast and slow

show FPS hide FPS share 2 remixes fullscreen

junov

function u(t) {

eval(unescape(escape`琿砮晩汬却祬攽恨獬⠤筴絲慤ⰹ㤥ⰷ〥⥠㩳㵣⹷楤瑨⽩湮敲坩摴栊挮潮浯畳敭潶攽攽㹥⹢畴瑯湳☦砮慲挨猪攮砬猪攮礬㤹ⰰⰷ⤊砮晩汬⠩੸⹢敧楮偡瑨⠩੸⹤牡睉浡来⡣Ⱝ㤬ⴵⰱ㤳㠬㄰㤰⤠`.replace(/u([^D].)/g,'$1%')))

Aug 30 2022 1:48 AM UTC

}// 134/140

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

#psychedelic #interactive #paint #app Click on the canvas to drop paint

show FPS hide FPS share 1 remix fullscreen

DaSpider

remix of d/22514 by u/KilledByAPixel

function u(t) {

for(i=6e3;!t&&i--;)document.write`<input type=radio style=font-size:1px;margin:-3; onmouseover=checked=event.buttons>`

Apr 21 2021 5:05 PM UTC

}// 118/140

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

show FPS hide FPS share fullscreen

Pascal

function u(t) {

t?onmousemove=e=>x.fillRect(e.x-25,e.y-25,50,50):c.width=innerWidth,c.style.filter='blur(9px)contrast(99',x.fillStyle=`hsl(${99*t},80%,30%)`

Jan 7 2021 7:53 PM UTC

}// 140/140

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

move the #mouse to paint

u/erin

i love what i've incited. the renaissance of canvas filters. beautiful.
u/aleamb

#paint #interactive #blur

show FPS hide FPS share 3 remixes fullscreen

bandaloo

remix of d/19215 by u/bandaloo

function u(t) {

for(i=2e3;i--;x.fillStyle=`hsl(${i/9+99*C(t)},90%,${20*~~(1+S(i/20)+T(t+S(t+i/99)))}%`)x.fillRect(i,0,1,1);x.drawImage(c,0,1)

Jun 23 2020 1:06 AM UTC

}// 125/140

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

goo hills

u/Xen

love you style!!!
u/joeytwiddle

#paint
u/magna

Neat!

show FPS hide FPS share fullscreen

tomxor

function u(t) {

for(c.width=128,i=1e4;i--;x.fillRect(X=i&127,Y=i>>7,1,C(u[i]=(u[i]||0)+(T&&(K=16-Math.hypot(T.x/4-X,T.y/4-Y))>0?K/64:0))))onmousemove=e=>T=e

Jun 19 2020 3: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).

Spooky #paint O_o

dwitter.net | #paint