Canvas

2459 readers
153 users here now

Canvas — A collaborative annual pixel placing event for the Fediverse!


2026 Countdown



Links

Timelapses

Organized by @grant@toast.ooo

founded 3 years ago
MODERATORS
1
 
 

https://canvas.fediverse.events/

Canvas is a collaborative pixel canvas for the Fediverse! It's live until July 20th @ 4am UTC!

Socials

2
 
 

Cotemplate is a tool for creating "Megatemplates": a template the size of the whole canvas which contains multiple independent templates.
This has two main advantages: teams can see where space is left when placing their artwork and users without a team who want to help various artworks can get the template directly without having to ask around for a URL.

You can find the Cotemplate for this year's Canvas here: https://chocolatecakecodes.goip.de/cotemplate/ui/template/20260520-Canvas26_main

You can create your own team in the menu opened by the button top right. Everyone with the team credentials can add and manage templates of this team. Once placed, an image is visible for everyone (so outside the team too).
To login as a team-member you have to go to the login page.

I also want to highlight the following features:

  • Direct URL to the current megatemplate is copied into your clipboard when clicking the small clipboard icon in the top middle.
  • Individual templates can be (de-)selected in the list (opened by the button top left).
3
34
submitted 4 weeks ago* (last edited 3 weeks ago) by grant@toast.ooo to c/canvas@toast.ooo
 
 

If you’re on a piefed instance, or are administrating one, make sure your instance is able to receive Fediverse Auth messages

Piefed defaulty rejects DMs from new actors, but this can be fixed in the admin interface by marking auth.fediverse.events as a trusted instance

Edit: trusted actor -> trusted instance


You can also test if your instance works by clicking on the emojis on the Canvas page

4
 
 
5
9
submitted 2 hours ago* (last edited 2 hours ago) by squirrel@cake.kobel.fyi to c/canvas@toast.ooo
 
 

I've been listening to instrumental electronic music all morning, a new meta genre I'd like to call pixel placing music. This music is very nice to listen to while placing pixels. Here are the albums I listened to so far. I'll update this post through the day. Feel free to add similar albums in the comments.

  • Com Truise - In Decay
  • Amynedd - 16-Bit Adventure
  • Mr. Bill - Mr. Melanzana
  • Tipper - Cloaked
  • Trentemøller - The Last Resort
  • Siriusmo - Enthusiast
6
 
 

Canvas 2026 starts tomorrow!

tomorrow! it's tomorrow! in almost 24 hours we begin!

if you haven't heard of this before-- Canvas is a yearly event grant's been running since 2023, and it's a real-time collaborative pixel canvas that runs for 48 hours, just for the Fediverse!

How do I join?

On the website you'll be able to login using fediverse-auth (it works similar to "sign in with google")

if your app supports it, you can also login directly with it ✨

You can also test the login process directly on the site (click the emojis!)

Changelog (vs last week)

Contributions welcome! sc07.dev/sc07/canvas

  • [fbebffc] Allow color picking the void or empty space (Ategon)
  • [c5a17eb] Add a pixel available chime offset setting (Ategon)
  • [7bef4c8] Prevent the settings sidebar from resizing (Ategon)
  • [c04c9e1] Make admin and mod buttons compactable (Ategon)
  • [5ec44d6] Allow scrolling through keybindings (Ategon)
  • [e0fbffa] Show initial canvas coordinates properly (Ategon)
  • [8473cd5] chore: update all dependencies (Grant)
  • [f42798b] Fix extra color pick on primary when selecting with secondary (Ategon)
  • [7e4d906] docs: add AI policy (Grant)
  • [fe62158] Add Cursors of other Users & fix eslint checks (Ategon, Grant)
  • [01bf450] Add keybindings for zoom (Ategon)
  • [c60b152] Add a custom bottom mobile bar with a different color picker (Ategon)
  • [22ea4dc] Add panning using keyboard (Ategon)
  • [0d3e249] Makes the palette ignore dark reader converting (Ategon)
  • [4d6b217] Add the pixel count to the favicon (Ategon)
  • [9b7a7ea] ci: remove unused variables (Grant)
  • [a6be389] ci: move image build (Grant)

Socials

7
 
 

Been working on a larger change for awhile and its pretty much done now! In the previous events there was a script to have pings for where pixels were placed and then I adapted that so that it existed in the actual codebase so more people could use it (global pixel pings). Some of the feedback people gave from that was that it added a lot more activity to the canvas to make it seem more alive.

