Updating README, MANUAL, and showcase images for v0.2.0

Author: ErrorAtLine0

README.md

@@ -17,16 +17,18 @@
 
 ## InfiniPaint
 
-InfiniPaint is a **collaborative, infinite** canvas note-taking/drawing app. Unlike many other infinite canvas apps, although there is a specific zoom-in level limit, there is **no zoom-out limit** (at least up until the point your computer runs out of memory). This means that this app is very good at things such as drawing sketches of the solar system to scale, or just drawing any massive objects with tiny details. Of course, even though this is a feature, this app is also perfectly well suited for use as a normal canvas.
+InfiniPaint is a **collaborative, infinite** canvas note-taking/drawing app. Unlike many other infinite canvas apps, **there is no zoom-in or zoom-out limit** (at least up until the point your computer runs out of memory). This means that this app is very good at things such as drawing sketches of the solar system to scale, or just drawing any massive objects with tiny details. Of course, even though this is a feature, this app is also perfectly well suited for use as a normal canvas.
 
 You can try the web version of this app at [infinipaint.com](https://infinipaint.com) (requires a WebGL2 capable browser). The web version was compiled from C++ to Javascript using Emscripten, and may contain some bugs, so if possible, please consider downloading the native version for a better experience.
 
 This app was inspired by [Lorien](https://github.com/mbrlabs/Lorien), another great infinite canvas program.
 
 ## Screenshots/GIFs
 
+<img alt="Zoom Forever Showcase" src="https://github.com/ErrorAtLine0/infinipaint/blob/main/docs/showcase/zoomforever.png?raw=true" width="100%"/>
 <img alt="Sketches Showcase" src="https://github.com/ErrorAtLine0/infinipaint/blob/main/docs/showcase/sketches.png?raw=true" width="100%"/>
 <img alt="Online Collaboration Showcase" src="https://github.com/ErrorAtLine0/infinipaint/blob/main/docs/showcase/tictactoe.png?raw=true" width="100%"/>
+<img alt="Images Showcase" src="https://github.com/ErrorAtLine0/infinipaint/blob/main/docs/showcase/images.png?raw=true" width="100%"/>
 <img alt="Right Click Menu Showcase" src="https://github.com/ErrorAtLine0/infinipaint/blob/main/docs/showcase/rotate.png?raw=true" width="100%"/>
 <img alt="Zoom Showcase" src="https://github.com/ErrorAtLine0/infinipaint/blob/main/docs/showcase/zoom.gif?raw=true" width="100%"/>
 <img alt="Bookmark Showcase" src="https://github.com/ErrorAtLine0/infinipaint/blob/main/docs/showcase/bookmarkslideshow.gif?raw=true" width="100%"/>
@@ -46,14 +48,16 @@ This app was inspired by [Lorien](https://github.com/mbrlabs/Lorien), another gr
 	- Rotate the canvas
 - Place bookmarks on the canvas to jump to later
 - Undo/Redo
-- PNG, JPG, WEBP export of specific parts of the canvas at any resolution (Screenshot Tool)
+- PNG, JPG, WEBP export of specific parts of the canvas at any resolution (Screenshot)
+- SVG export of specific parts of the canvas (Screenshot)
 - Transform (Move, Scale, Rotate) any object on the canvas (Rectangle Select Tool/Lasso Select Tool)
 - Display Images and animated GIFs on the canvas
 	- Note: May take a lot of memory to store and display images compared to other objects, especially GIFs
 - Hide (or unhide) the UI by pressing Tab
 - Remappable keybinds
 - Create custom UI themes
-- Static square grid at initial zoom level
+- Place infinite square grids on the canvas as guides for drawing
+    - Grids come with various properties, including changing color, and displaying coordinate axes.
 - Other tools: Textbox, Rectangle, Circle, Eye dropper/color picker, Edit/cursor
 - Can copy/paste selected objects (Ctrl-C Ctrl-V). This can also be done between different files, as long as they're open in different tabs in the same window.
-- Any file can be placed on the canvas, and using the edit tool, you can download any file/image on the canvas to your computer. This can be used as a sort of file sharing mechanism in a collaborative canvas (should probably only use this for small files...)
+- Any file can be placed on the canvas. Using the edit tool, you can download any file/image on the canvas to your computer. This can be used as a sort of file sharing mechanism in a collaborative canvas (should probably only use this for small files...)

docs/MANUAL.md

@@ -53,16 +53,20 @@
 	- Once <kbd>LMB</kbd> is released, the objects will be selected
 	- The tool is otherwise identical to the Rectangle Select Tool
 - Edit/Cursor Tool
-	- You can click on any object except a brush stroke to edit it when this tool is selected. Any relevant properties to the object will pop up on the right when you select it
+	- You can click on any object except a brush stroke to select it when this tool is selected
+    - Double click on any object to start editing it. The object's relavant properties will be displayed on the right
 	- If an image/file on the canvas is clicked with this tool, you can download the file to your computer
 - Color Select Tool (Eyedropper)
 	- Click anywhere on the canvas with this tool to copy the color of the cursor's position
-- Screenshot Tool
-	- Hold <kbd>LMB</kbd> and drag the mouse to select an area to take a screenshot of
-	- You can modify the screenshot area after placing it by dragging the cyan circles on the boundaries of the rectangle
-	- Click anywhere outside of the circles to cancel the screenshot
-	- You can change the dimensions of the screenshot, the file format of the screenshot, and later take the screenshot with the menu on the right. The dimensions can be anything, as long as they fit the aspect ratio of the screenshot area (the program will do this automatically), and as long as they aren't bigger than what the file format or your computer's memory allows
-	- Note: Even though creating extremely large images is possible with this tool, I cannot guarantee that the program you use to display the image later won't crash if the image is too large!
+    - You can choose to select either the stroke color, or fill color
+## Screenshots
+- Start taking a screenshot by going to Menu->Take Screenshot
+- Hold <kbd>LMB</kbd> and drag the mouse to select an area to take a screenshot of
+- You can modify the screenshot area after placing it by dragging the cyan circles on the boundaries of the rectangle
+- Click anywhere outside of the circles to cancel the screenshot
+- You can change the dimensions of the screenshot, the file format of the screenshot, and later take the screenshot with the menu on the right. The dimensions can be anything, as long as they fit the aspect ratio of the screenshot area (the program will do this automatically), and as long as they aren't bigger than what the file format or your computer's memory allows
+- You can export to SVG, JPG, PNG, or WEBP. In the case of SVG, grids can't be displayed, and resolution can't be changed.
+- Note: Even though creating extremely large images is possible with this tool, I cannot guarantee that the program you use to display the image later won't crash if the image is too large!
 ## Bookmarks
 - You can open the bookmark window by clicking the bookmark icon on the very top right of the screen
 - Move your camera to the place you want to bookmark, give the bookmark a name in the given textbox, and press the + button next to the textbox