Animated Title Screen and Other Title Improvements

[Rayd12smitty]

Hey guys. So Thanks to thor348 I figured out how to do something that has been bugging a LOT of people. How to Animate the Title Screen! I've seen many posts asking how you can use a .gif or multiple frames in a loop as a title screen instead of a static image. I found out how (It was actually really simple XD) Anyway here we go.


Tutorial by Rayd12smitty using Pokemon Essentials Version 11

The Images
First, you need your new title screen. No .gif images here! You need all your images as frames, one for each frame in the game (Unless you want to mess around with the timer) There are 20 frames in one second, so you may have a LOT of images. Thats alright though. Name your images
Splash_1, Splash_2, Splash_3, etc. Put them in a folder Called Splash inside your game folder in Graphics/Titles. I recommend over 100 frames, even if they are just duplicates. I have 40 different frames, but 3 or 4 of each one in a row so it doesn't move so fast. This brings the total to 120 or 160 depending on how fast I want it. It takes a while to name all the images but it needs to be done.

The Script
Alright. The script we are dealing with is Scene_Intro. This is the scene that loads the start screen (The black screen with Pokemon Essentials creators on it) and the Title screen. Open the script and go to line 50. It should say

@pic.name="Graphics/Titles/"+@splash

Directly ABOVE it, add the line

@Animation = 1

This sets the title screen's frame to 1.

Then REPLACE the line that is now line 51 which says

@pic.name="Graphics/Titles/"+@splash

with

@pic.name="Graphics/Titles/Splash/Splash_#{@Animation}"

This will change where the images are found and makes it so the images name depends on the variable we created (@Animation)

Halfway done. Now find the line that says

@timer=0 if @timer>=80

it should be around line 62. AFTER this line add

@Animation+=1 if @Animation<ZZZ
    @Animation = 1 if @Animation==ZZZ
    @pic.name="Graphics/Titles/Splash/Splash_#{@Animation}"

This adds 1 to the variable @Animation every frame and once it reaches a certain number resets it to 1. It also updates what image is being shown depending on the variable @Animation.

Replace ZZZ with how many frames your title screen has. If you have 160 images in the folder Graphics/Title/Splash, this number is 160. If you have 40 frames, this number is 40. Simple right?

Thats should do it :D Now your title screen acts animated, not static. Below I will explain one more little change to the title screen to help your game.

The Cry
If you've played your game or any other Pokemon Essentials game, you know that a random pokemon's cry is played when the "Enter" button is pressed. But your game might be about Rayquaza, you don't want a random Wynaut screaming when the player hits start! This is a real simple fix. Once again in the script Scene_Intro search for

cry=sprintf("%03dCry",1+rand(PBSpecies.maxValue))
    pbSEPlay(cry,100,100)

and replace it with

pbSEPlay('ZZZCry',100,100)

where ZZZ is the national dex number of the pokemon who's cry you want played.
There are 2 places in the script where these lines are found. Do this to both

Please Read
Thats all. Thanks for reading through this and I hope you found it helpful. If you use the animated title screen edits, please give me credit Rayd12smitty. I don't require credit for the cry played. Please comment with any questions/errors (Although there shouldn't be errors if you followed the directions right)


Example (Mine don't use)

 

[ppooookkkkkkk]

I love all your tutorials (as well as carmaniacs).
This tutorial hopefully will make my game more attractive thank you.

 

[Rayd12smitty]

I love all your tutorials (as well as carmaniacs).
This tutorial hopefully will make my game more attractive thank you.

I've only made 2 or 3 XD Thanks so much though it means a lot. Carmaniac actually taught me just about every thing I know about scripting.

 

[KingCharizard]

I've only made 2 or 3 XD Thanks so much though it means a lot. Carmaniac actually taught me just about every thing I know about scripting.

Thats interesting, I remember when carmaniac wasnt that good with scripting himself :) but nice tut, I do think it would be easier to just use .gif but this way works too

 

[Rayd12smitty]

Thats interesting, I remember when carmaniac wasnt that good with scripting himself :) but nice tut, I do think it would be easier to just use .gif but this way works too

