Pyro 2 Questions

[therevillsParticipant]

Hey Playniax – so I’ve finally got around to play with Pyro 2 and got a couple of questions so far

* Is delta timing needed for the scene graph object?
* Why 2 different modules for Pyro-Framework and Pyro-SceneGraph? Just trying to get my head around which on to use and where…
* How would a create a GUI layer so it doesnt move with the camera? For example I’m playing with the shadowcaster example and would like the LayerLabel not to move with the camera?

Monkey

[crayon-5cb9b8fd2349d298857125 inline="true" ]' Import assets #Import "../assets/playniax.png" #Import "../assets/playniax_N.png" #Import "../assets/playniax_S.png" #Import "../assets/background.png" #Import "../assets/background_N.png" #Import "../assets/background_S.png" #Import "../assets/light.png" #Import "../assets/comici.ttf" #Import "<std>" #Import "<mojo>" #Import "<pyro-scenegraph>" ' Import pyro scene. Using std.. Using mojo.. Using pyro.framework.. Using pyro.scenegraph.. Global virtualResolution:=New Vec2i( 640,480 ) ' Backing global for virtual resolution. Class PyroExample Extends Window ' Backing fields: Field light:LayerSprite Field logo:LayerSprite Field scene:Scene Field camera:Camera Field label:LayerLabel Method New( title:String,width:Int,height:Int,flags:WindowFlags=WindowFlags.Resizable ) Super.New( title,width,height,flags ) Layout="letterbox" scene=New Scene( Self ) ' Create a scene. camera=New Camera( scene ) ' Setup camera. Local layer:=New Layer( scene ) ' Add layer. layer.AmbientLight=New Color( .1,.1,.1,1 ) ' Create background sprites Local background:=New LayerSprite( layer,Content.GetBump( "asset::background.png","asset::background_N.png","asset::background_S.png" ) ) background.Location=virtualResolution/2 ' Center of the screen. 'logo=New LayerSprite( layer,Content.GetBump( "asset::playniax.png","asset::playniax_N.png","asset::playniax_S.png" ) ) ' Create a sprite using the Playniax logo. logo=New LayerSprite( layer,Content.GetImage( "asset::playniax.png" ) ) ' Create a sprite using the Playniax logo. logo.Location=virtualResolution/2 logo.Image.ShadowCaster=New ShadowCaster( New Rectf( 1,1,logo.Width-2,logo.Height-2 ) ) ' Add a shadow caster to the sprite image. ' A light is just a sprite but you need to set lighting on by changing the Type property to 2. light=New LayerSprite( layer,Content.GetLight( "asset::light.png" ) ) light.Type=2 ' LayerSprite now functions as a light! ( 1=normal ) light.Scale=New Vec2f( 3,3 ) Local guiLayer:=New Layer(scene) ' ( Note that the content manager is used to load the images but Image.Load can also be used ) ' Label: label=New LayerLabel() label.Layer=guiLayer label.Font=Font.Load( "asset::comici.ttf",48 ) label.Color=New Color( 1,0,1 ) label.Text="Hello world!" label.X=100 label.Y=100 End Method OnMeasure:Vec2i() Override Return virtualResolution End Method OnRender( canvas:Canvas ) Override App.RequestRender() light.Location = MouseLocation+camera.Location label.Text = MouseLocation ' Scrolling keys: If Keyboard.KeyDown( Key.Left ) camera.X-=5 If Keyboard.KeyDown( Key.Right ) camera.X+=5 If Keyboard.KeyDown( Key.Up ) camera.Y-=5 If Keyboard.KeyDown( Key.Down ) camera.Y+=5 scene.Update() ' Update must be called before Draw! scene.Draw( canvas ) ' Draw all scene objects to canvas Local y:=8 Local gap:=20 canvas.DrawText( "Mouse location:" + label.Text, 8, y) y+=gap canvas.DrawText( "Camera location:" + camera.Location, 8, y) y+=gap canvas.DrawText( "light location:" + light.Location, 8, y) End End Function Main() New AppInstance New PyroExample( "Pyro example",640,480 ) App.Run() End

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115

