学习webgl是一个很不错的一门技术,可以制作出逼真的3D效果,关键是他可以在浏览器上跑,可以兼容主流的浏览器,接下来我们就开始慢慢的实现3D效果,学习webgl首先要认识three.js表示3D的意思,有人会问了,开发这个3D效果用什么开发工具比较好呢,我建议可以用Hbulider,他是开发WEB端最快的一个工具,其次可以选择WebStorm 。

   一.webgl是怎么实现3D的呢?

    它需要有三大组建:

    1.相机:它就像是人的眼睛一样把看到的东西添加到场景中,把每一个角度的景色都显示出来,相机有分很多种,我们在学习中在一一介绍

    2.渲染器:它主要设置在那个地方上画,画面的颜色,渲染的长度,高度,决定了画在哪个页面元素上,并且以怎样的方式来绘制。

    3.场景:它就是设置展示的时候,是一个长方体,正方体还是圆锥等等,主要用来用什么展示出来

    4.渲染:它跟渲染器不一样,别搞混了,主要是使用渲染器,结合相机和场景来得到结果画面

  用图画表示:

    

介绍到这里相比大家都3D的实现有一定的了解,基础案例请看下一篇文章

    

版权声明:本文为fxd980519原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/fxd980519/articles/4920652.html