WebGL Api使用初探: 立方体

之前一直用ThreeJs来学习Web3D。但是随着深入学习,对原生的WebGL Api发生了兴趣。

WebGL Api使用初探: 立方体

网上有几个立方体的例子,不过都不完全,要么代码有问题,要么找不到外部js文件。

我就东拼西凑,整理出来一个完整的例子。

能找到原文的,留下了参考地址,不知道从哪参考来的,就不管了。

只引用了一个外部js文件cuon-matrix.js。本来想把cuon-matrix.js里需要用上的几行代码拿出来在一个文件中拼凑上去,然后把唯一的外部文件也想去掉来着,但是想来想去,算了。就这么用吧。

最初想法是不引用外部js的,全部在一个文件里拼出来。因为很多js文件不好找,对学习WebGL也没啥帮助。



    
    
    
    Title
    
    
    




    
    


 

效果图

有个不完整的地方,就是颜色没有上去。还在继续学习并调整中。。。

WebGL Api使用初探: 立方体_第1张图片

 

比较好的例子:
https://www.wjceo.com/blog/webgl/2018-03-04/99.html

你可能感兴趣的:(Canvas与WebGL)