riki/treehouse
riki/treehouse
1
Fork 0
Code Issues 14 Activity

doc layout based on a grid: wider images, and code block text aligned with body text

Browse source
This commit is contained in:
りき萌 2025-08-30 22:51:34 +02:00
parent 42e5676c80
commit 26204b6d03
2 changed files with 34 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
content/netcanv.dj
View file

@ -52,6 +52,7 @@ I've long since stepped down from maintaining it, but not much has been changed
You can [download a build from GitHub](https://github.com/netcanv/netcanv) to play around with it yourself.
It does almost nothing on the server side, so don't worry too hard about Slashdotting it.
{.wide}
![The NetCanv lobby screen. There's a dialogue asking you for information to join. It's set against a sky blue background with three stripes of red, green, and dark blue paint flowing out of the app's logo at the top of the screen.][pic:01K3TQY7EM0T5K49KW6RRGR2G0]
When you first open NetCanv, you're greeted with a start screen telling you to input your nickname, the server you'd like to join, and a Room ID.
@ -59,6 +60,7 @@ If you'd like to start a session with your friends, you have to _host_ a room, w
Once you're in a room, you can start drawing.
{.wide}
![A white canvas with "Hello world!" written on it, as well as some scribbles. On top of the canvas, there's a toolbar with a selection tool, a brush tool, and a colour picker tool. At the bottom, there's a toolbar with a colour palette, an eraser button, and a thickness slider. There's also a hamburger menu on the right.][pic:01K3TRAEMD5T2DKDFAJQ9XRWDA]
As for the drawing tools: there's a brush tool, a selection tool, a colour picker, an eraser, a fairly advanced colour palette, and that's it.
@ -130,6 +132,7 @@ I'll say that friendly competition between the two of us was the coolest, wildes
It was a fight to the death over who can win the most friends online in a room at once.
It was a matter of creating the best multiplayer painting app, and swaying our whole community over to it.
{.wide}
![MultiPixel running in the browser. There's a toolbar listing a bunch of tools on the left, including brushes, a flood fill, an airbrush, and smears. Next to that is a brush settings window, with a colour palette, and sliders for Size, Flow, and Smoothing. On the canvas there's a couple scribbles, including an at "@" and a tilde "~".][pic:01K3XBA43PZMKRC6VGJE0DYSB5]
Ultimately, I think MultiPixel won the battle.
@ -303,6 +306,7 @@ It _can't_ have that, because it is drawing things as they're being laid out.
That's the biggest limitation of immediate mode UI, and proved to be a big pain in the ass in reality.
Centering, or even laying things out from right to left, are very useful things to have in a UI framework, yet we couldn't have them due to how limited this model is.
{.wide}
![The NetCanv lobby screen, again.][pic:01K3TQY7EM0T5K49KW6RRGR2G0]
You might be wondering then, how is the dialogue centred in the lobby screen?
@ -532,6 +536,7 @@ I had plans to make NetCanv handle this by checksumming the chunks somehow and r
Another place where fearful concurrency strikes, is the selection tool.
{.wide}
![Me using the selection tool from another client. There's a NetCanv logo pasted onto the canvas, with a selection reticle over it indicating my nickname, with an arrow pointing at it saying "That's me in another window."][pic:01K3X35NN7HBCA0DC2C6FC9FKP]
When the user pastes a selection, NetCanv will resize it to fit 1024x1024 pixels to prevent DoS attacks, encode it as a PNG (asynchronously), send the encoded data over to other clients, and then those clients will decode the selection data (also asynchronously) and render out the selection reticle on their side.