基于WEBGL的3D系统的实现。使用了HTML5、JavaScript以及Three．js库。通过多种接口，使数据在不同系统之间流畅传递与转换，实现面向场景的三维目标
2022-03-04 23:49:39
19.25MB
1
vue-threejs
[WIP] 绑定
从迁移
演示： ，
// import VueThreejs from 'vue-threejs' // below 0.2.0
import * as VueThreejs from 'vue-threejs' // >= 0.2.0
Vue . use ( VueThreejs )
</ camera
2022-03-04 15:40:58
505KB
1
Threejs-贴花
THREE.js 的动态贴花。
基于的
请注意，此实现不会裁剪多边形的边缘。
此外，更重要的是，如果目标几何体中的三角形太大以至于没有顶点落在投影体积内，则该三角形将不会包含在贴花几何体中。 例如，如果您尝试将一个小贴花投影到一个巨大立方体的一侧，则什么也不会发生。
看看它的实际效果： :
2022-03-04 15:28:02
591KB
1
主要介绍了vue页面引入three.js实现3d动画场景操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2022-03-04 13:44:29
103KB
1
掌握three.js的基本用法；
掌握three.js与dom相结合使用；
掌握元素周期表排列的各种形式；
掌握元素周期表排列方式的举一反三；
2022-03-03 01:24:49
235KB
1
threejs-displacement-map-scale
平面上的比例位移图。 修改后的示例取自
2022-03-02 20:45:25
206KB
1
三.js-位移图
使用的置换贴图的基本。
演示在这里运行：
2022-03-02 18:41:31
172KB
1
这是一款基于three.js的超酷线条动画特效。该特效使用THREE.MeshLine库来制作WebGL线条动画特效，共有5个示例效果。
2022-02-25 11:36:11
256KB
1
学习如何使用编程语言GLSL制作OpenGL着色器，并了解顶级网站如何使用硬件图形。
了解 web 现在一个最尖端的部分: OpenGL 着色器。 一些顶级网站在网站设计中使用了它们，但大多数网站却因为不了解它们而并没有使用。
在本课程中，我们将向您展示如何使用编程语言 GLSL 从头开始制作着色器，以及你需要知道的关于 uniform、顶点和片元的一切，然后如何将它们应用到网络上的 2D 和 3D 项目。
你将学会：
1. 到底什么是着色器，以及如何编写 GLSL 代码
2. 什么 uniform，顶点和片段着色器
3. 如何使用 GlslCanvas 和 Three.js 应用 GLSL 代码到 web
4. 如何使用 Javascript 来连接网络事件（如鼠标移动和滚动）到我们的着色器代码
5. 快速的数学技术生产惊人的图形
6. 如何使用程序噪声和随机性来创建可变的图形
2022-02-23 09:05:03
910MB