偏爱自由

偏爱自由

13 文章 17558 浏览

弄懂 Sass 3.5 的匿名函数

对博客上最新发布的 Sass 版本感到困惑?我也是。 Sass 3.5.0-RC.1标记了一种新的数据类型:匿名函数。在候选发布公告中,用了四个段落篇幅描述了 匿名函数 大量的细节,而不显示任何代码。由于并未真正理解它的含义,所以决定深入了解它。 匿名函数 候选版本上面写着: 可通过传函数名到 get-function($name) 中得到一个匿名函数 这说明 get-function($name…

偏爱自由 2021-09-23 09:10:02 浏览 809 评论 0 收藏 0

如何编写自定义 Sass 函数

如果您构建过不少网站,可能已注意到可以在一个项目中轻易的复制代码然后跨项目应用。反复复制相同的代码会浪费时间和增加错误出现的可能性。在Sass之前的系列中,我曾说 mixins 是样式重用和 编写 DRYer代码 的一个选择。Functions是实现相同功能的另一个方法。 最近几个月我一直在讲 Sass 的数据类型、运算符和函数。我们讲过了 numbers, strings, colors, co…

偏爱自由 2021-09-19 18:11:59 浏览 742 评论 0 收藏 0

Three.js 如何三维建模

如果你想开发一款基于浏览器 Web 平台环境运行的一款三维建模软件,选择WebGL的一款三维引擎Three.js是可行的。 基于WebGL技术的三维建模软件 目前大多数三维建模软件都是基于OpenGL技术开发,运行在操作系统上,随着5G发展带来的网速提高和浏览器性能的提高,三维建模软件迁移到Web运行是必然的趋势,只是时间问题,下面对目前市场上基于WebGL技术开发的一些三维建模软件进行简单介绍。…

偏爱自由 2021-09-11 19:28:36 浏览 702 评论 0 收藏 0

Three.js 材质深度测试 .depthTest

如果你对原生 WebGL 渲染管线渲染流程有一定的了解,对于渲染管线深度测试环节应该是不陌生的,Three.js 是对原生WebGL的封装,原生 WebGL 可以实现的功能,通过 Threejs 自然可以实现,通过 Threejs 材质对象的深度测试属性 .depthTest 可以控制渲染过程中是否进行深度测试。 Three.js运行的时候默认是进行深度测试的。 深度测试属性 .depthTest…

偏爱自由 2021-09-03 22:37:31 浏览 971 评论 0 收藏 0

使用 Sass 混合宏来声明 CSS 伪类选择器

  • 使用 Sass 混合宏来声明 CSS 伪类选择器
  • 使用 Sass 混合宏来声明 CSS 伪类选择器
  • 使用 Sass 混合宏来声明 CSS 伪类选择器
  • 使用 Sass 混合宏来声明 CSS 伪类选择器

CSS3在选择器方面添加伪类选择器这方面的特性,比如 :nth-child(n)、:nth-of-type(n) 这样的选择器,其好处在这里就不多说了。 而今天我们要说的是在 Sass 中如何更灵巧的使用 CSS3 的一些伪类选择器。 为什么使用混合宏来定义伪类选择器 CSS3中伪类选择器怎么使用,我想不是什么大问题,但大家在使用伪类选择器时,或多或少感觉到了其不太方便与灵巧。不过不要急,现在借助…

偏爱自由 2021-09-01 23:48:03 浏览 849 评论 0 收藏 0

Three.js 三维坐标系 AxesHelper

Three.js 提供了一个 AxesHelper 类,可以用来创建一个可视化的三维坐标系,可以用来辅助编写 Three.js 程序。 // 改变AxesHelper构造函数的参数,可以改变三维坐标轴的大小, // 参数设置坐标轴大小,150,编写程序的时候,可以根据相机参数调整为合适的值,如果太小可以无法显示出来 var axesHelper = new THREE.AxesHelper( 15…

偏爱自由 2021-08-17 21:03:09 浏览 879 评论 0 收藏 0

Three.js 场景过暗

如果你通过 Three.js 创建一个三维场景或者加载一个 stl、obj、fbx 等三维模型,可能会遇到整个场景非常暗情况,这一般和场景中的光源有关,如果光源强度过大,场景会太亮,如果光源强度过小,场景自然太暗。 光源设置 关于 Three.js 光源的设置,这里不详细解析,只简单说下思路,具体可以参考 Threejs 视频教程第5张的光照对象介绍。 Three.js 提供了点光源 PointL…

偏爱自由 2021-08-17 19:23:02 浏览 863 评论 0 收藏 0

Sass 中连体符(&)的运用

在 CSS 中,要想给一个元素赋予一定的样式,我们必须得先取到这个元素。那么就得需要选择器,通过选择器来选择指定元素,然后赋予所需的样式。而CSS选择器有很多种,比如层次选择器中的后代选择器、兄弟选择器、通用兄弟选择器等。而这些选择器都通过元素与元素之间的关系来确定的,比如: .parent .child {...} 除了这些选择器,还有 伪类选择器: .ele:after{...} 有时候还有 …

偏爱自由 2021-08-11 20:32:38 浏览 1012 评论 0 收藏 0

Three.js 相机对象 .lookAt() 方法

Threejs 相机对象 Camera 的 .lookAt() 方法用来设置相机对象看向的位置,比如在Threejs三维场景中通过相机对象.lookAt()方法指向场景中的一个球体,球体渲染出来后会显示在Canvas画布的正中间,.lookAt() 方法就是旋转相机对象以面向世界空间中的某个点,本质上改变的是相机对象的视图矩阵,具体点说是视图矩阵的旋转部分,如果你有兴趣了解Threejs是如何封装…

偏爱自由 2021-08-10 13:12:24 浏览 852 评论 0 收藏 0

Three.js 模型几何体面积 / 体积计算

在工作中通过 Three.js 开发项目的时候,一些特定的情况下你可能需要计算一个三维模型的表面积或者体积,比如在3D打印的Web项目中,你需要计算一个三维模型的体积,然后通过体积计算打印一个三维模型所需要的3D打印材料费;比如开发的一个程序中,需要自动计算一个地面、墙面或某个零件的表面需要多少涂料,肯定需要先计算它的外表面面积是多少。 思路——模型几何体表面积计算 如果是一个立方体、球体等规则几…

偏爱自由 2021-08-09 23:04:57 浏览 954 评论 0 收藏 0

简介

这家伙很懒,什么都还没有填写!

13 文章
2 评论
17558 人气
更多

推荐作者

qq_81h7fk

文章 0 评论 0

Aik

文章 0 评论 0

爱上歆随懿恫

文章 0 评论 0

qq_rvKjBH

文章 0 评论 0