清晨说ぺ晚安

清晨说ぺ晚安

9 文章 17917 浏览

使用 Sass 制作倾斜角度

最近,我不得不在一个网站大量使用倾斜角度作为其设计指南的一部分。倾斜角,是指一个区域它的顶部或底部边缘不是完全水平而是倾斜的。 实现这种效果有很多种方法。例如可以将base64编码的图片应用为背景,但这会使得它很难自定义(颜色,角度等)。 另一种方法是倾斜或旋转绝对定位的伪元素,然而倾斜变换是我最不愿意处理的一件事。 使用Sass时,可以使用动态编码生成 SVG 的 Angled Edges库。它…

清晨说ぺ晚安 2021-09-24 09:01:15 浏览 843 评论 0 收藏 0

Three.js 同步两个相机对象状态

正投影相机对象 camera2 和正投影相机对象 camera 的状态保持一致,比如通过相机的控件OrbitControls改变camera的状态进行旋转、缩放时候,camera2 保持同步也进行旋转、缩放变化。 //相机对象camera作为参数 控件可以监听鼠标的变化,改变相机对象的属性 var controls = new THREE.OrbitControls(camera); // .po…

清晨说ぺ晚安 2021-09-06 23:30:41 浏览 869 评论 0 收藏 0

Three.js 融合 .blending

如果你对原生 WebGL 有一定的了解,那么你对混合函数 gl.blendFunc() 肯定是不陌生的。Three.js 中关于融合的一些设置可以查看材质基类 Material examples 官方案例 webgl_materials_blending.html webgl_materials_blending_custom.html .blending 属性 材质 Material 的 .bl…

清晨说ぺ晚安 2021-08-29 01:00:46 浏览 744 评论 0 收藏 0

Three.js 和前端技术结合使用

学习 Three.js 的群体有些是前端工程师,对前端知识很了解,有些是非前端出身,对前端了解很少。初学 three.js 对前端的要求并不高,只要对 HTML、CSS、JavaScript 知识简单学习即可。如果开发项目的话,作为 WebGL/Threejs 工程师对前端掌握程度肯定要和普通前端工程师一样,除非你的工作都是围绕底层图形学内容进行,这样的话对前端要求比较低。Web3D 项目都是运行…

清晨说ぺ晚安 2021-08-26 19:28:00 浏览 858 评论 0 收藏 0

Three.js 高光贴图 .specularMap

高光材质 MeshPhongMaterial 具有高光属性 .specular,如果一个网格模型 Mesh 都是相同的材质,可以使用.specular属性设置高光材质MeshPhongMaterial的高光颜色值就可以,如果一个网格模型表示一个人,那么人的不同部位高光程度是不同的,不可能直接通过.specular属性来描述,在这种情况通过高光贴图属性.specularMap来表达,.specula…

清晨说ぺ晚安 2021-08-23 23:43:29 浏览 740 评论 0 收藏 0

理解 Sass 的选择占位符 %placeholder

Sass 中提供多种方法来共用相同的 CSS 代码。你可以使用 @include 定义好的 @mixin 在你的CSS样式中插入新的CSS样式,你也可以使用@extend定义好的CSS类选择器,向你的CSS样式中插入新的 CSS 样式。在 Sass 3.2 中引入了一个新的特性——选择器占位符 %placeholder,能过 @extend 可以得到更有效的输出。 在开始介绍 %placehold…

清晨说ぺ晚安 2021-08-20 19:40:04 浏览 896 评论 0 收藏 0

Sass 3.3 新特性之连体符 &

Hugo Giraudel 在《Looking Into the Future of Sass》一文中向大家介绍了Sass的十大新特性。这些特性都将让你的工作变得更简单与方便。那么今天我主要想向大家介绍我自己对Sass3.3中几个新特性的理解与使用心得,希望对大家的学习有所帮助。 在 Sass 中使用连体符 & 在 Sass3.3 中,连体符 & 让你的选择器变得更简单,维护更方便…

清晨说ぺ晚安 2021-08-16 21:13:26 浏览 801 评论 0 收藏 0

Three.js 圆弧轨迹线 ArcCurve

下面代码通过圆弧 ArcCurve 类创建一个圆弧对象,本质上就是生成一系列沿着圆周分布的顶点坐标,然后通过曲线的方法 .getPoints() 从圆弧线均匀获得沿着圆周曲线分布的顶点坐标,获得坐标后,赋值给几何体 Geometry 对象的顶点位置属性 .vertices。 .getPoints() 方法的介绍参考圆弧 ArcCurve 的基类 Curve。 var r = 400;// 圆弧线半…

清晨说ぺ晚安 2021-08-06 13:08:04 浏览 916 评论 0 收藏 0

Three.js 获取 buffergeometry 的顶点个数

想要获得几何体 BufferGeometry 的顶点数量,首先你需要查看文档了解 Three.js 两个类 buffergeometry 和 BufferAttribute 的属性和方法。 // 获得模型BufferGeometry几何体对象的顶点数量 var num = BufferGeometry.attributes.position.count 通过 BufferGeometry 几何体对…

清晨说ぺ晚安 2021-08-03 20:37:34 浏览 952 评论 0 收藏 0

简介

我之所以活到现在的全部意义,是为了此刻能对你说,我爱你,我会在你身后永远守护你。

9 文章
2 评论
17917 人气
更多

推荐作者

qq_81h7fk

文章 0 评论 0

Aik

文章 0 评论 0

爱上歆随懿恫

文章 0 评论 0

qq_rvKjBH

文章 0 评论 0