Nicht eingeloggt.
Passwort vergessen?


Bitte erst registrieren. Danach ist es möglich Beiträge zu schreiben.



 Nach unten   Vorheriges Thema   Nächstes Thema

#1
VUE-MASTER: VBDE Support
Geschrieben am: 18.02.2018 22:20
Nintendoid!
Dabei seit 31.01.2017
Deutschland
129 Beiträge
Long Time User (2 Years)
In this tutorial series, I'm sharing my experiences with creating the VUE-MASTER Demo Reel. I'm a CG graphics artist with nearly zero programming experience.
Both, the template project as well as these HTML tutorials are included in VBDE (since version 1.2.2).

Open in new window


VUE-MASTER VBDE Light Tutorial:
How to make a ROM from your PNG files (VBDE Light)

This tutorial shows how to make a VUE-MASTER reel in 6 easy steps using VBDE Light (which is recommended for non-programmers). If you're using VBDE Pro, please refer to post #2 of this thread.
The tutorial describes the easiest way to use the VUE-MASTER template: by replacing the 7 existing demo images with your own files.


What you will need:
• VUE-prepared PNG files, matching the VB requirements (see the Graphics Tutorial ...)
• Download and unpack the latest VBDE Light

* VBDE is a portable application, which means you can move it anywhere, but it's recommended to put it here: C:\vbde\


Step 1 – Preparing the VBDE project folder

Open in new window

• Browse C:\vbde\samples\vuengine\ and make a copy of the "vue-master" template folder. Name it after your reel's project title.

Open in new window

• Replace the existing demo PNGs under: ...\assets\images\VueMasterImages\ with your own files.

Open in new window

• Delete all existing .c-files under: ...\VueMasterImage#\Binary\ for every image you've replaced.


Step 2 – Setting up the VBDE Light project

• If you have any instances of Notepad++ open, please close them before launching VBDE Light.
• Launch C:\vbde\VBDE.exe ...
• If windows firewall gives you any warning like "Unknown Publisher" choose "more" > "run anyway".

Open in new window

• Browse your project path with VBDE Light Explorer, right click and add it to favorites.

Open in new window

• Give it a project title ...
• You can browse the project files in the left explorer window now.


Step 3 – Converting images to tiles

• Make sure to have a file from the VUE-MASTER path open when you hit "convert images".

Open in new window

• Execute: "Run" > "CONVERT images" (or just use the quick button in the top left corner).
• New .c-files were created in the "Binary" folders.


Step 4 – Transferring tiles count (for every image)

Open in new window

• Open: ...\VueMasterImage1\Binary\VueMasterImage1.c (neither "..Left.c" nor "..Right.c")
◦ If the "tiles" count from the header comment (line 7) is 2033 or less: copy it.
◦ If the tiles count is more than 2033, refer to Part 2 of the Graphics Tutorial.

• Open: ...\VueMasterImage1\Definition\VueMasterImage1Definition.c

Open in new window

• Paste/replace the tiles count of image 1 under "CharSetROMDef" (line 49).

• Now repeat this procedure (Step 4) for every image, that you have replaced before ...


Step 5 – Adding titles to the main menu

• Open: ...\assets\languages\Language_EN.c

Open in new window

• Add your reel's title at line 49.
• Add your reel's description text or credits at line 51.
• Keep your text inside the quotation marks.
• You can add line breaks by pasting \n.


Step 6 – Creating the ROM

• Make sure to have a file from the VUE-MASTER path open when you hit compile.

Open in new window

• Execute: "Run" > "COMPILE" (or just use the quick button in the top left corner).
• Compiling is done when the DOS window closes.


Enjoy your stereo reel!

You will find your VUE-MASTER reel under: ...\build\output.vb
Test the ROM with an emulator and flash it to your FlashBoy!

Datei anhängen:



png  VUE-MA-VBDE_Img-01_rename.png (34.72 KB)
14288_5a89edb18bd2e.png 640X250 px

png  VUE-MA-VBDE_Img-02_replace-pngs.png (50.83 KB)
14288_5a89edb8e1998.png 640X300 px

png  VUE-MA-VBDE_Img-03_delete-c-files.png (35.11 KB)
14288_5a89edbf3d34b.png 640X200 px

png  VUE-MA-VBDE_light_Img-04_add-fav.png (21.62 KB)
14288_5a89edc5dec56.png 560X300 px

png  VUE-MA-VBDE_light_Img-05_name-fav.png (15.20 KB)
14288_5a89edcb6c5d7.png 444X119 px

png  VUE-MA-VBDE_light_Img-06_convert-images.png (79.55 KB)
14288_5a89edd30a042.png 746X410 px

png  VUE-MA-VBDE_light_Img-07_copy-tiles.PNG (99.79 KB)
14288_5a89edd9d0b33.png 746X520 px

png  VUE-MA-VBDE_light_Img-08_paste-tiles.PNG (96.61 KB)
14288_5a89ede14360e.png 746X520 px

png  VUE-MA-VBDE_light_Img-09_add-titles.PNG (33.87 KB)
14288_5a89edeeeda58.png 746X260 px

png  VUE-MA-VBDE_light_Img-10_compile.png (64.09 KB)
14288_5a89edf97110c.png 746X329 px
7z VUE-MASTER_template-for-vbde-1.2.2.7z Größe: 586.04 KB; Hits: 61
Bearbeitet von STEREO BOY am 18.02.2018 22:32:27
Bearbeitet von STEREO BOY am 18.02.2018 23:19:27
Nach oben

#2
Re: VUE-MASTER: VBDE Support
Geschrieben am: 18.02.2018 22:21
Nintendoid!
Dabei seit 31.01.2017
Deutschland
129 Beiträge
Long Time User (2 Years)
VUE-MASTER VBDE Pro Tutorial:
How to make a ROM from your PNG files (VBDE Pro)

