Skip to content

Commit

Permalink
*
Browse files Browse the repository at this point in the history
  • Loading branch information
@rekkabell
rekkabell committed Dec 10, 2024
1 parent 0c6e67d commit c135785
Show file tree
Hide file tree
Showing 20 changed files with 139 additions and 164 deletions.
2 changes: 1 addition & 1 deletion links/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -87,7 +87,7 @@ main > table.col tr > *:first-child { padding-left: 0px }
main > table.col b { font-weight: bold }

main img.detail { max-width: 64px; float: left;border: 1px solid #777;padding: 20px;margin: 0px 20px 20px 0px;border-radius: 3px; }
main .shortcut {display: inline-block; margin-right:10px; }
main .shortcut {display: inline-block; margin-right:3px; }
main dt, kbd { background: #000; display: inline-block; padding: 2px 5px; margin: 0px; color: white; font-size: 12px; line-height: 16px; border-radius: 2px; font-weight: bold }
main .shortcut-list dd { display: inline; line-height: 25px; margin-left: 10px; margin-right: 0px; }

Expand Down
5 changes: 0 additions & 5 deletions site/adelie.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,6 @@ <h1>adelie</h1><h2>A slideshow program</h2>
<li><a href='#wait'>Wait</a></li>
<li><a href='#rect'>Rect</a></li>
<li><a href='#example'>Example project</a></li>
<li><a href='#story'>Story</a></li>
</ul>

<h2><a id='setup'>Getting Started</a></h2>
Expand Down Expand Up @@ -433,10 +432,6 @@ <h2><a id='example'>Example file</a></h2>
WAIT 08
</pre>

<h2><a id='story'>Story</a></h2>

<p>We produced Adelie for our <a href='https://media.libreplanet.org/u/libreplanet/m/software-doldrums/' target='_blank' class='external'>Libre Planet Keynote talk</a> in March 2022. We used it again for our <a href='https://nime2022.org/' target='_blank' class='external'>Nime 2022 Keynote talk</a>.</p>

<h2 id='license'><a href='license.html'>license</a></h2><p>The license applies to all the documented projects, the projects themselves and their assets. The source code of this website and our apps are under the <a href='https://github.com/hundredrabbits/100r.co/blob/main/LICENSE' target='_blank'>MIT License</a>, but the assets and text content of this website and of our apps are under the <a href='https://github.com/hundredrabbits/100r.co/blob/main/LICENSE.by-nc-sa-4.0.md' target='_blank'>BY-NC-SA4.0 License</a>. We are happy to pass knowledge, and that others can learn from our projects, improve on them, or make them into something else that is useful.</p><p>DO NOT resell or mint our work, doing so is very lazy, and disrespectful to us.</p>

<p>You can find our more recent projects on <a href='https://git.sr.ht/~rabbits/' target='_blank'>Sourcehut</a>.</p>
Expand Down
2 changes: 1 addition & 1 deletion site/busy_doing_nothing.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -55,7 +55,7 @@ <h2 id='ebook'>Paperback release</h2>

<a class='button' href='https://www.lulu.com/en/us/shop/rekka-bellum-and-devine-lu-linvega/busy-doing-nothing/paperback/product-rqgmdj.html?page=1&pageSize=4'>Buy Busy Doing Nothing paperback</a>

<p>As of April 20th 2024, we have sold <b>457 copies</b> of the paperback book, and <b>947 copies</b> of the digital version, for a grand total of 1404 copies. Thank you all so much :)... we are so very grateful, especially considering it is self-published and that we chose not to distribute through big online stores like Amazon.</p>
<p>As of December 10th 2024, we have sold <b>521 copies</b> of the paperback book, and <b>1,014 copies</b> of the digital version, for a grand total of 1535 copies. Thank you all so much. We are so grateful, especially considering it was self-published and that we chose not to distribute through big online stores like Amazon.</p>

<img src='../media/content/projects/busy_doing_nothing_paperback2.jpg' alt='A paperback book is opened to a page featuring an illustration of cartoon character waiting for wind' title='A look inside the book' loading='lazy' />

Expand Down
105 changes: 46 additions & 59 deletions site/dotgrid.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,6 @@ <h1>dotgrid</h1>
<ul class='jump'>
<li><a href='#introduction'>introduction</a></li>
<li><a href='#dotbit'>dotbit</a></li>
<li><a href='#story'>story</a></li>
<li><a href='#distributions'>Distributions</a></li>
<li><a href='#tutorial'>tutorial</a></li>
<li><a href='#line'>line</a></li>
Expand Down Expand Up @@ -78,19 +77,6 @@ <h2 id='introduction'>introduction</h2>

<a class='button' href='https://hundredrabbits.itch.io/dotgrid/purchase?popup=1'>Download Dotgrid</a>

<h2 id='story'><a href='story.html'>story</a></h2><p>Back in 2016, when first operating on a sailboat, we experienced frequent failures with both software & hardware, largely due to our small <a href='energy.html' class='local'>energy</a> storage and lack of reliable connectivity. The solution was to create tools that would be better suited to the limits of our new situation. The objective was to replace the bloated subscription software that we were using to do creative work, such as Photoshop, Xcode and Ableton. We were somewhat familiar with web technologies, so we decided to build our programs on this new up and coming framework called Electron.</p>

<p>While solving some of our issues, Electron was rapidly increasing in size and hunger, so despite it being open-source soon joined the rest of the software that we did away with. Our focus shifted toward reducing our energy use, and to ensure reliability we began removing dependencies.</p>

<p>To transition toward our new goals, we developed offline web versions as temporary stand-ins while researching ways to build more resilient software. We eventually ported our tools to C, but while we had achieved ideal energy usage, portability was still an issue for graphical applications, so we kept looking. We learned <a href='6502_assembly.html' class='local'>6502 Assembly</a>, seeing players run our games as NES roms on all these different platforms gave us an idea.</p>

<p>In 2021, we began designing a small virtual machine with a <a href='https://wiki.xxiivv.com/site/devlog' target='_blank'>focus on implementability</a>; meaning that moving forward, the applications themselves would no longer need to be ported. Instead, to make any one program available on a new platform, the emulator would be the only code needing to be modified, which is explicitly designed to be easily implemented.</p>

<p>This is where we are now. <a href='uxn.html' class='local'>Uxn</a> might solve our cross-platform issues, while being quite light and energy efficient. We hope that one day the Uxn versions of our software replace the desktop and web versions &mdash; But, we'll have to see about that [16.05.21].</p>

<q>Let's try to go slow, and fix things.</q>


<h2 id='tutorial'>tutorial</h2>
<p>Upon opening the application, you are presented with a dotted grid, which can be made bigger, or smaller, by resizing the window. A list of tools, represented as icons, sits on the bottom of the window.</p>
<p>Clicking anywhere on the grid will add a white dot to the grid, and by adding additional dots to the grid, notice how the available tool icons become lighter, that means you have enough points to use them, their icon will darken again when you don't.</p>
Expand All @@ -106,7 +92,7 @@ <h2 id='line'>line</h2>
<img src='../media/content/projects/dotgrid.arc.jpg' style='float:left;' loading='lazy' class='medium'/>
<h2 id='arcs'>arcs</h2>
<p>Press backspace to clear your last segment, and draw another two sets of points, but this time, click on <b>Arc</b>. This will connect your two points with a curve.</p>
<p>If you undo your last move with <b>⌘ z</b>, connect your two points again by pressing <b>Arc Reverse</b>(the inverse curve icon). This creates an inverted curve.</p>
<p>If you undo your last move with <kbd class='shortcut'>⌘ + z</kbd>, connect your two points again by pressing <b>Arc Reverse</b>(the inverse curve icon). This creates an inverted curve.</p>

<hr />

Expand Down Expand Up @@ -137,20 +123,20 @@ <h2 id='line_join'>line join</h2>
<h2 id='line_thickness'>line thickness</h2>
<p>You can increase or decrease the thickness of your line anytime, using <b>Line Thickness</b> (the line with rectangle over it). The shortcuts to alter the line thickness are:</p>
<ul>
<li>Thicker <b></b></li>
<li>Thinner <b></b></li>
<li>Thicker +5 <b>]</b></li>
<li>Thinner -5 <b>[</b></li>
<li>Thicker <kbd class='shortcut'>&#125;</kbd></li>
<li>Thinner <kbd class='shortcut'>&#123;</kbd></li>
<li>Thicker +5 <kbd class='shortcut'>]</kbd></li>
<li>Thinner -5 <kbd class='shortcut'>[</kbd></li>
</ul>

<h2 id='mirror'>mirror</h2>
<p>Drawing a shape, and select <b>Mirror</b> (the icon with 4 lines that aren't crossing), will mirror the image horizontally on the canvas. Pressing on it again, will mirror it vertically, doing it again, mirrors it 180 degrees from the center.</p>
<p>Drawing a shape, and select <b>Mirror</b> (the icon with 4 lines that aren't crossing), will mirror the image horizontally on the canvas. Pressing on it again, will mirror it vertically, doing it again, mirrors it 180° from the center.</p>
<p>You can tell which sort of mirroring you've got, by seeing the changes in the icon on the menu. To remove the effect, click on the icon until it returns to its original state, with the lines not crossing.</p>

<img src='../media/content/projects/dotgrid.fill.jpg' loading='lazy' style='float:left;' class='medium'/><h2 id='fill'>fill</h2>
<p>Drawing a closed shape, and selecting <b>Fill</b> (icon resembling a twisted rectangle) will fill it with a single colour.</p>
<p>Pressing on the icon again, will remove the fill.</p>
<p>Know that if you have other closed shapes on your canvas, this function will fill them all. The shortcut to use it is <b>R</b>.</p>
<p>Know that if you have other closed shapes on your canvas, this function will fill them all. The shortcut to use it is <kbd class='shortcut'>r</kbd>.</p>

<hr />

Expand All @@ -163,13 +149,13 @@ <h2 id='color'>color</h2>
<hr />

<h2 id='other_functions'>other functions</h2>
<p><b>Move points</b> - You can move any point, any time, by selecting it with your cursor and moving it around. If you choose to move a point that is part of an existing shape, it will warp the shape.</p>
<p><b>Grid on/off</b> - You can toggle the grid, on and off, to better view a design using the shortcut <b>H</b>.</p>
<p><b>Move points</b>. You can move any point, any time, by selecting it with your cursor and moving it around. If you choose to move a point that is part of an existing shape, it will warp the shape.</p>
<p><b>Grid on/off</b>. You can toggle the grid, on and off, to better view a design using the shortcut <kbd class='shortcut'>h</kbd>.</p>
<p><b>Layers</b> - You can toggle between each layer by using the shortcuts:</p>
<ul>
<li><b>⌘ 1</b> for Layer 1</li>
<li><b>⌘ 2</b> for Layer 2</li>
<li><b>⌘ 3</b> for Layer 3</li>
<li><kbd class='shortcut'>⌘ 1</kbd> for Layer 1</li>
<li><kbd class='shortcut'>⌘ 2</kbd> for Layer 2</li>
<li><kbd class='shortcut'>⌘ 3</kbd> for Layer 3</li>
</ul>
<p>Dots will appear over the shapes of the layer that is selected. Having multiple layers, enables you to have designs of varying colour and complexity.</p>

Expand All @@ -187,51 +173,52 @@ <h2 id='visual'>visual</h2>
<h2 id='shortcut_quick_list'>shortcut quick list</h2>
<p>Stroke types</p>
<ul>
<li>Line <b>A</b></li>
<li>Arc <b>S</b></li>
<li>Arc Rev <b>D</b></li>
<li>Bezier <b>F</b></li>
<li>Close <b>Z</b></li>
<li><kbd class='shortcut'>a</kbd>Line</li>
<li><kbd class='shortcut'>s</kbd>Arc</li>
<li><kbd class='shortcut'>d</kbd>Arc Rev</li>
<li><kbd class='shortcut'>f</kbd>Bezier</li>
<li><kbd class='shortcut'>z</kbd>Close</li>
</ul>
<p>Stroke effects</p>
<ul>
<li>Line cap <b>Q</b></li>
<li>Line join <b>W</b></li>
<li>Mirror <b>E</b></li>
<li>Fill <b>R</b></li>
<li>Thicker <b>&#125;</b></li>
<li>Thinner <b>&#123;</b></li>
<li>Thicker +5 <b>]</b></li>
<li>Thinner -5 <b>[</b></li>
<li><kbd class='shortcut'>q</kbd>Line cap</li>
<li><kbd class='shortcut'>w</kbd>Line join</li>
<li><kbd class='shortcut'>e</kbd>Mirror</li>
<li><kbd class='shortcut'>r</kbd>Fill</li>
<li><kbd class='shortcut'>&#125;</kbd>Thicker</li>
<li><kbd class='shortcut'>&#123;</kbd>Thinner</li>
<li><kbd class='shortcut'>]</kbd>Thicker +5</li>
<li><kbd class='shortcut'>[</kbd>Thinner -5</li>
</ul>
<p>Dotgrid can be operated with the keyboard</p>
<ul>
<li>Add point <b>enter key</b></li>
<li>Move up <b>up arrow key</b></li>
<li>Move down <b>down arrow key</b></li>
<li>Move right <b>right arrow ley</b></li>
<li>Move left <b>left arrow key</b></li>
<li>Remove point <b>shift + backspace</b></li>
<li>Remove segment <b>backspace</b></li>
<li><kbd class='shortcut'>enter</kbd>Add point</li>
<li><kbd class='shortcut'>↑</kbd>Move up</li>
<li><kbd class='shortcut'>↓</kbd>Move down</li>
<li><kbd class='shortcut'>→</kbd>Move right</li>
<li><kbd class='shortcut'>←</kbd>Move left</li>
<li><kbd class='shortcut'>shift + backspace</kbd>Remove point</li>
<li><kbd class='shortcut'>backspace</kbd>Remove segment</li>
</ul>

<p>Toggling between layers</p>
<ul>
<li>Foreground <b>⌘ 1</b></li>
<li>Middle <b>⌘ 2</b></li>
<li>Background <b>⌘ 3</b></li>
<li><kbd class='shortcut'>⌘ + 1</kbd>Foreground</li>
<li><kbd class='shortcut'>⌘ + 2</kbd>Middle</li>
<li><kbd class='shortcut'>⌘ + 3</kbd>Background</li>
</ul>
<p>Other</p>
<ul>
<li>Color picker <b>G</b></li>
<li>Toggle grid on/off <b>H</b></li>
<li>Save <b>⌘ S</b></li>
<li>Export Vector <b>⌘ E</b></li>
<li>Export Image <b>⌘ shift E</b></li>
<li>Revert <b>⌘ + W</b></li>
<li>New <b>⌘ N</b></li>
<li>Open <b>⌘ O</b></li>
<li>Undo <b>⌘ Z</b></li>
<li>Redo <b>⌘ shift Z</b></li>
<li><kbd class='shortcut'>g</kbd>Color picker</li>
<li><kbd class='shortcut'>h</kbd>Toggle grid on/off</li>
<li><kbd class='shortcut'>⌘ + s</kbd>Save</li>
<li><kbd class='shortcut'>⌘ + e</kbd>Export Vector</li>
<li><kbd class='shortcut'>⌘ + shift + e</kbd>Export Image</li>
<li><kbd class='shortcut'>⌘ + w</kbd>Revert</li>
<li><kbd class='shortcut'>⌘ + n</kbd>New</li>
<li><kbd class='shortcut'>⌘ + o</kbd>Open</li>
<li><kbd class='shortcut'>⌘ + z</kbd>Undo</li>
<li><kbd class='shortcut'>⌘ + shift + z</kbd>Redo</li>
</ul>

<h2 id='license'><a href='license.html'>license</a></h2><p>The license applies to all the documented projects, the projects themselves and their assets. The source code of this website and our apps are under the <a href='https://github.com/hundredrabbits/100r.co/blob/main/LICENSE' target='_blank'>MIT License</a>, but the assets and text content of this website and of our apps are under the <a href='https://github.com/hundredrabbits/100r.co/blob/main/LICENSE.by-nc-sa-4.0.md' target='_blank'>BY-NC-SA4.0 License</a>. We are happy to pass knowledge, and that others can learn from our projects, improve on them, or make them into something else that is useful.</p><p>DO NOT resell or mint our work, doing so is very lazy, and disrespectful to us.</p>
Expand Down
6 changes: 2 additions & 4 deletions site/left.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -57,17 +57,15 @@ <h1>left</h1>
<li><a href='#linebreak'>Line break</a></li>
</ul>

<img src='../media/content/projects/left_01.jpg' title='uxn version of left' loading='lazy' />
<img src='../media/content/stream/2024_leftfont.jpg' title='uxn version of left' loading='lazy' />

<img src='../media/content/characters/left.idle.png' loading='lazy' class='medium' style="float:left;" />

<p>Left is graphical plain-text editor written in <a href='https://wiki.xxiivv.com/site/uxntal.html' target='_blank'>Uxntal</a>. Left doesn't do much, but packs many useful features in a tiny 13kb rom.</p>

<p>It supports Uxntal syntax highlight, proportional text, inline images and the snarf buffer. The alt key is used as a LEAP key to navigate the body of the text. This version is updated regularly.</p>

<p>To view the documentation for the former version of Left, see <a href='left_electron.html' class='local'>left electron</a>.</p>

<p>Both the Uxn and Electron versions are available on itch.io.</p>
<p>To view the documentation for the former version of Left, see <a href='left_electron.html' class='local'>left electron</a>. Both the Uxn and Electron versions are available on itch.io.</p>

<a class='button' href='https://hundredrabbits.itch.io/left/purchase?popup=1'>Download Left</a>

Expand Down
4 changes: 2 additions & 2 deletions site/nasu.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -245,7 +245,7 @@ <h3><a id='selecttool'>Select tool</a></h3>

<p>This tool can set focus on a specific tile. Choosing a tile with the select tool changes the information in the blend view, pre view, zoom view and data view.</p>

<p>With the select tool, it is possible to copy and paste entire sprites from one place to the other, or from one Nasu instance to another. To do this, select a sprite that spans multiple tiles and press <kbd class="shortcut">ctrl + c. Navigate to the desired spot on the canvas, with your cursor select the tile width of your sprite and then press <kbd class="shortcut">ctrl + v. Your sprite will be pasted on the canvas as is. It is also possible to paste the sprite already pre-broken down on a line, to do this, while on the canvas make a horizontal selection exceeding the number of tiles that make up the sprite, and press <kbd class="shortcut">ctrl + v.</p>
<p>With the select tool, it is possible to copy and paste entire sprites from one place to the other, or from one Nasu instance to another. To do this, select a sprite that spans multiple tiles and press <kbd class="shortcut">ctrl + c</kbd>. Navigate to the desired spot on the canvas, with your cursor select the tile width of your sprite and then press <kbd class="shortcut">ctrl + v</kbd>. Your sprite will be pasted on the canvas as is. It is also possible to paste the sprite already pre-broken down on a line, to do this, while on the canvas make a horizontal selection exceeding the number of tiles that make up the sprite, and press <kbd class="shortcut">ctrl + v</kbd>.</p>

<hr />

Expand All @@ -261,7 +261,7 @@ <h3><a id='zoomtool'>Zoom tool</a></h3>

<hr />

<img src='../media/content/projects/nasu.turnip.png' title='Hello, I am the baby form of Nasubit' alt='De-evolved Nasubit' style='width: 185px;margin: 0px auto; margin-bottom: 0px;display: block;margin-bottom: 30px;'/>
<img src='../media/interface/nasu.turnip.png' title='Hello, I am the baby form of Nasubit' alt='De-evolved Nasubit' style='width: 185px;margin: 0px auto; margin-bottom: 0px;display: block;margin-bottom: 30px;'/>



Expand Down
4 changes: 2 additions & 2 deletions site/nasu_guide.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -236,7 +236,7 @@ <h3><a id='selecttool'>Select tool</a></h3>

<p>This tool can set focus on a specific tile. Choosing a tile with the select tool changes the information in the blend view, pre view, zoom view and data view.</p>

<p>With the select tool, it is possible to copy and paste entire sprites from one place to the other, or from one Nasu instance to another. To do this, select a sprite that spans multiple tiles and press <kbd class="shortcut">ctrl + c. Navigate to the desired spot on the canvas, with your cursor select the tile width of your sprite and then press <kbd class="shortcut">ctrl + v. Your sprite will be pasted on the canvas as is. It is also possible to paste the sprite already pre-broken down on a line, to do this, while on the canvas make a horizontal selection exceeding the number of tiles that make up the sprite, and press <kbd class="shortcut">ctrl + v.</p>
<p>With the select tool, it is possible to copy and paste entire sprites from one place to the other, or from one Nasu instance to another. To do this, select a sprite that spans multiple tiles and press <kbd class="shortcut">ctrl + c</kbd>. Navigate to the desired spot on the canvas, with your cursor select the tile width of your sprite and then press <kbd class="shortcut">ctrl + v</kbd>. Your sprite will be pasted on the canvas as is. It is also possible to paste the sprite already pre-broken down on a line, to do this, while on the canvas make a horizontal selection exceeding the number of tiles that make up the sprite, and press <kbd class="shortcut">ctrl + v</kbd>.</p>

<hr />

Expand All @@ -252,7 +252,7 @@ <h3><a id='zoomtool'>Zoom tool</a></h3>

<hr />

<img src='../media/content/projects/nasu.turnip.png' title='Hello, I am the baby form of Nasubit' alt='De-evolved Nasubit' style='width: 185px;margin: 0px auto; margin-bottom: 0px;display: block;margin-bottom: 30px;'/>
<img src='../media/interface/nasu.turnip.png' title='Hello, I am the baby form of Nasubit' alt='De-evolved Nasubit' style='width: 185px;margin: 0px auto; margin-bottom: 0px;display: block;margin-bottom: 30px;'/>



Expand Down
Loading

0 comments on commit c135785

Please sign in to comment.