.gifs don't work. That's why I made this. When you try using a .gif for a splash screen it just shows the first frame and never animates.

 

[Luka S.J.]

.gifs don't work. That's why I made this. When you try using a .gif for a splash screen it just shows the first frame and never animates.

GIFs could have worked if you changed the variable of the splash sprite to be using the class GifSprite instead of PictureEx, and then just set a @pic.update in the def updateSplash. Just sayin'...

Thats interesting, I remember when carmaniac wasnt that good with scripting himself :)

Ryan has come a long way in a small period of time. He was really dedicated to improving his skills, both in coding and spriting.

 

[KingCharizard]

GIFs could have worked if you changed the variable of the splash sprite to be using the class GifSprite instead of PictureEx, and then just set a @pic.update in the def updateSplash. Just sayin'...



Ryan has come a long way in a small period of time. He was really dedicated to improving his skills, both in coding and spriting.

Yea Luka is right, if you modify the code like you did with the above method you could easily use .gifs

Oh, snap first name basis.. it just got serious.. :) Yea i know I've been seeing his posts havent talked to him lately since they got rid of MSN

 

[thor348]

GIFs could have worked if you changed the variable of the splash sprite to be using the class GifSprite instead of PictureEx, and then just set a @pic.update in the def updateSplash. Just sayin'...

Ahh yes. That does work. Very sorry Rayd12smitty for providing a more difficult way to do it

 

[Rayd12smitty]

I kind of meant gifs wouldn't work without script edits. Either way it's working and some people may prefer this method.

 

[KingCharizard]

I kind of meant gifs wouldn't work without script edits. Either way it's working and some people may prefer this method.

isnt your way editing a script as well? There is nothing against your method it just is gonna take a little bit more work than the .gif method. but your right some people may prefer this way opposed to the other way. to each their own...

anyways nice tutorial overall, very clear and precise with the instructions.. I like your style, looking forward to seeing more from you.

 

[Pharetra]

Ahh yes. That does work. Very sorry Rayd12smitty for providing a more difficult way to do it

Don't worry, your way has it's own advantages. You won't be restricted to 252 colours for example, which is something I really like ;)

Thanks for the tutorial :)

 

[Peeky Chew]

Can someone please explain what exactly you have to change about smitty's script to make it work with .GIFs?

 

[tylerab01]

Can someone please explain what exactly you have to change about smitty's script to make it work with .GIFs?

I believe this will work, but Luka knows better than I.

@viewport=Viewport.new(0,0,GRAPHICSHEIGHT,GRAPHICSWIDTH)
@sprites["Pic"]=GifSprite.new (@viewport)
@sprites["Pic"].bitmap=BitmapCache.load_bitmap("PATH TO PICTURE")


I set my own viewports so you will have to check the Settings Script of Essentials.

-AvD

 

[CrazyClyde]

For some reason, when I did all the scripts for the cry at the end. an error came up, and it said, "Script 'Scene_Intro' line 111: SyntaxError occured,". Any idea? I didn't even mess with that line..

 

[WinterKirby]

For some reason, when I did all the scripts for the cry at the end. an error came up, and it said, "Script 'Scene_Intro' line 111: SyntaxError occured,". Any idea? I didn't even mess with that line..

What do you have on line 111?

 

[ultrademise]

when i try to test this, i get the following error:
Script 'Scene_Intro' line 58: SyntaxError occured
please help me

This is my script

Spoiler:

class IntroEventScene < EventScene
def initialize(pics,splash,viewport=nil)
super(nil)
@pics=pics
@splash=splash
@pic=addImage(0,0,"")
@pic.moveOpacity(0,0,0) # fade to opacity 0 in 0 frames after waiting 0 frames
@pic2=addImage(0,322,"") # flashing "Press Enter" picture
@pic2.moveOpacity(0,0,0)
@index=0
data_system = pbLoadRxData("Data/System")
pbBGMPlay(data_system.title_bgm)
openPic(self,nil)
end

