Hi !
Featured games (85)
games approved by the League of Dukes
Games in Showcase (623)
Games in Android Showcase (176)
games submitted by our members
Games in WIP (676)
games currently in development
News: Read the Java Gaming Resources, or peek at the official Java tutorials
    Home     Help   Search   Login   Register   
Pages: [1]
  ignore  |  Print  
  Projected Scale for Billboard Sprites?  (Read 538 times)
0 Members and 1 Guest are viewing this topic.
Offline davedes
« Posted 2013-12-30 05:12:23 »

This is a WebGL question, but I figure somebody here may be able to help.

Basically, I'm rendering camera-facing quads in 3D. The WebGL path is working fine. Now, though, I need to have a 2D canvas fallback -- think of it like Graphics.drawImage in Java2D.

I'm projecting the sprite's 3D world position into 2D space. The problem is that I need to scale my images with respect to how far away in Z depth they are. Since I am not submitting individual vertices of the image, but instead just the center 3D point, how should I determine the "projected scale"?

My current solution is to project the upper-left vertex and lower-right vertex of the billboard into 2D space, and then determine the final 2D image size based on that.

However, this seems excessive to do for each sprite. Is there a simpler way that I'm missing? I'm looking for something like this:

var fl = frameSize / (2 * Math.tan(camera.fieldOfView / 2));
var scale = 1/ ( z / fl );

But what is "frameSize" and how would I keep the scaling consistent with the WebGL renderer?

Pages: [1]
  ignore  |  Print  
You cannot reply to this message, because it is very, very old.

BurntPizza (32 views)
2015-10-08 03:11:46

BurntPizza (17 views)
2015-10-08 00:30:40

BurntPizza (19 views)
2015-10-07 17:15:53

BurntPizza (32 views)
2015-10-07 02:11:23

KaiHH (38 views)
2015-10-06 20:22:20

KaiHH (16 views)
2015-10-06 19:41:59

BurntPizza (32 views)
2015-10-06 19:04:48

basil_ (47 views)
2015-09-30 17:04:40

shadowstryker (26 views)
2015-09-29 15:55:06

TheSpaceHedgehog (32 views)
2015-09-29 01:58:48
Math: Inequality properties
by Roquen
2015-10-01 13:30:46

Math: Inequality properties
by Roquen
2015-09-30 16:06:05

HotSpot Options
by Roquen
2015-08-29 11:33:11

Rendering resources
by Roquen
2015-08-17 12:42:29

Rendering resources
by Roquen
2015-08-17 09:36:56

Rendering resources
by Roquen
2015-08-13 07:40:51

Networking Resources
by Roquen
2015-08-13 07:40:43

List of Learning Resources
by gouessej
2015-07-09 11:29:36 is not responsible for the content posted by its members, including references to external websites, and other references that may or may not have a relation with our primarily gaming and game production oriented community. inquiries and complaints can be sent via email to the info‑account of the company managing the website of java‑
Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines | Managed by Enhanced Four Valid XHTML 1.0! Valid CSS!