WebGL学习

最新推荐文章于 2023-07-06 16:22:48 发布

jxjaqian

最新推荐文章于 2023-07-06 16:22:48 发布

阅读量345

点赞数

分类专栏： webgl 文章标签： webgl three.js

本文链接：https://blog.youkuaiyun.com/jxjaqian/article/details/81939558

版权

本文是WebGL学习的第一部分，作者作为图形学新手，介绍了通过WebGL在网页上创建3D效果的基本要素：渲染器、相机和场景。提到了three.js作为强大的辅助库，并简单提及每一帧更新的概念。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

WebGL学习（一）

从没接触过图形学小白一枚，由于各种机缘巧合（迫不得已）去学习了一下。前面一段时间在WebGL中文网看初级教程，看看都是一些嘛玩意，看下来发现作者写的还蛮有意思的，而且有样例可以下载下来，不过后面的教程是收费的。于是知道了three.js这个强大的库。初步认识大概就是知道了要在网页上展示3D效果，需要有renderer（渲染器）、camera（相机）、scene（场景）三个重要元素，这其中的学问就深奥了，小生无从细谈……

渲染器

renderer = new THREE.WebGLRenderer({ antialias: true });//建立render对象

renderer.setSize(window.innerWidth, window.innerHeight);//设置render的大小

renderer.setClearColor(0xF5F5F5);//背景色