在three.js学习之立体圆环及立体扭结圆环中,我们学习了立体图像的最后一部分内容,今天开始,我们要学习material的内容了,在开始之前,让我们将思路回到threejs学习第一课:了解threejs的基本概念,复习一下相关的内容。
three.js学习之立体圆环及立体扭结圆环
今天我们学习初级阶段能学到的最后两个图元,圆环和扭结圆环。还是和之前一样,将three.js学习之类球多面体的html代码复制出来新建一个文件,删除有关多面体的代码,保留公共部分。
three.js学习之类球多面体
在将three.js学习之常见几何体圆柱和球一章中我们学习了球SphereGeometry
,创建时需要传如的第一个参数就是radius
球面半径,今天咱们学的这些多面体,在这一点上和SphereGeometry
球很相似,因此我想将它们归类成类球多面体。还是秉承咱们一贯的习惯,复制three.js学习之平面图形圆环和平面的html代码,并删除有关平面圆形和平面的代码,保留公用部分。
three.js学习之平面图形圆环和平面
特意看了一眼,从2022年8月19号开始写第一篇教程到今天,已经一个月零三天了。平均下来连三天一篇都做不到。进度缓慢的原因很多,自己面对的众多琐碎小事,工作的压力,在某些细节处被卡住等等。总之就是没有预想的顺利。本来我的计划是一个月将文字版教程写完,然后开始录制视频。按照目前的进度看来,显然是不可能的了。首先就是要写明白的东西比较多,限制篇幅可能会导致每一篇都很长,不利于阅读,然后就是我自己的时间精力也被自己高估了。不管怎么样,我都想坚持把three.js教程系列做完。这里我要手动@我的大学辅导员,他曾对我说,不管做什么,在大学坚持做完一件事都是很好的。可惜了,我大学做的事多,但是没有坚持下去的。
three.js学习之常见几何体圆柱和球
这是学习three.js
的第六篇博客,想循序渐进的学习,可以到目录下查看。在开始之前先创建一个learnCylinderGeometrySphereGeometry.html
文件,然后将three.js学习之常见几何体平面圆形和圆锥中的代码复制过来,删除掉绘制平面圆形和圆锥的部分。
three.js学习之常见几何体平面圆形和圆锥
在three.js学习之盒子中,我们已经能够做出立方体并且根据需要进行变换了,点此可以查看demo。
three.js学习之盒子
通过前面三节的学习,我们已经知道three.js
的基本应用结构,也能做出一个自适应的简单demo来。从这一篇开始,我们将从细节入手,去深入理解three.js
的技术细节。
threejs响应式设计开发
在hello three.js中,在默认画布上我们做出了一个小的立方体。默认情况下,three.js
中的画布大小是300 * 200,所以我们做出来的东西,在大大的屏幕上也只占小小的一块。在实际开发中,我们可能需要根据实际情况去调整画布的大小,最常见的应该就是让画布满屏了。
threejs学习第二课:hello three.js
对threejs
有了初步的了解后,就应该着手写出一个hello word来了。因为是学习threejs
,所以我想先写一个 hello threejs。
使用js将网页转换为ppt并下载
在开发过程中,难免遇到将网页转换为ppt并下载下来演示的需求。尤其是在一些报告类型的网站,数据后台网站中,这类需求会更多。