Paper2D HTML5 Camera not working properly
So I've been fiddling with Unreal Engine 4 for about a month now. I still very much a noob at it but I've learned a lot so far! One thing that has my mind boggled is that when I have packaged the game in to an html5 file and try to run it in an web browser, the camera is offset and refuses to move/follow the player. I have not encountered this issue in the engine/viewport testing or when packaging it to windows, where it runs perfectly fine.
This is how it normally looks like:
And this is how it looks like in the web browser:
Now the game is still working. I can hear the sound effects of the character picking up items but it seems like the screen is frozen in that state. I have tried changing the camera from orthographic to perspective, that didn't help. I've checked online for quite some time and haven't encountered anyone with the same problem. I even tried to make a new level to start off from, with a menu, but the camera was offset on that one too. I'm guessing there's an option somewhere that I've missed but I have no clue on what it could be. Any help would be appreciated!
asked Apr 28 '15 at 08:28 PM in Packaging & Deployment
The issue with the camera was solved - sort of. The main issue was that the browser I had wasn't fully supporting unreal so it crashed the second it started. The color issue was an problem with the shaders that I fixed by changing all textures to another shader. The camera issue still "exists", you can briefly see that image when the game starts up but it's not a real issue anymore. There were other issues that got solved with the release of 4.9.1 so I'm happy about that!
The only big problem I have left is that the game is huge/takes a long time to load, which doesn't really help my cause, but I can't seem to compress or speed it up even more than I've had.
Here is the link to the game if you want to check it out: http://pierrehansson.com/
answered Oct 14 '15 at 05:19 PM
Spring arm and camera within it can help you. You could also try 2d scroller template, it works in html5 perfectly.
answered Apr 30 '15 at 10:32 AM
I get the same issue with FF38 x64 beta and the paper2D template project. Currently I am using 4.7.6. To fix the black screen issue mentioned by Ferret_228_, you MUST enable TemporalAA on the global postprocessing volume. This is probably another bug. Once you do that, you will experience the side viewing bug with the orthographic camera as mentioned in Dorial's post. His attached images are verbatim what I see minus his assets of course. To fix the broken camera angle in firefox, you must go to about:config and change webgl.disable-angle to true. At this point, you should have a working paper 2D sidescroller template in HTML5. Here is to hoping that the HTML5 implementation gets the TLC it needs sooner than later.
answered Apr 30 '15 at 09:08 PM
Follow this question
Once you sign in you will be able to subscribe for any updates here