工具
HBuilder
实验目的
熟悉WebGL编程环境,了解WebGL程序绘制过程和绘制流水线实现。掌握基本的绘制程序编写方式,能够通过程序绘制简单图案
实验任务
以下效果均为嵌套html实现,并非直接引用图片
任务a
要求在网页上添加交互式控件,输入剖分的层次(0-7),绘制对应图案。如输入剖分层次分别为1和4,分别绘制效果如下图,其中颜色可任意选择:
任务b
绘制三维效果的Sierpinski Gasket。
任务c
完成不同层次剖分效果的绘制。
任务d
任务c中剖分后的三角形添加旋转效果。
任务e
在任务d中,旋转角度根据点到原点的距离设定。
交互式界面(高能)
将前面的所有功能进行了整合,并且添加了更多的好玩的功能,实现了非常棒的交互式界面!
快来体验吧!!!!!!!!!
使用注意:
- 当绘制维数为3维时,不支持设置RGB
- 当选择自动旋转时,旋转角度中的数值会被自动忽略,三角型会按照角度范围里面的范围进行旋转
- 剖分层次0-9
- 旋转角度无限制
- 时间间隔>0 (实践证明,时间间隔1-50时,三角形的旋转速度差不多,100以上三角形的速度会有较明显变化)
- 此交互式界面不再进行维护。2021/10/12 15:21
If you like this blog or find it useful for you, you are welcome to comment on it. You are also welcome to share this blog, so that more people can participate in it. If the images used in the blog infringe your copyright, please contact the author to delete them. Thank you !