Exporting Blocks artwork in PNG #4280
Conversation
omsuneri
changed the title
|
@walterbender i had created the downloadable link of block artwork in the PNG format. the link converts the SVG of the blocks artwork to the PNG format also as we discussed about the triggering of the home button i found that the functioning of the home button is broken as it itself put the blocks on each other making the blocks overlapping and the block values are not properly visible in that case so first we need to clean out the home button and then we can just call it before the start of downloading in png. Screen.Recording.2025-01-17.at.4.38.53.PM.mov |
|
There seems to be a z-value issue somewhere. The blocks in the stacks are interwoven. |
|
Regarding the home button, it does what it is designed to do. But I was suggesting we might want another option for arranging blocks, one that eliminates all overlaps. But maybe there is no need to tie the block arrangement to the save artwork mechanism explicitly. |
|
Another button than home you are desired too |
|
I think your revised home button can serve our needs. But I don't think it needs to be invoked automatically when saving artwork. |
|
@walterbender yaa I ll be updating that automatically triggering of the home button as the home is not updated yet so did not made that change will be updating soon. |
|
@walterbender i found that the problem of interwoven block connection persist from the .svg export link as the png is link is just converting the svg to png and i ll make the .svg link correct then this png will also work fine |
|
@walterbender i observe that with a lot of blocks in projects make it creating an interwoven state in .svg as my png export link is just taking svg from printblockSVG function and converting it to PNG also with some expamples i tried i m not getting any interewoven svg you can see here but this occurred randomly |
|
For the SVG export, we probably need to group each stack. |
|
@walterbender yes it's in that way only |
|
@pikurasa before I merge... is it worth added this functionality into MB itself? (Note that there are numerous tools for converting SVG to PNG available, but maybe our non-Linux uses don't have access to such tools?) |
|
@walterbender as we discussed this functionality is for debugger inside the music blocks for better understanding of the project by llm so this makes the in platform convertor of svg to png for the chatbot easier access |
|
I am not 100% sold that for the debugger we need to expose PNG export to the UX, but I suppose it is not a big deal to add one more item to an already long list of export options. |
Perhaps we start to organize the long list. I do know that people already get artwork vs. blocks confused. As for this particular feature, I'm not totally sure we need(ed) within MB it either, but we can see. |
|
@pikurasa @walterbender in order to resolve the confusion should i change the name from block artwork to block connection in both svg and png |
|
I need to think about this: how to distinguish between the program output and program itself. |
|
@walterbender changing names might help the user ig |
* Update toolbar.js for PNG saver * Update activity.js PNG saver * Update index.html for adding new link for exporting as png * Update toolbar.js * creating fun printBlockPng * Update SaveInterface.js calling block artwork png * Removing extra Spaces * Update activity.js * Update activity.js
|
Maybe adding small icons next to the list will help. It seems to me, observing people in classrooms, that they don't really think too much when reading the names of the save options. Perhaps adding an icon will help them more quickly grasp what each option does. |
|
@pikurasa that's sounds absolutely right I ll be making the icon for every item in a list soon |
Allowing user to export the project block artwork as a PNG file too
**new link for downloading project block artwork in png format
**downloading the Block artwork in png
screen-recording-2025-01-17-at-42113-pm_Ob88jQZx.mp4