Homebrew [HOMEBREW] 3DS Paint [UPDATE][2.0][NEW]

[AlbertoSONIC]

3DS Paint

Today i introduce you to my latest 3DS Homebrew: 3DS Paint! With this app you can draw anything you want, with 7 colors and an eraser! You can also save your drawing to the SDCARD! (.bmp image output) You can find some instructions on the 3DS's top screen!


How to install:

You can install this app in many ways. As a Gateway's 3ds file, as a .cia file, it's also ready for SSSPwn! You can find files below!


Screenshots:

Spoiler

MAIN SCREEN:

ABOUT POPUP:

DEBUG POPUP:

PAINT SCREEN:

CLEAR SCREEN POPUP:

EXIT POPUP:

DRAWING SAVED!!

HERE'S THE SAVED DRAWING:
https://www.dropbox.com/s/mssno9rkp13vy4p/3dspaint_drawing_01342922.bmp?dl=0

Bugs:

- There's a small undrawable corner around the the touchscreen.


Downloads:

Precompiled Files, ready to install: Link
Github Repo: Link


ChangeLog:

New 2.0 update brings:
- Whole app rewritten
- Now it exit without crashing, fully working on both NINJHAX and GATEWAY
- Much smoother (30fps)
- Debug features
- A main menu!
- Now you can save your drawings to SDCARD (.bmp image output)!
- HUGE performance improvement
- Less load for 3DS's ARM11 cpu
- Developed and built with latest CTRULIB
- New icon!
- Now using an UI framework!
- "Pop" sound when changing color! (Only for ninjhax users)
- New font!
- Screen Flickering fixed!
. Huge bugfix!

Credits:

Relys
filfat
Bond697
Screenshot feature (needed for saving) taken from BlargSnes

 

[Vengenceonu]

Homebrew Drawn penises incoming!

 

[Relys]

Very nice. Clean example. Well documented.