This tutorial shows how to make a VUE-MASTER reel in 6 easy steps using VBDE Pro. It describes the easiest way to use the VUE-MASTER template: by replacing the 7 existing demo images with your own files.


What you will need:
• VUE-prepared PNG files, matching the VB requirements (see the Graphics Tutorial ...)
• Download and unpack the latest VBDE Pro*

* VBDE is a portable application, which means you can move it anywhere, but it's recommended to put it here: C:\vbde\


Step 1 – Preparing the VBDE project folder

Open in new window

• Browse C:\vbde\samples\vuengine\ and make a copy of the "vue-master" template folder. Name it after your reel's project title.

Open in new window

• Replace the existing demo PNGs under: ...\assets\images\VueMasterImages\ with your own files.

Open in new window

• Delete all existing .c-files under: ...\VueMasterImage#\Binary\ for every image you've replaced.


Step 2 – Setting up the VBDE Light project

• Launch C:\vbde\VBDE.exe ...
• If windows firewall gives you any warning like "Unknown Publisher" choose "more" > "run anyway".

Open in new window

• Open the VUE-MASTER template path as a project with VBDE Pro.

Open in new window

• You can browse the project files in the left explorer window now.


Step 3 – Converting images to tiles

Open in new window

• Execute: "Tools" > "External Tools" > "CONVERT images" (or just use the quick button in the top right corner).
• New .c-files were created in the "Binary" folders.


Step 4 – Transferring tiles count (for every image)

Open in new window

• Open: ...\VueMasterImage1\Binary\VueMasterImage1.c (neither "..Left.c" nor "..Right.c")
◦ If the "tiles" count from the header comment (line 7) is 2033 or less: copy it.
◦ If the tiles count is more than 2033, refer to Part 2 of the Graphics Tutorial.

• Open: ...\VueMasterImage1\Definition\VueMasterImage1Definition.c

Open in new window

• Paste/replace the tiles count of image 1 under "CharSetROMDef" (line 49).

• Now repeat this procedure (Step 4) for every image, that you have replaced before ...


Step 5 – Adding titles to the main menu

• Open: ...\assets\languages\Language_EN.c”

Open in new window

• Add your reel's title at line 49.
• Add your reel's description text or credits at line 51.
• Keep your text inside the quotation marks.
• You can add line breaks by pasting \n.


Step 6 – Creating the ROM

Open in new window

• Execute: "Run" > "External Tools" > "COMPILE" (or just use the quick button in the top right corner).
• Compiling is done when this message appears in the console: "Process finished with exit code 0".


Enjoy your stereo reel!

You will find your VUE-MASTER reel under: ...\build\output.vb
Test the ROM with an emulator and flash it to your FlashBoy!

Datei anhängen:



png  VUE-MA-VBDE_pro_Img-04_Open-project-path.PNG (34.46 KB)
14288_5a89ee3796cec.png 440X502 px

png  VUE-MA-VBDE_pro_Img-05_Browse-project.PNG (30.00 KB)
14288_5a89ee3d70280.png 360X540 px

png  VUE-MA-VBDE_pro_Img-06_convert-images.png (52.71 KB)
14288_5a89ee4331692.png 746X520 px

png  VUE-MA-VBDE_pro_Img-07_copy-tiles.PNG (74.32 KB)
14288_5a89ee4aa9235.png 746X600 px

png  VUE-MA-VBDE_pro_Img-08_paste-tiles.PNG (78.65 KB)
14288_5a89ee512001f.png 746X600 px

png  VUE-MA-VBDE_pro_Img-09_add-titles.PNG (45.60 KB)
14288_5a89ee5794277.png 746X430 px

png  VUE-MA-VBDE_pro_Img-10_compile.png (53.37 KB)
14288_5a89ee5f477c3.png 746X520 px
Bearbeitet von STEREO BOY am 18.02.2018 22:39:34
Bearbeitet von STEREO BOY am 18.02.2018 22:48:10
Nach oben

#3
Re: VUE-MASTER: VBDE Support
Geschrieben am: 23.02.2018 22:30
Nintendoid!
Dabei seit 31.01.2017
Deutschland
129 Beiträge
Long Time User (2 Years)
Update / advanced tip:
GRIT always counts 1 tile more than needed

Zitat:
STEREO BOY schrieb:
Step 4 – Transferring tiles count (for every image)

• Open: ...\VueMasterImage1\Binary\VueMasterImage1.c (neither "..Left.c" nor "..Right.c")
◦ If the "tiles" count from the header comment (line 7) is 2033 or less: copy it.
◦ If the tiles count is more than 2033 2034, refer to Part 2 of the Graphics Tutorial.

• Open: ...\VueMasterImage1\Definition\VueMasterImage1Definition.c

• Paste/replace the tiles count of image 1 under "CharSetROMDef" (line 49).
◦ If the tiles count is exactly 2034, you can type 2033 here.

• Now repeat this procedure (Step 4) for every image, that you have replaced before ...

Meanwhile KR155E told me, that GRIT always counts 1 tile more than it found in your image. That means, that you can write one tile less into the definition file ( Step 4). For example, if GRIT counts exactly 2034 tiles in your image, you can still use it by typing 2033 into the definition file!

Open in new window
Image No. 4 in the MARIO KART 7 Reel No. 2 has exactly 2033 tiles (which is the absolute maximum for VUE-MASTER images). GRIT counted 2034 tiles – see source files attached ...

Datei anhängen:


7z VueMasterImage4.7z Größe: 35.71 KB; Hits: 58
Nach oben

 Nach oben   Vorheriges Thema   Nächstes Thema


Bitte erst registrieren. Danach ist es möglich Beiträge zu schreiben.