![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WebGL
文章平均质量分 92
频率coo
seu计算机
展开
-
使用WebGL绘制一只平面小鸡
使用WebGL绘制一只平面小鸡这学期选修了计算机图形学这门课,最近刚开始接触WebGL,目前只学到二维的部分,尝试绘制一只平面的小鸡。效果图首先上效果图:下面直接进入代码部分:drawCircle.html<!DOCTYPE html>&a原创 2018-10-18 18:00:12 · 2463 阅读 · 6 评论 -
WebGL实现两个模型的独立运动:旋转、前进后退、缩放
实现两个三维模型的独立运动,包括每个模型的转向、前进后退、缩放功能。此处方向均以运动模型作为参考,模型正面方向为前进,相反方向为后退,绕动物中轴线转向。完整代码已在xxx给出,效果图如下:...原创 2018-11-18 20:05:50 · 7453 阅读 · 2 评论 -
WebGL给场景添加光照,实现模型的层级运动、纹理、场景漫游
效果图先放一张最终效果图,实现了给场景添加光照、纹理,模型的独立运动、层级运动,场景漫游的效果,右上角为绘制的光源。完整源码已给出:传送门本篇仅对给场景添加光照进行讲解。给场景添加光照整体思路采用逐片元光照的方式,每个模型维护一个顶点数组和法向量数组,在向顶点数组添加顶点坐标的同时,对应向法向量数组中添加每个顶点对应的法向量。每个模型绘制前,传入该模型的材质参数,绑定其对应的顶点和法向...原创 2018-12-31 10:47:32 · 2920 阅读 · 4 评论