diff --git a/README.md b/README.md index 50c8a1d..2825c62 100644 --- a/README.md +++ b/README.md @@ -17,7 +17,7 @@ ## 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. @@ -25,8 +25,10 @@ This app was inspired by [Lorien](https://github.com/mbrlabs/Lorien), another gr ## Screenshots/GIFs +Zoom Forever Showcase Sketches Showcase Online Collaboration Showcase +Images Showcase Right Click Menu Showcase Zoom Showcase Bookmark Showcase @@ -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...) diff --git a/docs/MANUAL.md b/docs/MANUAL.md index 36008d9..8b33861 100644 --- a/docs/MANUAL.md +++ b/docs/MANUAL.md @@ -53,16 +53,20 @@ - Once LMB 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 LMB 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 LMB 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 diff --git a/docs/showcase/images.png b/docs/showcase/images.png new file mode 100644 index 0000000..d909967 Binary files /dev/null and b/docs/showcase/images.png differ diff --git a/docs/showcase/rotate.png b/docs/showcase/rotate.png index 88b0872..8896491 100644 Binary files a/docs/showcase/rotate.png and b/docs/showcase/rotate.png differ diff --git a/docs/showcase/sketches.png b/docs/showcase/sketches.png index 30c8027..474c22f 100644 Binary files a/docs/showcase/sketches.png and b/docs/showcase/sketches.png differ diff --git a/docs/showcase/tictactoe.png b/docs/showcase/tictactoe.png index 15323f8..f2e09f5 100644 Binary files a/docs/showcase/tictactoe.png and b/docs/showcase/tictactoe.png differ diff --git a/docs/showcase/zoomforever.png b/docs/showcase/zoomforever.png new file mode 100644 index 0000000..ce2027b Binary files /dev/null and b/docs/showcase/zoomforever.png differ