Jump to content

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


Recommended Posts

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!


Link to comment
Share on other sites

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!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...