[crayon-5cb9b8fd2349d298857125 inline="true" ]' Import assets #Import "../assets/playniax.png" #Import "../assets/playniax_N.png" #Import "../assets/playniax_S.png" #Import "../assets/background.png" #Import "../assets/background_N.png" #Import "../assets/background_S.png" #Import "../assets/light.png" #Import "../assets/comici.ttf" #Import "<std>" #Import "<mojo>" #Import "<pyro-scenegraph>" ' Import pyro scene.   Using std.. Using mojo.. Using pyro.framework.. Using pyro.scenegraph..   Global virtualResolution:=New Vec2i( 640,480 ) ' Backing global for virtual resolution.   Class PyroExample Extends Window   ' Backing fields: Field light:LayerSprite Field logo:LayerSprite Field scene:Scene Field camera:Camera Field label:LayerLabel Method New( title:String,width:Int,height:Int,flags:WindowFlags=WindowFlags.Resizable )   Super.New( title,width,height,flags )   Layout="letterbox"   scene=New Scene( Self ) ' Create a scene.   camera=New Camera( scene ) ' Setup camera.   Local layer:=New Layer( scene ) ' Add layer. layer.AmbientLight=New Color( .1,.1,.1,1 )   ' Create background sprites Local background:=New LayerSprite( layer,Content.GetBump( "asset::background.png","asset::background_N.png","asset::background_S.png" ) ) background.Location=virtualResolution/2 ' Center of the screen. 'logo=New LayerSprite( layer,Content.GetBump( "asset::playniax.png","asset::playniax_N.png","asset::playniax_S.png" ) ) ' Create a sprite using the Playniax logo. logo=New LayerSprite( layer,Content.GetImage( "asset::playniax.png" ) ) ' Create a sprite using the Playniax logo. logo.Location=virtualResolution/2   logo.Image.ShadowCaster=New ShadowCaster( New Rectf( 1,1,logo.Width-2,logo.Height-2 ) ) ' Add a shadow caster to the sprite image.   ' A light is just a sprite but you need to set lighting on by changing the Type property to 2. light=New LayerSprite( layer,Content.GetLight( "asset::light.png" ) ) light.Type=2 ' LayerSprite now functions as a light! ( 1=normal ) light.Scale=New Vec2f( 3,3 ) Local guiLayer:=New Layer(scene) ' ( Note that the content manager is used to load the images but Image.Load can also be used ) ' Label: label=New LayerLabel() label.Layer=guiLayer label.Font=Font.Load( "asset::comici.ttf",48 ) label.Color=New Color( 1,0,1 ) label.Text="Hello world!" label.X=100 label.Y=100 End   Method OnMeasure:Vec2i() Override Return virtualResolution End   Method OnRender( canvas:Canvas ) Override App.RequestRender()   light.Location = MouseLocation+camera.Location label.Text = MouseLocation   ' Scrolling keys: If Keyboard.KeyDown( Key.Left ) camera.X-=5 If Keyboard.KeyDown( Key.Right ) camera.X+=5 If Keyboard.KeyDown( Key.Up ) camera.Y-=5 If Keyboard.KeyDown( Key.Down ) camera.Y+=5   scene.Update() ' Update must be called before Draw!   scene.Draw( canvas ) ' Draw all scene objects to canvas   Local y:=8 Local gap:=20 canvas.DrawText( "Mouse location:" + label.Text, 8, y) y+=gap canvas.DrawText( "Camera location:" + camera.Location, 8, y) y+=gap canvas.DrawText( "light location:" + light.Location, 8, y)   End   End   Function Main()   New AppInstance New PyroExample( "Pyro example",640,480 ) App.Run()   End

[/crayon]

Or should I be doing something different?

[PlayniaxParticipant]

Is delta timing needed for the scene graph object?

No

Why 2 different modules for Pyro-Framework and Pyro-SceneGraph?

When is started Pyro2 I attempted to have one module for both but found that having ‘specialised’ modules just worked better.

Just trying to get my head around which on to use and where…

I generally use the Scenegraph for game / sprite oriented stuff and GUI module for buttons, labels, etc as an overlay.

Not a fixed set of ‘rules’ but the examples reveal my personal preference.

How would a create a GUI layer so it doesnt move with the camera? For example I’m playing with the shadowcaster example and would like the LayerLabel not to move with the camera?

