Animation Question

[Mezzorio]

Hey Everyone!

Still working with my same project looking at the depth perspectives and minor animations, I'm either looking for a page which is better structured than babylons own help page - Find it very unhelpful and vague personally, or some suggestions from everyone on here. I am looking to see if i can create the animation affect to give a sense of depth to the build, the best online example effect of what I mean is here: https://www.g-star.com/en_gb/raw  - You can see as you go across the team, you are able to see the effect i'm trying to describe and aspire to build, as you look for example at Pharrell Williams sat on the stool and the tall guy with glasses behind him, as you go from the leftmost view to rightmost. If anyone can help me with this I would be very appreciative. as I am currently struggling to find a start point, I will attach a playground of my current project to see what I currently have running and if possible could even demo the effect i'm after using it would be great!

Please note that the FOV I wish to use is 0.30, but is set to 1 in the example as the texture error boxes are rather big.

Playground: https://playground.babylonjs.com/#0RDNN7

Thanks everyone!

Mezz

[Mezzorio]

I have also been looking at ways to get my camera to move on a smaller circle within the circle of sprites which could give the same affect, however another struggle of mine working with an arc camera or free camera, or how to call the variables i'm after to set the movement and I need to link to my mouse movement, as is currently set as a rotation

[JCPalmer]

I am sorry, but you need to specify full path urls for your textures.  All that can be seen is red an black squares.  I doubt anyone will be able to figure anything out of what that PG is.

FYI, I use 120mm focal length for wide angle scenes.

        camera.fov = 0.265103; // 120mm focal length

 

[GameMonetize]

Quote

Find it very unhelpful and vague personally

Please feel free to suggest improvements / do some PR on the doc itself to improve it

[Mezzorio]

14 hours ago, JCPalmer said:

I am sorry, but you need to specify full path urls for your textures.  All that can be seen is red an black squares.  I doubt anyone will be able to figure anything out of what that PG is.

FYI, I use 120mm focal length for wide angle scenes.

        camera.fov = 0.265103; // 120mm focal length

 

I've received lots of help from other users with that playground and with the image texture error holders

[Mezzorio]

14 hours ago, Deltakosh said:

Please feel free to suggest improvements / do some PR on the doc itself to improve it

It's just very lacking in information as to what capabilities there are, how they can be used and pulled, there isn't anything in the documentation to tell you how to use or call any of the values or extensions, for example i'm looking to change to an ArcRotateCamera and position it outside of my circle of sprites but the documentation is very vague, it doesn't tell me how to set the target, set the motion, call in the different members it just tells me they are there called this nothing else and that is of no use to me

[JohnK]

A couple of observations before I try to help answer your question.

On 8/21/2017 at 5:57 PM, JCPalmer said:

I am sorry, but you need to specify full path urls for your textures.  All that can be seen is red an black squares.  I doubt anyone will be able to figure anything out of what that PG is.

Must agree with @JCPalmer difficult to see where issue is with no proper image.

On 8/21/2017 at 2:13 PM, Mezzorio said:

I'm either looking for a page which is better structured than babylons own help page - Find it very unhelpful and vague personally, or some suggestions from everyone on here

There are times when I cannot find what I need in the documentation but have always found the forum very helpful if I ask specific questions. For example asking

"How do I move an arcRotate camera to a specific position and how do I change its angle" would have elicited a reply I am sure.

I find this a good philosophy.

Now to try and help with an answer. The apparent movement of one object behind another is the parallax effect.

If you have your objects in a circle and the camera is sweeping around the circle then as you are more or less looking in the same relative direction from center to circumference parallax is less noticeable. Compare this PG where camera slowly rotates around an inner circle

https://playground.babylonjs.com/#RF4DUZ#2

with this one where the people are standing in rows and you move the camera left and right using the left and right arrow keys. (up and down camera keys move forward and backward).

Remember to click on display area before using keys.

https://playground.babylonjs.com/#RF4DUZ#3

IMHO arranging people around a circle will not give the effect you want.

 

 

[brianzinn]

The documentation does give some hints, if you know where to look.  For example, you mention that it doesn't tell you "how to set the target".  There is a setTarget method.  Also, you want to "position the camera outside the circle of sprites" and there is a setPosition() method:
http://doc.babylonjs.com/classes/3.0/arcrotatecamera

One of the tutorials: http://doc.babylonjs.com/tutorials/cameras explains a lot as well.  I struggled a lot when I started and still do sometimes, but lots of help in the forums.  Cheers.

 

[Mezzorio]

14 hours ago, JohnK said:

A couple of observations before I try to help answer your question.

Must agree with @JCPalmer difficult to see where issue is with no proper image.

There are times when I cannot find what I need in the documentation but have always found the forum very helpful if I ask specific questions. For example asking

"How do I move an arcRotate camera to a specific position and how do I change its angle" would have elicited a reply I am sure.

I find this a good philosophy.

Now to try and help with an answer. The apparent movement of one object behind another is the parallax effect.

If you have your objects in a circle and the camera is sweeping around the circle then as you are more or less looking in the same relative direction from center to circumference parallax is less noticeable. Compare this PG where camera slowly rotates around an inner circle

https://playground.babylonjs.com/#RF4DUZ#2

with this one where the people are standing in rows and you move the camera left and right using the left and right arrow keys. (up and down camera keys move forward and backward).

Remember to click on display area before using keys.

https://playground.babylonjs.com/#RF4DUZ#3

IMHO arranging people around a circle will not give the effect you want.

 

 

I have my build set so the camera is arcing around the scene from the outside now moving along the beta now, but its clearly moving the sprites around a circle and I need to fix that