def openPic(scene,args)
onCTrigger.clear
@pic.name="Graphics/Titles/"+@pics[@index]
@pic.moveOpacity(15,0,255) # fade to opacity 255 in 15 frames after waiting 0 frames
pictureWait
@timer=0 # reset the timer
onUpdate.set(method(:timer)) # call timer every frame
onCTrigger.set(method(:closePic)) # call closePic when C key is pressed
end

def timer(scene,args)
@timer+=1
if @timer>80
@timer=0
closePic(scene,args) # Close the picture
end
end

def closePic(scene,args)
onCTrigger.clear
onUpdate.clear
@pic.moveOpacity(15,0,0)
pictureWait
@index+=1 # Move to the next picture
if @index>[email protected]
openSplash(scene,args)
else
openPic(scene,args)
end
end

def openSplash(scene,args)
onCTrigger.clear
onUpdate.clear
@Animation = 1
@pic.name="Graphics/Titles/Splash/Splash_#{@Animation
@pic.moveOpacity(15,0,255)
@pic2.name="Graphics/Titles/start"
@pic2.moveOpacity(15,0,255)
pictureWait
onUpdate.set(method(:splashUpdate)) # call splashUpdate every frame
onCTrigger.set(method(:closeSplash)) # call closeSplash when C key is pressed
end

def splashUpdate(scene,args)
@timer+=1
@timer=0 if @timer>=80
@Animation+=1 if @Animation<1
@Animation = 1 if @Animation==1
@pic.name="Graphics/Titles/Splash/Splash_#{@Animation
if @timer>=32
@pic2.moveOpacity(0,0,8*(@timer-32))
else
@pic2.moveOpacity(0,0,255-(8*@timer))
end
if Input.press?(Input::DOWN) &&
Input.press?(Input::B) &&
Input.press?(Input::CTRL)
closeSplashDelete(scene,args)
end
end

def closeSplash(scene,args)
onCTrigger.clear
onUpdate.clear
# Play random cry
pbSEPlay('384Cry',100,100)
# Fade out
@pic.moveOpacity(15,0,0)
@pic2.moveOpacity(15,0,0)
pbBGMStop(1.0)
pictureWait
scene.dispose # Close the scene
sscene=PokemonLoadScene.new
sscreen=PokemonLoad.new(sscene)
sscreen.pbStartLoadScreen
end

def closeSplashDelete(scene,args)
onCTrigger.clear
onUpdate.clear
# Play random cry
pbSEPlay('384Cry',100,100)
# Fade out
@pic.moveOpacity(15,0,0)
@pic2.moveOpacity(15,0,0)
pbBGMStop(1.0)
pictureWait
scene.dispose # Close the scene
sscene=PokemonLoadScene.new
sscreen=PokemonLoad.new(sscene)
sscreen.pbStartDeleteScreen
end
end



class Scene_Intro
def initialize(pics, splash = nil)
@pics=pics
@splash=splash
end

def main
Graphics.transition(0)
@eventscene=IntroEventScene.new(@pics,@splash)
@eventscene.main
Graphics.freeze
end
end

 

[Furankku]

when i try to test this, i get the following error:
Script 'Scene_Intro' line 58: SyntaxError occured
please help me

I get the exact same error, has a solution been found?
My script if it helps:

Spoiler:

class IntroEventScene < EventScene
def initialize(pics,splash,viewport=nil)
super(nil)
@pics=pics
@splash=splash
@pic=addImage(0,0,"")
@pic.moveOpacity(0,0,0) # fade to opacity 0 in 0 frames after waiting 0 frames
@pic2=addImage(0,322,"") # flashing "Press Enter" picture
@pic2.moveOpacity(0,0,0)
@index=0
data_system = pbLoadRxData("Data/System")
pbBGMPlay(data_system.title_bgm)
openPic(self,nil)
end

def openPic(scene,args)
onCTrigger.clear
@pic.name="Graphics/Titles/"+@pics[@index]
@pic.moveOpacity(15,0,255) # fade to opacity 255 in 15 frames after waiting 0 frames
pictureWait
@timer=0 # reset the timer
onUpdate.set(method(:timer)) # call timer every frame
onCTrigger.set(method(:closePic)) # call closePic when C key is pressed
end