In your particular example you can add and extra layer and set the layer MultiplierX and MultiplierY to 0. The layers X and Y positions are multiplied by the camera X and Y and by the Multiplier X and Y values so you can create a parallax scrolling effects by changing the values. Setting them to 0 will cause the layers not to move when you move the camera.

Monkey

Local layer2:=New Layer( scene ) layer2.MultiplierX=0 layer2.MultiplierY=0

1 2 3

Local layer2:=New Layer( scene ) layer2.MultiplierX=0 layer2.MultiplierY=0

[therevillsParticipant]

Thanks Tony!

So much code to look thru!

From what you are suggesting I should use the gui module for the overlay instead of the layer?

With the screen manager is there a way to have transitions (eg fade between them)?

Edit: Should I be using screens or scenes? O_O

[PlayniaxParticipant]

Did you go thru the modules bananas? Step by step they should clear things up. I attempted to keep them as minimum as possible to expose diffrent parts of the framework…

Anyway, a screen and a scene are not the same. You can use the screen manager and screens like the monkey Window class except you can set up multiple screens and switch easily between them. From a screen OnUpdate and OnRender you can update and draw a scene.

Also have a look at the ‘t01_screens’ template in the Pyro essentials found here

For fading you can use the DrawFader( canvas,value ) command.

The jungle.monkey2 demo in the essentials zip show you how its done.

I did recently start a series of tutorials that I want to update regulary so hopefully this will help!

Here are the humble beginnings!

I added the scene graph basics today!

[therevillsParticipant]

The Jungle example is perfect, this should be in your examples folder! I was having a hard time with the Screen and adding a Scene… in the example you have:

scene=New Scene( ScreenManager )

I must be rusty in MX2 as how does that even work? You are passing a class to scene not an instance of a class???

When declaring screens is the last one instantiated the first one to be shown?

I’ve added fading to the Jungle demo example, but is there an easier way with the framework?

https://pastebin.com/sLBrce9g

(I couldnt paste the code here)

[nerobotParticipant]

You are passing a class to scene not an instance of a class???

Just press F2 on ScreenManager and jump to declaration. You’ll see that

Monkey

Property ScreenManager:ScreenManager() Return _screenManager End

1 2 3

Property ScreenManager:ScreenManager() Return _screenManager End

yes! mx2 allow us naming variables the same as classes, so we can be surprised sometimes.

(this lang feature prevents me to do code jumping properly – especially in such cases)

[PlayniaxParticipant]

Nerobot to the resque!

The scene must know its Window or in this case the ScreenManager ( the ScreenManager is an extension of the monkey2 Window class ).

The Jungle example is perfect, this should be in your examples folder!

At the time the module manager zip file limit was only 2 mb? I was forced to split it up a bit. I think mark changed it to 5? I should have a look at that. Maybe a lot of people missed the cool stuff.

When declaring screens is the last one instantiated the first one to be shown?

Yes, but you can control it with the Set command.

Monkey

game.Set()

1	game.Set()

I’ve added fading to the Jungle demo example, but is there an easier way with the framework?

Not at this time really

Thing is, with Igntition and Pyro I learned that to much predetermined stuff keeps devs boxed in ( doing things my way ) that I tried to keep things as open and flexible as possible.

I might write a transitions lib that deals with this automatically like Ignition has but a bit more open.

[therevillsParticipant]

Thanks Nerobot… I didnt think to pressed F2, I just thought it was the class! D’oh! That does make reading code a bit harder!

Thanks again Tony for the info.

A transition lib would be great, adding fading betweening screens makes games look so much more professional.

I might have missed but is Pyro2 source opensource on GitHub or similar?

[PlayniaxParticipant]

I might have missed but is Pyro2 source opensource on GitHub or similar?

Pyro is opensource but not on GitHub ( yet )

No experience with GitHub sharing / merging etc. Still on my todo list to have a go.

[therevillsParticipant]

Possible bug, run the b05_shadowcaster demo and then maximise the window. The position of the light sprite is drawn incorrectly.

[PlayniaxParticipant]

Thanks! It looks like a bug in the banana, not Pyro. The banana uses a virtual resolution but the ‘real’ mouse values. I will update the banana  asap!