Cursors!

When thinking of other ways to make the canvas seem alive I got the idea to do something similar to cursors.io (which was shut down now but was a multiplayer team work game) or cursor camp (https://neal.fun/cursor-camp/) where you can see the cursors of other users on the canvas as they go around and place things.

This feature can be disabled (and then you dont send or receive cursor events) and is disabled on mobile as phones dont have cursors.

When you select a color your cursor is colored that color and you show up that way to any other users on the canvas. Cursors for people that are zoomed more out from you are a bit larger (and fade out when theyre overly big so they dont block things) and ones from people that are more zoomed in are smaller than you.

Reactions

As a little communication method between cursors you can send one of 10 different reactions using the number keys. These are various emotes I commissioned from Rincs (who is a great artist, highly recommend looking at their stuff https://vgen.co/Rincs)

Hope you enjoy! This is a feature that I don't think exists in any canvas type website currently but I think is going to be great to make it feel a lot more alive

8
 
 

Todays day three of making and sharing new changes I'm making to the codebase. The change made today allows the ability to select a second color! For people who have used certain apps like aseprite you will recognise this functionality.

In the palette bar if you left click on a color you can then paint it using left click (which is how it was before). Now however if you right click on a color you can paint it using right click in addition to having something set on left click.

This means if you are working on an area that has two colors you can select one of the colors with your left click and the other with your right click and then paint it without needing to swap back and forth between the colors.

You can also hit the x button to swap the colors in your left and right clicks (changing the one in left click to be in right click and vice versa) which can be useful if you want to paint with left click mostly but still want to store another color for easy access

9
 
 

Here's a version of the picture above that you can import into Kolourpaint or whatever image edition software you use:

I'm also including the palette I believe Canvas '26 will use.

Most letters are 5x3. A few are 6x3, 5x4 or 5x5. In a lot of cases you can shave off one or two pixels, at the expense of making the letter look less nice, or misaligned. For example Cyrillic ⟨Ґ Ц Ç⟩.

For most diacritics the least bad solution I found was to reduce the base letter to 4x3, then add the diacritic in a separated line. Note you can however use colours to your advantage; if you paint the diacritic in a medium grey you could either make the base letter or the letter+diacritic pair 5x3, by letting the diacritic touch the letter.

Worth noting there is no "right" way to draw letters in pixel art; I'm sharing one among many, but if you have your fav, go for it.

10
 
 

Canvas 2026 is in one week!

Hello Fediverse! I've come bearing some great news, Canvas 2026 starts in one week!

What?

If you haven't heard, Canvas is a collaborative pixel event that runs yearly, exclusively for the Fediverse. You will have 48 hours to make your mark on an art piece, one pixel at a time. This year the pixel cooldown will be 30 seconds flat, but you can stack up 6 pixels at a time so you don't have to wait ages for pixels.

How do I login?

When you login to Canvas it'll prompt you to identify yourself using fediverse-auth, which involves sending a DM to your account to verify who you are (or logging in with your client of choice, if your app supports it)

Try it out on the Canvas homepage using the emojis

Changelog (compared to last week)

Contribute

  • UI got a whole refresh (Ategon)
    • interface visibility toggle
    • settings/info keybinds
    • primary & secondary color selections
    • color pick keybind
    • mobile ui improvements (no longer crammed)
    • palette symbols, numbers being more readable
    • palette collapsing to avoid being covered by sidebar (can be disabled)
    • palette can now show pixels of certain color remaining in template (can be enabled)
    • palette can now hide colors not used in template (can be enabled)
    • buttons now follow sidebar (can be disabled)
    • accessibility settings: disable camera flash, keybinds, hide overlay card, compress buttons (icon only)
    • google maps-style overlay selection
    • long left click for whois instead of exclusively middle click
    • + many misc changes
  • ✨ share urls (grant)
  • ✨ heatmap works again (grant)
  • new snapshot types (Ategon)
  • added cotemplate link to sidebar (grant)
  • fixed pixel stack weirdness (grant)
  • fixed coords being incorrect upon zooming (grant)
  • template source is no longer visible on toggle (grant)
  • added initial FAQ for common problems (grant)
  • and various minor changes

Socials

11
 
 

Continuing with posts on new features I've been adding in I just had another set of changes merged to be used in the event! (and they're active right now on the site! You can go in and check them out as well as the snapshot changes I talked about in my last post)

This set includes many new UI features as well as an overall UI overhaul. Previously the site was pretty much just using base HeroUI components that were slapped together quickly to get something functioning. Now everything is styled together and should match to each other well.

UI Visual Improvements!

The main part of the change is the change to make the ui look better. I went through and made all the components have a consistent style (with a white or black background depending on theme and an outline thats a bit different than the base color)

Better Color Picking!

You can now hit a physical button in the palette bar to color pick or you can hit c to enter color picking mode. Middle click will still work and pick the color you click but entering color picking mode using the button or c enters a brand new mode there you can preview the color youre about to pick and have special UI.

You cant see my cursor in the screenshot but in this I have it over the dark blue and you can see theres a little color preview that shows up saying the name of the color and the hex code.

If I then click it copies it as the current active color and has a little color picked text.

Symbols in the Palette Bar!

Theres a new setting that lets you show symbols in the palette bar that match up to the symbols in the symbols template style. This can help you know what matches up to what easier or if you just think it looks cool.

It will automatically be enabled when you swap the template to symbols mode (and the numbers will automatically be shown when you swap to numbers mode)

Color Tooltips!

When you hover over a color in the palette bar it will now give you the name of the color in a little tooltip to make discussion about the different colors easier since everyone can have consistent names for each of them.

Collapsible stats card!

You can now collapse the bottom left card that shows coordinates, pixels, and users online. Collapsing sets it to a mode where it only shows the pixels available to place if you want to save on some screen space.

Overlays Card!

Instead of needing to go into the settings to swap between overlays being on or not, theres a new overlays card that lets you toggle them on or off easily. To toggle them you can expand the card and then click on one of the overlays to enable it.

Hold to check pixel data

Instead of needing to shift click to open up whois data you can now instead just hold down on the pixel which will fill up a meter for a second and then once its full a question mark will appear. If you let go the whois panel will appear where you can check information on that pixel.

Moving Buttons when you open a Sidebar!

When you open a sidebar now (for example settings or info) the buttons will now move to the side with it so that you can still use them while the sidebar is open

I made it extremely smooth of a transition so enjoy playing around with that : )

