【OPENGL&WEBGL】将OpenGL里的gluProject和gluUnProject函数web化

这篇博客介绍了如何将OpenGL中的gluProject和gluUnProject函数改写为JavaScript版本,以适应Web上的矩阵变换需求。作者使用了glMatrix库来实现这一过程,并强调理解渲染管线和坐标转换知识对于理解这些函数至关重要。文章提供了JavaScript改写后的代码,并给出了测试示例的下载链接。
摘要由CSDN通过智能技术生成

前言

最近的需求需要涉及到在web上实现各个矩阵的变换和逆变换,不过功能也仅限于此,没必要因为这个功能而引用three.js,所以就想着gluProject和gluUnProject两个函数在JavaScript上实现一遍,于是对照着这两个函数的源码进行改写。改写用到了矩阵向量库glMatrix

gluProject和gluUnProject源码

GLint GLAPIENTRY
gluProject(GLdouble objx, GLdouble objy, GLdouble objz, 
          const GLdouble modelMatrix[16], 
          const GLdouble projMatrix[16],
              const GLint viewport[4],
          GLdouble *winx, GLdouble *winy, GLdouble *winz)
{
    double in[4];
    double out[4];

    in[0]=objx;
    in[1]=objy;
    in[2]=objz;
    in[3]=1.0;
    __gluMultMatrixVecd(modelMatrix, in, out);
    __gluMultMatrixVecd(projMatrix, out, in);
    if (in[3] == 0.0) return(GL_FALSE);
    in[0] /= in[3];
    in[1] /= in[3];
    in[2] /= in[3];
    /* Map x, y and z to range 0-1 */
    in[0] = in[0] * 0.5 + 0.5;
    in[1] = in[1] * 0.5 + 0.5;
    in[2] = 
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值