def timer(scene,args)
@timer+=1
if @timer>80
@timer=0
closePic(scene,args) # Close the picture
end
end

def closePic(scene,args)
onCTrigger.clear
onUpdate.clear
@pic.moveOpacity(15,0,0)
pictureWait
@index+=1 # Move to the next picture
if @index>[email protected]
openSplash(scene,args)
else
openPic(scene,args)
end
end

def openSplash(scene,args)
onCTrigger.clear
onUpdate.clear
@Animation = 1
@pic.name="Graphics/Titles/Splash/Splash_#{@Animation
@pic.moveOpacity(15,0,255)
@pic2.name="Graphics/Titles/start"
@pic2.moveOpacity(15,0,255)
pictureWait
onUpdate.set(method(:splashUpdate)) # call splashUpdate every frame
onCTrigger.set(method(:closeSplash)) # call closeSplash when C key is pressed
end

def splashUpdate(scene,args)
@timer+=1
@timer=0 if @timer>=80
@Animation+=1 if @Animation<120
@Animation = 1 if @Animation==120
@pic.name="Graphics/Titles/Splash/Splash_#{@Animation
if @timer>=32
@pic2.moveOpacity(0,0,8*(@timer-32))
else
@pic2.moveOpacity(0,0,255-(8*@timer))
end
if Input.press?(Input::DOWN) &&
Input.press?(Input::B) &&
Input.press?(Input::CTRL)
closeSplashDelete(scene,args)
end
end

def closeSplash(scene,args)
onCTrigger.clear
onUpdate.clear
# Play random cry
cry=pbResolveAudioSE(pbCryFile(1+rand(PBSpecies.maxValue)))
pbSEPlay(cry,100,100) if cry
# Fade out
@pic.moveOpacity(15,0,0)
@pic2.moveOpacity(15,0,0)
pbBGMStop(1.0)
pictureWait
scene.dispose # Close the scene
sscene=PokemonLoadScene.new
sscreen=PokemonLoad.new(sscene)
sscreen.pbStartLoadScreen
end

def closeSplashDelete(scene,args)
onCTrigger.clear
onUpdate.clear
# Play random cry
cry=pbResolveAudioSE(pbCryFile(1+rand(PBSpecies.maxValue)))
pbSEPlay(cry,100,100) if cry
# Fade out
@pic.moveOpacity(15,0,0)
@pic2.moveOpacity(15,0,0)
pbBGMStop(1.0)
pictureWait
scene.dispose # Close the scene
sscene=PokemonLoadScene.new
sscreen=PokemonLoad.new(sscene)
sscreen.pbStartDeleteScreen
end
end



class Scene_Intro
def initialize(pics, splash = nil)
@pics=pics
@splash=splash
end

def main
Graphics.transition(0)
@eventscene=IntroEventScene.new(@pics,@splash)
@eventscene.main
Graphics.freeze
end
end

The solution to mine and ultrademise's problem was pointed out to me by the maker of another Pokemon Essentials game, it was simply that the tutorial doesn't have us close the

@pic.name="Graphics/Titles/Splash/Splash_#{@Animation

it should be

@pic.name="Graphics/Titles/Splash/Splash_#{@Animation}"

 

[mej71]

I get the exact same error, has a solution been found?
My script if it helps:

Spoiler:

class IntroEventScene < EventScene
def initialize(pics,splash,viewport=nil)
super(nil)
@pics=pics
@splash=splash
@pic=addImage(0,0,"")
@pic.moveOpacity(0,0,0) # fade to opacity 0 in 0 frames after waiting 0 frames
@pic2=addImage(0,322,"") # flashing "Press Enter" picture
@pic2.moveOpacity(0,0,0)
@index=0
data_system = pbLoadRxData("Data/System")
pbBGMPlay(data_system.title_bgm)
openPic(self,nil)
end

