灵芸

灵芸

8 文章 21626 浏览

Three.js 线宽 .lineWidth 无效

在编写 Three.js 程序的时候,你设置线模型 Line 对应线材质 LineBasicMaterial 的线宽属性 .lineWidth,可能是无效果。 .lineWidth 属性 关于线材质 LineBasicMaterial 和虚线材质 LineDashedMaterial 的线宽属性 .lineWidth 的介绍可以查看Three.js文档。 .lineWidth 属性的主要功能是控制…

灵芸 2021-10-20 14:32:28 浏览 689 评论 0 收藏 0

Three.js Geometry

立方体 BoxGeometry、圆柱体 CylinderGeometry、球体 SphereGeometry 等 Three.js 几何体类都是基于基类 BufferGeometry 二次封装。 Geometry对原生WebGL中的顶点位置position、顶点法向量normal、顶点颜色color、顶点纹理坐标uv、顶点索引index等顶点数据进行了封装,关于Geometry顶点更多介绍可以关注…

灵芸 2021-10-11 08:58:11 浏览 854 评论 0 收藏 0

Three.js 数据纹理对象 DataTexture

Three.js 数据纹理对象 DataTexture 简单地说就是通过程序创建纹理贴图的每一个像素值。 程序生成一张图片的RGB值 var geometry = new THREE.PlaneGeometry(128, 128); //矩形平面 /** * 创建纹理对象的像素数据 */ var width = 32; //纹理宽度 var height = 32; //纹理高度 var size…

灵芸 2021-09-23 09:07:06 浏览 896 评论 0 收藏 0

Three.js Canvas 画布上局部渲染 剪裁方法 .setScissor() 和视口方法 .setViewport()

通过 Three.js 渲染器 WebGLRenderer 的剪裁方法 .setScissor() 可以在canvas画布上定义一个局部矩形区域,这个矩形区可以称为剪裁框或剪裁区域。 剪裁方法 .setScissor() 功能简单说就是控制Threejs渲染器渲染方法 .render() 影响范围,通过前面课程学习你应该知道,每执行一次渲染器渲染方法.render()就会得到一帧图像,canvas…

灵芸 2021-09-08 23:12:09 浏览 965 评论 0 收藏 0

Three.js 变形动画 geometry.morphTargets

便于变形动画,你可以理解为多组顶点数据,从一个状态变化到另一个状态,比如人的面部表情。 程序创建变形动画的顶点数据 /** * 创建网格模型,并给模型的几何体设置多个变形目标 */ // 创建一个几何体具有8个顶点 var geometry = new THREE.BoxGeometry(50, 50, 50); //立方体几何对象 console.log(geometry.vertices); …

灵芸 2021-07-30 07:38:20 浏览 984 评论 0 收藏 0

Three.js 材质透明度设置

材质:材质就像物体的皮肤,决定了几何体的外表,例如是否像草地/金属,是否透明,是否显示线框等 Three.js 提供了一个材质基类 THREE.Material,该基类拥有 three.js 所有材质的公有属性 材质的公共属性分类: 基础属性:ID,name,透明度,是否可见,是否需要刷新等 融合属性:决定了物体如何与背景融合 高级属性:可以控制 WEBGL 上下文渲染物体的方法,大多数情况下,是…

灵芸 2021-07-27 12:54:09 浏览 1153 评论 0 收藏 0

Sass 中半透明颜色的 Mixins

在 The Sass Way 上看到一篇 John W. Long 写的《Mixins for Semi-Transparent Colors》文章。文章中详细的介绍了如何使用 Sass 来定义一个半透明颜色的 mixins,觉得很有意思,认真学习之后,结合CSS中的半透明,以及 Sass 中的半透明做了一点总结,与大家分享。 CSS 中透明实现 回想CSS中实现透明的属性主要是opacity,这…

灵芸 2021-07-21 23:06:28 浏览 984 评论 0 收藏 0

Three.js 加载 .GLTF 文件

本文主要对三维模型的 GLTF 格式进行介绍,然后讲解如何通过 Threejs 加载 .GLTF 格式模型文件。 GLTF 格式是新 2015 发布的三维模型格式,随着物联网、WebGL、5G 的进一步发展,会有越来越多的互联网项目Web端引入 3D 元素,你可以把 GLTF 格式的三维模型理解为 .jpg、.png 格式的图片一样,现在的网站,图片基本是标配,对于以后的网站来说如果需要展示一个场…

灵芸 2021-07-18 11:26:25 浏览 1339 评论 0 收藏 0

简介

每个人心里都住着一个人,或眷念,或暗恋,或想念。

8 文章
3 评论
21626 人气
更多

推荐作者

佚名

文章 0 评论 0

佚名

文章 0 评论 0

一如既往

文章 0 评论 0

qq_incpIF

文章 0 评论 0