Can PixiJS be used to do something like everyonedraw-dot-com?

[wolvesofallstreets]

I want to challenge myself and do a small and simple infinite pixel drawing canvas – like everyonedraw.com.

I'm a hardcore backend Golang developer so frontend game and gfx development is very foreign. Before going down a massive rabbit hole just to learn something new, is PixiJS the right library to build an infinite canvas for people to draw on?

Obviously, there is a dynamic viewport (zoom, coordinates, dimensions) and dynamic tile map loading, but also the possibility to draw pixels on it.

Would love some pointers if you have any!

Thank you!

-W

[Eden60]

Yes, PixiJS can be used to create an infinite canvas for people to draw on similar to everyonedraw.com. PixiJS is a powerful 2D rendering engine that allows for the creation of interactive graphics and animations in a web browser.

To create an infinite canvas, you can use the PixiJS TilingSprite object which allows for seamless tiling of a texture across a container. You can dynamically load new tiles as the user navigates around the canvas using the viewport's zoom and coordinate dimensions.

You can also use PixiJS's graphics API to draw pixels on the canvas. The graphics API allows you to draw basic shapes such as rectangles and circles, as well as more complex shapes like polygons and curves.

As a starting point, you can check out the PixiJS documentation and examples to get familiar with the library and its capabilities. You can also find some tutorials online that demonstrate how to create a drawing canvas using PixiJS.

I hope this will help you.

Good luck with your project!

[Olloverr]

In my opinion, using libraries like PixiJS can significantly enhance the efficiency of game development, allowing developers to focus on the creative aspects rather than technical details. Integrating such solutions requires proper API support to ensure smooth operation and ease of use. I personally utilized the API development services provided by Binary Studio, and I can confirm that they genuinely simplified the process of integrating various technologies into my project. Thanks to https://binary-studio.com/api-development/, I was able to set up an API that enabled seamless interaction with PixiJS and improved graphics management. This approach greatly accelerated my workflow and elevated the quality of the final product.