def openPic(scene,args)
onCTrigger.clear
@pic.name="Graphics/Titles/"+@pics[@index]
@pic.moveOpacity(15,0,255) # fade to opacity 255 in 15 frames after waiting 0 frames
pictureWait
@timer=0 # reset the timer
onUpdate.set(method(:timer)) # call timer every frame
onCTrigger.set(method(:closePic)) # call closePic when C key is pressed
end

def timer(scene,args)
@timer+=1
if @timer>80
@timer=0
closePic(scene,args) # Close the picture
end
end

def closePic(scene,args)
onCTrigger.clear
onUpdate.clear
@pic.moveOpacity(15,0,0)
pictureWait
@index+=1 # Move to the next picture
if @index>[email protected]
openSplash(scene,args)
else
openPic(scene,args)
end
end

def openSplash(scene,args)
onCTrigger.clear
onUpdate.clear
@Animation = 1
@pic.name="Graphics/Titles/Splash/Splash_#{@Animation
@pic.moveOpacity(15,0,255)
@pic2.name="Graphics/Titles/start"
@pic2.moveOpacity(15,0,255)
pictureWait
onUpdate.set(method(:splashUpdate)) # call splashUpdate every frame
onCTrigger.set(method(:closeSplash)) # call closeSplash when C key is pressed
end

def splashUpdate(scene,args)
@timer+=1
@timer=0 if @timer>=80
@Animation+=1 if @Animation<120
@Animation = 1 if @Animation==120
@pic.name="Graphics/Titles/Splash/Splash_#{@Animation
if @timer>=32
@pic2.moveOpacity(0,0,8*(@timer-32))
else
@pic2.moveOpacity(0,0,255-(8*@timer))
end
if Input.press?(Input::DOWN) &&
Input.press?(Input::B) &&
Input.press?(Input::CTRL)
closeSplashDelete(scene,args)
end
end

def closeSplash(scene,args)
onCTrigger.clear
onUpdate.clear
# Play random cry
cry=pbResolveAudioSE(pbCryFile(1+rand(PBSpecies.maxValue)))
pbSEPlay(cry,100,100) if cry
# Fade out
@pic.moveOpacity(15,0,0)
@pic2.moveOpacity(15,0,0)
pbBGMStop(1.0)
pictureWait
scene.dispose # Close the scene
sscene=PokemonLoadScene.new
sscreen=PokemonLoad.new(sscene)
sscreen.pbStartLoadScreen
end

def closeSplashDelete(scene,args)
onCTrigger.clear
onUpdate.clear
# Play random cry
cry=pbResolveAudioSE(pbCryFile(1+rand(PBSpecies.maxValue)))
pbSEPlay(cry,100,100) if cry
# Fade out
@pic.moveOpacity(15,0,0)
@pic2.moveOpacity(15,0,0)
pbBGMStop(1.0)
pictureWait
scene.dispose # Close the scene
sscene=PokemonLoadScene.new
sscreen=PokemonLoad.new(sscene)
sscreen.pbStartDeleteScreen
end
end



class Scene_Intro
def initialize(pics, splash = nil)
@pics=pics
@splash=splash
end

def main
Graphics.transition(0)
@eventscene=IntroEventScene.new(@pics,@splash)
@eventscene.main
Graphics.freeze
end
end

The solution to mine and ultrademise's problem was pointed out to me by the maker of another Pokemon Essentials game, it was simply that the tutorial doesn't have us close the
it should be

Generally, syntax errors are because you need to use Thread Tools -> Show Printable Version

Pokecommunity's formatting breaks some coding

 

[Reni]

I dunno if any one else is having this issue but I was following this tutorial and when I went in to play it, the game gave me the error, "Script 'Main' line 21: NameError occured. Uninitialized constant Scene_Intro."

This was the first time I was messing around with the script and I only changed and added exactly what was stated so I'm not sure what to do. I don't know a whole lot of coding either so I'm not certain what the issue is or how to fix it.

 

[Sykrys]

How would I make out the script to mimic the style of the title screens of Pokémon Red and Blue, with playing the respective cry when that Pokémon is shown? I've figured out the credits, the shooting star, and Gengar vs Jigglypuff. The title screen after that baffles me.