45 WebGL在页面上添加hud显示

案例查看地址:点击这里

平视显示器(head up display)简称HUD,最早用于飞机驾驶。平视显示器将一些重要信息投射到飞机驾驶舱前方的一块玻璃上,飞行员能够将外界的影像和这些重要的信息融合在一起,而不用频繁低头观察仪表盘。三维图形程序,尤其是游戏,也经常在三维场景中叠加文本或二维图形信息,以达到HUD的效果。

思路:

(1)html中添加两个标签,一个用于显示模型的,另一个获取getContext("2d"),来显示文本相关内容。

(2)然后给前面的添加一个draw2D()的方法用于绘制相关内容。

45 WebGL在页面上添加hud显示_第1张图片




    
    
    
    Title
    












你可能感兴趣的:(WebGL,HUD,平视显示器,WebGL)