[therevillsParticipant]

Ah… I’m trying to do something similar whats the fix?

Also what you suggest on getting Canvas details in the OnUpdate method, for example canvas.Viewport.Width?

And currently we cant pass in a texture flag to GetBump in the content manager, I’ve added to my version of pyro-framework:

Monkey

[crayon-5cb9b8fd40983513741533 inline="true" ] Method GetBump:Image( diffuse:String,normal:String,specular:String,specularScale:Float=1,flipNormalY:Bool=True,shader:Shader=Null,textureFlags:TextureFlags=TextureFlags.FilterMipmap) ... obj._bump=Image.LoadBump( SmartPath( diffuse ),SmartPath( normal ),SmartPath( specular ),specularScale,flipNormalY,shader,textureFlags ) ...

1 2 3 4 5

[crayon-5cb9b8fd40983513741533 inline="true" ] Method GetBump:Image( diffuse:String,normal:String,specular:String,specularScale:Float=1,flipNormalY:Bool=True,shader:Shader=Null,textureFlags:TextureFlags=TextureFlags.FilterMipmap) ... obj._bump=Image.LoadBump( SmartPath( diffuse ),SmartPath( normal ),SmartPath( specular ),specularScale,flipNormalY,shader,textureFlags ) ...

[/crayon]

Hmmm looks like all the Content resources you cant set a texture flag unless I’ve missed something…

I’ve also added a OnPostRender method in screenmanager’s Screen class:

Monkey

[crayon-5cb9b8fd40989640912069 inline="true" ] Method OnPostRender( canvas:Canvas ) Virtual End

1 2	[crayon-5cb9b8fd40989640912069 inline="true" ] Method OnPostRender( canvas:Canvas ) Virtual End

[/crayon]

Which is called by ScreenManager OnRender method:

Monkey

[crayon-5cb9b8fd4098e167427706 inline="true" ] Elseif ( _currentScreen._runOnce=False And _currentScreen._started=True ) _currentScreen.OnRender( canvas ) _currentScreen.OnPostRender( canvas ) ' NEW! Endif

1 2 3 4 5

[crayon-5cb9b8fd4098e167427706 inline="true" ] Elseif ( _currentScreen._runOnce=False And _currentScreen._started=True )   _currentScreen.OnRender( canvas ) _currentScreen.OnPostRender( canvas ) ' NEW! Endif

[/crayon]

This allows me to add extra stuff such as a fader etc.

Is there a better place to discuse these changes or are you happy with this thread?

[PlayniaxParticipant]

whats the fix

Will post that later

currently we cant pass in a texture flag to GetBump in the content manager

I see. Or I missed it or Mark added it recently not sure. Anyway, will try to add that.

Is there a better place to discuse these changes or are you happy with this thread?

Maybe some kind of more direct communication is needed because I am interested in what the ‘Diddy guy’ thinks that should be added. I use Slack, Skype or do you have a suggestion except for github.

[PlayniaxParticipant]

There are basically 2 correct ways to get the mouse coords when a virtual resolution is used or the camera zooms in/out/rotates.

Monkey

mouse:=camera.GetMouseLocation( layer )

1	mouse:=camera.GetMouseLocation( layer )

or

Monkey

mouse:=layer.GetMouseLocation( camera )

1 2	mouse:=layer.GetMouseLocation( camera )

what you suggest on getting Canvas details in the OnUpdate method

For now, the canvas size is always the same as the window size ( or view ). You can also call camera.View.Width or camera.View.Height

I will change this in the future because I want to be able to render the scene to an image larger or smaller as the default canvas and at the time I coudn’t decide the best approach on passing the width and height to the update part. But I think for now your safe to get the window or camera sizes…

[therevillsParticipant]

Hmmm tried both:

Monkey

[crayon-5cb9b8fd51c8f439923693 inline="true" ]mouse := camera.GetMouseLocation( layer ) mouse := layer.GetMouseLocation( camera )

1 2	[crayon-5cb9b8fd51c8f439923693 inline="true" ]mouse := camera.GetMouseLocation( layer ) mouse := layer.GetMouseLocation( camera )

[/crayon]

Doesnt fix the issue…

[Author]

Posts