Sticky Sidebar Headers

When you scroll in a sidebar the sidebar title and the close button now stay always at the top so that they are easily accessible.

Compact Palette!

You can now set the palette to be in a compact mode where colors go over two lines instead of 1. It automatically swaps to this by default when you open a sidebar and then back to normal when you close it but you can also set it so it doesnt swap to it or so that its always active.

Small Screen Handling

Instead of the mobile UI being extremely scuffed theres now handling to move the UI around so its usable! On smaller pc type screens and on mobile some buttons move into a "more" button according to how big the screen is so that it never collides with the ui on the left side

Palette bar manipulation based on the template!

Added the ability to show how many of each color you need remaining for the template you have set. e.g. with the below image the template needs 26 more black pixels and various other colors to be complete)

Allows you to set it so that the palette bar only shows colors in the palette that exist in the template and still need to be placed as well so make it easier to know which color to choose to fill it in.

Icon and Favicon

Added the official canvas icon to the top left and made it the favicon of the site instead of the site not having one! (more favicon updates coming soon to show things like pixel counts in it :) )

Various Other Changes!

Removed the black overlay that appeared when a sidebar was open so its easier to have a sidebar open and place on the canvas at the same time.

Added little text when you place a pixel

Added icons in various spots and to various buttons such as in the bottom left card

Prevented settings and whois from being open simultaneously because they are both right sidebars (opening one closes the other)

Various new settings added to do things like disable keybindings, etc.

Hope you enjoy the new features! More coming soon as I work through them and theres some large ones I'm looking forward to

12
 
 

For a little pre-event discussion and to give some inspiration for peoples designs for this event, what was your favorite design that was made in previous iterations of the event?

Theres some atlases for the 2024 and 2025 editions of the event you can look at to see what people made

  • 2025 image

And then heres the 2023 timelapse

13
 
 

I've been working on some new features for canvas in the lead up to it starting so figured I would share some of the new stuff I've been working on and that will be available when the event starts.

If anyone wants to also help contribute changes the project is open source and I would love to help out with getting anyone else set up with the codebase to help grant and I clear out the tickets that are on the gitlab.

A change I made and that was just accepted is the ability to create snapshots of parts of the canvas! This is essentially just an easy way to create screenshots of areas to then share instead of needing to use other screenshot tools. Its useful as you can easily take screenshots of parts even if you aren't looking at them (for example doing a full canvas screenshot) and you get full pixel precision instead of the scaling being weird.