One thing I would recommend is using camelCase (https://en.wikipedia.org/wiki/CamelCase) for function names with the first word lowercase.

int fooBar() //camel case.
{
    int someNumber=0; //Same idea for variables.
    return someNumber;
}

It really helps the readability and most C/C++ developers conform to this in their coding style standard (just look at ctrulib for example).

 

[filfat]

Nicely done! I will for sure look into that code while working on front end stuff for the 3DS

 

[memomo]

works great thanks​

​

​

​

 

[AlbertoSONIC]

Very nice. Clean example. Well documented.

One thing I would recommend is using camelCase (https://en.wikipedia.org/wiki/CamelCase) for function names with the first word lowercase.

int fooBar() //camel case.
{
    int someNumber=0; //Same idea for variables.
    return someNumber;
}

It really helps the readability and most C/C++ developers conform to this in their coding style standard (just look at ctrulib for example).

So, printbottombackgnd() should be printBottomBackgnd()?

 

[gamefan5]

Nice... I wonder if it will support layers and other things at a later date. XD

 

[Relys]

So, printbottombackgnd() should be printBottomBackgnd()?

Yeah that's correct. It just helps readability and is a good habit to get into.

 

[AlbertoSONIC]

Nice... I wonder if it will support layers and other things at a later date. XD

First i'd like to find a way to output an image of the painting to the sdcard! But i think it won't be that easy...

 

[filfat]

Yeah that's correct. It just helps readability and is a good habit to get into.

Another tip would be naming structs like this "structNameHere_s" and naming local vars either "nameHere_l" or "_localVar"

 

[jocopoco]

dont worry for letter case, Im using also -_-

 

[filfat]

First i'd like to find a way to output an image of the painting to the sdcard! But i think it won't be that easy...

Shouldn't be too hard:
http://stackoverflow.com/questions/13745093/a-portable-function-to-create-a-bmp-file-from-raw-bytes
https://github.com/smealum/ctrulib/tree/master/examples/sdmc

 

[gamefan5]

First i'd like to find a way to output an image of the painting to the sdcard! But i think it won't be that easy...

hahaha, baby steps man. One thing at a time XD

 

[AlbertoSONIC]

Relys Just updated github repo, now functions names uses CamelCase. Guys you don't need to download another file, these changes doesn't affect the user experience at all!

 

[Cid2mizard]

Strange 131Mo for your .3ds build !!!

 

[AlbertoSONIC]

Strange 131Mo for your .3ds build !!!

I know... I'm using a modified rsf file that output a 128 mb file. That's because of my Gateway's SPI Failure. Default rsf up in a minute

EDIT: Repo updated!

 

[ernilos]

You should use a line drawing algorithm between drawing points ;_;

 

[AlbertoSONIC]

You should use a line drawing algorithm between drawing points ;_;

Tell me more about that...

 

[Relys]

Here's an example of loading an image from the sd card to the screen: https://github.com/smealum/ctrulib/blob/master/examples/sdmc/source/main.c


Here I am attempting to reverse that process to write framebuffer to allocated buffer in memory and then write to file on sd card.

    fsInit(); //needed for filesystem stuff
    u8* buffer;
    u64 size;
    u32 bytesWritten;
    Handle fileHandle;
    //setup SDMC archive
    FS_archive sdmcArchive=(FS_archive){ARCH_SDMC, (FS_path){PATH_EMPTY, 1, (u8*)""}};
    //create file path struct (note : FS_makePath actually only supports PATH_CHAR, it will change in the future)
    FS_path filePath=FS_makePath(PATH_CHAR, "/test.bin");
 
    //open file
    Result ret=FSUSER_OpenFileDirectly(NULL, &fileHandle, sdmcArchive, filePath, FS_OPEN_CREATE, FS_ATTRIBUTE_NONE); //RELYS: Changed FS_OPEN_READ to FS_OPEN_CREATE. Not sure if FS_ATTRIBUTE_NONE needs to be changed to FS_ATTRIBUTE_ARCHIVE
    //check for errors : exit if there is one
    if(ret)goto exit;
 
    //get screen size
    size=320*240*3; // RELYS: x resolution * y resolution * 3 colors per pixel
 
    //allocate a buffer on linear heap (could just be a malloc fwiw)
    buffer=linearAlloc(size);
    if(!buffer)goto exit;
 
    //copy lower screen to buffer
    memcpy(buffer,gfxGetFramebuffer(GFX_BOTTOM, GFX_BOTTOM, NULL, NULL), size);
 
    //Write contents
    ret=FSFILE_Write(fileHandle, &bytesWritten, 0x0, buffer,FS_WRITE_FLUSH); //RELYS: Not sure if we want to use FS_WRITE_FLUSH or FS_WRITE_NOFLUSH
    if(ret || size!=bytesWritten)goto exit;
 
    //close the file because we like being nice and tidy
    ret=FSFILE_Close(fileHandle);
    if(ret)goto exit;
 
    //cleanup and return
    //returning from main() returns to hbmenu when run under ninjhax
    exit:
    //closing all handles is super important
    svcCloseHandle(fileHandle);

I also noticed in the example that they use this for rendering. Maybe we should be using gfxSwappBuffersGPU and gspWaitForEvent???

        renderEffect();
        //wait & swap
        gfxSwapBuffersGpu();
        gspWaitForEvent(GSPEVENT_VBlank0, false);

 

[AlbertoSONIC]

https://github.com/smealum/ctrulib/blob/master/examples/sdmc/source/main.c

    fsInit(); //needed for filesystem stuff
    [FONT=Consolas][COLOR=#333333]u8* buffer;[/COLOR][/FONT]
    u64 size;
    u32 bytesWritten;
    Handle fileHandle;
    //setup SDMC archive
    FS_archive sdmcArchive=(FS_archive){ARCH_SDMC, (FS_path){PATH_EMPTY, 1, (u8*)""}};
    //create file path struct (note : FS_makePath actually only supports PATH_CHAR, it will change in the future)
    FS_path filePath=FS_makePath(PATH_CHAR, "/test.bin");
 
    //open file
    Result ret=FSUSER_OpenFileDirectly(NULL, &fileHandle, sdmcArchive, filePath, FS_OPEN_CREATE, FS_ATTRIBUTE_NONE); //RELYS: Changed FS_OPEN_READ to FS_OPEN_CREATE. Not sure if FS_ATTRIBUTE_NONE needs to be changed to FS_ATTRIBUTE_ARCHIVE
    //check for errors : exit if there is one
    if(ret)goto exit;
 
    //get screen size
    size=320*240*3; // RELYS: x resolution * y resolution * 3 colors per pixel
 
    //allocate a buffer on linear heap (could just be a malloc fwiw)
    buffer=linearAlloc(size);
    if(!buffer)goto exit;
 
    //copy lower screen to buffer
    memcpy(buffer,gfxGetFramebuffer(GFX_BOTTOM, GFX_BOTTOM, NULL, NULL), size);
 
    //Write contents
    ret=FSFILE_Write(fileHandle, &bytesWritten, 0x0, buffer,FS_WRITE_FLUSH); //RELYS: Not sure if we want to use FS_WRITE_FLUSH or FS_WRITE_NOFLUSH
    if(ret || size!=bytesWritten)goto exit;
 
    //close the file because we like being nice and tidy
    ret=FSFILE_Close(fileHandle);
    if(ret)goto exit;
 
    //cleanup and return
    //returning from main() returns to hbmenu when run under ninjhax
    exit:
    //closing all handles is super important
    svcCloseHandle(fileHandle);

I also noticed in the example that they use this for rendering. Maybe we should be using gfxSwappBuffersGPU and gspWaitForEvent???

        renderEffect();
        //wait & swap
        gfxSwapBuffersGpu();
        gspWaitForEvent(GSPEVENT_VBlank0, false);

I noticed it too! May be usefull...