Three.js
大兵的猫
这个作者很懒,什么都没留下…
展开
-
threejs学习笔记
threejs学习笔记原创 2024-03-12 13:56:39 · 209 阅读 · 0 评论 -
three.js几何体沿特定轨迹运动
three.js几何体沿特定轨迹运动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"原创 2021-10-15 11:07:39 · 420 阅读 · 0 评论 -
three.js 纹理贴图
three.js 纹理贴图 1.单个图片 通过纹理贴图加载器TextureLoader的load()方法加载一张图片可以返回一个纹理对象Texture,纹理对象Texture可以作为模型材质颜色贴图.map属性的值。 材质的颜色贴图属性.map设置后,模型会从纹理贴图上采集像素值,这时候一般来说不需要再设置材质颜色.color。.map贴图之所以称之为颜色贴图就是因为网格模型会获得颜色贴图的颜色值RGB。 // 纹理贴图映射到一个矩形平面上 var geometry = new THREE.PlaneGeo原创 2021-10-13 17:35:23 · 983 阅读 · 0 评论 -
Three.js基础-简单几何体
Three.js简单应用 Three.js是基于原生WebGL封装运行的三维引擎,在所有WebGL引擎中,Three.js是国内文资料最多、使用最广泛的三维引擎。 相关链接: github链接:https://github.com/mrdoob/three.js Three.js官网:https://threejs.org/ 以下为简单几何体实现: 主要步骤: 1.创建场景对象 2.创建几何对象 3.创建网格模型对象 3.创建材质对象 4.将材质对象和几个对象添加到网格模型对象 5.将网格模型对象添加到场景原创 2021-10-11 16:17:55 · 121 阅读 · 0 评论