Capture Canvas

This was a feature that existed in the previous iteration of the event but I noticed not many people knew about due to it just having a keybind (The P key). So I took the opportunity with adding the rest of the snapshot types to add a physical button thats easily findable for it as well.

This downloads a picture of the current canvas so that you can share it or use it for anything you might need the full canvas for (for example putting it into aseprite and then planning out a design for some new art over it.

Capture Template Area

This is similar to capture canvas but instead of capturing the entire canvas it captures only the area your template is within. It takes a picture of the smallest rectangle that contains the template plus 2 pixels of padding to make it look a bit nicer. This is useful if you want to share with the group that's placing down the template how progress is going easily without needing to pan and scroll to get a good angle and then screenshot manually. Can be activated using shift+P or the ui button.

Capture View

Similar to the above two but captures the area you're currently looking at (all visible canvas pixels on your screen). For when you want to show off a cool thing on the canvas you found. Can be activated using the L key or the ui button.

Capture Region

Lets you select a rectangle area and then takes a picture of that area. For similar use cases as capture view but if you want to share a more precise area rather than the entire area you can currently view. Can be activated using shift+L or the ui button.

Polaroids

Whenever you take a snapshot (using one of the four methods above) it shows a preview of what you just took as a little polaroid visual in the center of your screen before downloading it. I mostly just added this cause it looks nice but can be useful to know that you took a picture of the right thing without needing to open the file.

If anyone has any other feature suggestions feel free to let me know somehow and I can make an issue for it on the projects gitlab repo if there isn't one already. I have some other cool stuff in progress that hopefully should be done before the event starts

14
 
 
15
 
 

View Countdown

Canvas is a collaborative pixel canvas that runs for 48 hours starting July 18th, 2026 at 4am UTC. This is an event hosted for the Fediverse, allowing anyone with an account with in the Fediverse to participate! More details (like source code and community links) can be found on the website

!canvas@toast.ooo

16
 
 

As working together on the canvas rather than fighting for space, coordination about who wants to pixel where is important. This year we have a tool for central management of templates, instead of posting single templates with coordinates in a thread:
Cotemplate

There you can create a team and with it place your templates on the megatemplate (to log in you need to go on the start page https://chocolatecakecodes.goip.de/cotemplate/ui/).
With the clipboard-button top center you can copy a URL of the resulting image which can be used directly in Canvas template feature.

17
106
submitted 1 month ago* (last edited 1 month ago) by grant@toast.ooo to c/canvas@toast.ooo
 
 

https://canvas.fediverse.events/

July 18th (4am UTC) to July 20th (also 4am UTC)

Canvas 2026 is in roughly 30 days!

Canvas is an annual event hosted for the Fediverse, allowing everyone to contribute to a pixel canvas, one pixel at a time

Check out the website for a live countdown, login testing, chat room (matrix/discord), and what last year's Canvas was!


If you are a developer, check out the source, and if you're a Fediverse app dev check the docs to add Canvas functionality to your app 👀

Mlem is adding support for Fediverse Events within their app ✨

18
 
 

https://canvas.fediverse.events/

July 18th (4am UTC) to July 20th (also 4am UTC)

Canvas 2026 is in roughly 60 days!

Canvas is an annual event hosted for the Fediverse, allowing everyone to contribute to a pixel canvas, one pixel at a time

Check out the website for a live countdown, login testing, chat room (matrix/discord), and what last year's Canvas was!


If you are a developer, check out the source, and if you're a Fediverse app dev check the docs to add Canvas functionality to your app 👀

19
 
 

https://sc07.shop/product/canvas-2025/

Available in 24" x 24" (61cm x 61cm -- shown) and 20" x 20" (50.8cm x 50.8cm)

Only available until August 1st, 2025 (will also ship out then) // ships from the US

Shipping posters internationally does get a bit pricey, but if you buy multiple posters I can put them in the same tube (if people want to pool together an order lol)

if you'd still like to support the project you can always tip directly 💜


(for crossposts:)

Canvas is a yearly event for the Fediverse were people can collaboratively place pixels to make an art piece! 2025 has already concluded, but if you'd like to be in the know for next years event, follow the Lemmy community ( !canvas@toast.ooo ) or follow the Mastodon account @canvas@fediverse.events

20
 
 

I regret not posting it before Canvas 2025, but hopefully it'll be useful for people playing it in 2026. All letters are 5 pixels tall, and most 3 pixels wide (some 4, a few 5). I've also included a few Cyrillic letters and the digits.

I tried to make it even smaller, but it gets really funky.

21
 
 

Canvas Stats 2025 is now live!

You can view how you rank out of 638 users, see how many pixels you places, how many of each color, and generate an image of all the pixels you placed. You can also compare how you did this year vs previous years.

I am still working on a few more graphs/images for the overall canvas.

The site layout might load weird on mobile, my goal was to get the stats up first, then I will go back and fix the design of the site.

Let me know if there are any other stats you want to see on the site!

22
 
 

After the event ended, someone wanted to know how much of the megatemplate form before the event made it on to the final canvas. After running some python code, here is the result

23
 
 

During this years Canvas a group of us worked on a project to have EU or European flags surround the European Union flag. All was going well until a few individuals wanted to start acting like little shits and intentionally adding non European flags to the group.

They replaced Hungary with Ukraine which whatever just rebuild it elsewhere. Then they started putting Canada, South Africa, Brazil, Esperanto on the mural. Once we finally got Hungary back on the board, they started to intentionally mess up the flag over virtue signaling politics when these same people admitted they don't even participate in their own countries democratic system.

The Simple solution

All these people had to do was put a different EUROPEAN flag that wasn't already on in the place of Hungary and no one would have cared, but they demanded on intentionally trying to fuck the whole thing up.

Drama

We ended up going back and forth for hours, and they refused such ideas as Scotland, I also tried Armenia, Georgia anything that was actually in Europe and then tried to say these countries were Asian not European. It got heated and they kicked us a few times. In the end they forced the ugly compromise keeping their stupid little flowers and grass on the board.

Conclusion

This whole ordeal explains perfectly why we're in the mess we are in today, to many Gen Y and Gen Z would rather show "look at me I am a good person I stand for X/Y/Z" instead of actually trying to make real change. These people don't vote, don't get involved with politics, yet they will protest for months, come on these little projects and try and prove a point.

The people acting like Brazil which had legally mandated "race democracy" until the 1980s was a better choice than Hungary or any other actual European country that wasn't added already, same with the clowns putting South Africa. They couldn't let things be but they'll talk about how "I don't want to vote for this person who's way less awful but not perfect"

So congratulations you messed up the mural for the EU the most successful international organization that has brought peace, prosperity, democracy and human rights to a whole continent because you wanted to look like a good person without any knowledge of the history of why the country is the way it is.

24
 
 

Good news. This year (mostly by getting ready and reusing the code and infrastructure from last year), I have been able to launch the atlas much quicker.

The atlas is a website that allow you to get contextual information about art placed on the canvas, as well as submit your own information.

This year, unlike the last, I decided to use the feature to view older version of the canvas. There have been some fighting, and this might allow for removed art to still be documented (reused from the r/place 2023 atlas, which is where most of the code come from).

Also, I should make it clearer on the site, but if you need help, in addition to the lemmy community, there is a Matrix room (the same as last year).

25
 
 

Made a script real quick to generate images of what certain users & instances placed

Heres the pixels placed by each of the top 10 instances that placed the most pixels (that appear on the final canvas)

  1. lemmy.world (48122 pixels on final canvas, 145 users)

  1. feddit.org (19372 pixels on final canvas, 57 users)

  1. toast.ooo (18415 pixels, 34 users)

  1. lemmy.zip (13335 pixels, 20 users)

  1. pawb.social (12768 pixels, 7 users)

  1. sh.itjust.works (9739 pixels, 25 users)

  1. grants.cafe (7264 pixels, 7 users)

  1. mastodon.social (7129 pixels, 18 users)

  1. programming.dev (6205 pixels, 15 users)

  1. mas.to (5805 pixels, 5 users)

And heres for users

  1. https://toast.ooo/u/starpup (4608)

  1. https://pawb.social/u/tblFlip (4458)

  1. https://programming.dev/u/Ategon (4023)

  1. https://lemmy.zip/u/rrconkle (3886)

  1. https://lemmy.world/u/green_copper (3679)

  1. https://pawb.social/u/KoboldCoterie (3595)

  1. https://mastodon.mariusdavid.fr/users/marius851000 (3529)

  1. https://mas.to/users/Vaporek (2815)

  1. https://feddit.org/u/DmMacniel (2486)

  1. https://lemmy.world/u/Adopon (2448)

(Anyone who wants an image of certain users or instances you can let me know but the functionality for users will also be on https://canvasstats.com/ this week)

view more: next ›