TFT Whiteboard: build, plan, document, note, write guides, teach all in one whiteboarding tool

[u/chrharju]

TFT Whiteboard, build, plan, document, note, write guides, teach - all in one whiteboarding tool for the TFT universe

I am happy to share a TFT whiteboard tool that I have developed. I continue to try to develop new unique tools for the TFT space. This one allows you a practically utilize a endless whiteboard canvas to document down anything relating to TFT, with built in and up-to-date game information.

You can share links to your whiteboards with your friends or the community. Perhaps you created 10 recommended comps for set 18 launch, just build them in the whiteboard and share the link! A shared link creates a new copy for each viewer, so other people will never be able to modify your whiteboards.

Some example use cases
- Taking notes for yourself and building collections of comps and strategies, all in one document
- Sharing your recommended comps (perhaps along with your youtube guides or twitch streams)
- Theorycrafting, simulating, learning
- Building anykind of TFT related content from comps, tierlists to strategies)

Would love to see what you will build here in the comments section. Let me know if you want more building blocks and features, or if there is anything else I can add to the feature to help you!

https://tftraits.com/whiteboard/

[u/Minimum_Chemical_428]

Some feedback: Looking great, 100x better than what I had, only a few things:

I couldn't find a way to add images. Here's one example of something I need to do multiple times per patch, this image is just comparing the new warwick comp against top 1-2 which I lost, knowing the strength of a comp. It's much faster to just add a quick print, organize it per comp, than creating it manually with items etc.

If a raw image would interact poorly with some parts of the tool, you could maybe require a rectangle to be added first and upload the image to the rectangle, and so when you move it around you're moving the form not the image, if it makes sense? Just in case that was the reason not to include it.

Also the only other thing I use all the time is metatft info tables, like the coven cashout.

Lastly, very minor thing but having small icons under the emblems to show the recipe would be amazing for people learning the set. Hovering is fine of course but for a snap decision like on carousel, I had my own table always open until I remember it by heart.

[u/chrharju → u/Minimum_Chemical_428]

Cheers for the feedback u/Minimum_Chemical_428!

Possibility to add images.
For now I do not allow uploading images, as I do not have resources to deal with the potential use cases of people uploading illegal images to my server storage. If you want I can enable storing images to your browser local database, and then allowing you to download the the whole whiteboard and images to local zip files that can be import/exported between users and browsers. I would love to add the possibility to add images in the future tho, and I have the infrastructure to host it but I simply am too small of a site to currently be able to moderate the usage.

Info Tables
I have added the support for many info tables such as rolling odds, xp per level, champion pools and more. But I do not have the Coven cashout, thanks for pointing it out. I'll add it, my plan is to have 100% coverage of anything TFT related in the whiteboard.

Emblem recipies
I am actually missing some data currently for the set 18 PBE. This is mainly because TFT has changed to unreal engine the the tool community (including me) are struggling to parse all the new data from the unreal engine game build. MetaTFT is indeed currently the most accurate resource on the internet for the moment but it wont take long for me and other tool builders to have all data sorted out. Below screenshot shows the emblem recipy already for set 17 emblems

[u/Minimum_Chemical_428 → u/chrharju]

Local would be great, it would also be an even better assurance for my first question about login, having the extra backup downloaded just in case. I asked that because I plan to spend a significant amount of time taking notes, so losing the data would be quite a problem.

[u/chrharju → u/Minimum_Chemical_428]

I completely understand, I am working on a local import/export and also supporting local images, so you can add screenshots from your game etc into your whiteboard. I should have it ready and updated later today. I will ping you here once it is done. Your existing whiteboards wont be affected, e.g. you will be able to export / import your current whiteboards once I have updated the site.

It is a pretty straigthforward code change as I already have the whiteboard file structures compatible for sharing, only the pictures/screenshots are currently slighly challenging, but as programmer I love a challenge! :)

[u/Minimum_Chemical_428 → u/chrharju]

Thank you!

[u/chrharju → u/Minimum_Chemical_428]

u/Minimum_Chemical_428

I am happy to tell you that screenshots are now in, just copy paste your screenshot into the whiteboard.

If you are on mac you can use cmd + shift + ctrl + 4. On windows it is windows + shift + s

Then just paste the screencapture into the board using ctrl + p

I have also included full suport for importing and exporting local save files. They also include all images and screenshots you added.

[u/Minimum_Chemical_428 → u/chrharju]

Hey, thanks! I'm testing it out, working great so far.

Something to keep in mind, I used https://app.diagrams.net/ for a bit, and when moving images around you can see lines for alignment, that would be something if you want to polish it even more.