归属感

归属感

10 文章 20563 浏览

抽像命名 Sass 变量

Phil Karlton 认为,在计算机科学中,最大的难题之一就是:命名。这一问题在给变量命名时显得尤为突出。 目前,通过使用变量处理颜色、断点和字体大小,是一个很棒的实践。更进一步,你也可以通过使用 SASS Maps 和混合宏生成动态类名。这种方式在不影响用户视觉体验的基础上,还能让你的工作更有效率。 反模式(Anti-pattern) $red, $blue 和 $green 都是有意义的变…

归属感 2021-11-30 13:14:46 浏览 817 评论 0 收藏 0

使用 Sass 实现反相滤镜效果

在理清制作固定背景的反相效果后,我脑海中自然而然地想到了,使用 Sass 让不支持滤镜的浏览器实现这种效果。Sass 本身存在一个 invert 函数,但是只能模拟出 filter: invert(100%) 的效果。我们的目标是适用于任意比例。 下面的代码,是上次用 JavaScript 实现的反相滤镜效果: var box = document.querySelector('.box'), s…

归属感 2021-11-18 13:03:15 浏览 790 评论 0 收藏 0

为什么要开始学习 Sass

本文不会像一些其它文章一样,教你如何开始使用 Sass,我会告诉你为什么使用 Sass,我到底喜欢它什么。 我最初是在一个 Laravel 项目中,接触了 Sass,Larvel 是个 PHP 框架,内建有 Elixir 服务支持 Sass。你可能觉得说这个玩意跟我们没啥关系,但是重点是 Larvel 支持 Sass、使 Sass 非常容易上手,这就促使我去尝试使用 Sass、慢慢了解到它的很多优…

归属感 2021-11-08 19:26:12 浏览 896 评论 0 收藏 0

Three.js 开发指南 PDF 文档

目前 Threejs 相关的书籍很少,专门介绍 Three.js 的书籍基本就是《Three.js 开发指南》这一本书,中文翻译的版本有2版在售,不过内容是一样的。 内容 本书属于入门课程,关于 Threejs 引擎的数学模块、着色器模块等进阶内容没有进行详细讲解,主要介绍一些常用的基础功能,对相机对象、光源对象、材质对象、纹理贴图、骨骼和变形动画、相机相关的控件、精灵。 在学习的时候,不一定要按…

归属感 2021-10-24 10:14:32 浏览 906 评论 0 收藏 0

Three.js 材质设置金属效果

如果希望渲染出来某种材质效果,可以从Three.js引擎提供的基本材质中选择,首先肯定要选择网格类材质,而不是点、线材质,比如MeshBasicMaterial、MeshLambertMaterial、MeshPhongMaterial、MeshPhysicalMaterial等。 MeshBasicMaterial不受点、平行光等光源影响,肯定是排出的。MeshLambertMaterial材质…

归属感 2021-10-08 12:37:25 浏览 967 评论 0 收藏 0

Three.js 加载进度条

Threejs 加载模型的时候,因为模型文件比较大,为了更好的体验,往往会通过一个进度条来显示模型文件的加载进度。 关于 Threejs 通过模型文件加载器,比如 OBJLoader、FBXLoader、ObjectLoader、GLTFLoader 等加载一个模型文件,然后实时获得文件的加载进度,可以查看 threejs 文档关于这些加载器的基类 FileLoader。 你可把下面一段代码插入到…

归属感 2021-09-07 22:38:12 浏览 1065 评论 0 收藏 0

Sass Guidelines 中文版本之简介

本章向大家开始介绍 Sass Guidelines 有关于 Sass 的相关内容。主要介绍了为什么要一份这样的指南,其原则是什么,以及Sass的一些语法书写规范围等等 简介 为什么需要一个样式指南? 一个样式指南并不是一份便于阅读并使代码处于理想状态的文档。它在一个项目的生命周期中是一份关键文档,描述了编写代码的方式和采用这样方式的原因。它可能在小项目中显得有些矫枉过正,但却能在保持代码库整洁,提…

归属感 2021-08-23 23:50:14 浏览 1043 评论 0 收藏 0

Three.js 锯齿介绍和消除锯齿

通过 Three.js 开发应用程序的时候,场景渲染效果默认会有锯齿,需要通过设置代码消除锯齿。 渲染器锯齿属性 .antialias 设置渲染器锯齿属性 .antialias 的值可以直接在参数中设置,也可通过渲染器对象属性设置。 var renderer = new THREE.WebGLRenderer({ antialias:true, }); 或 renderer.antialias =…

归属感 2021-08-13 23:06:54 浏览 1164 评论 0 收藏 0

理解 Sass 的 list

Sass 中的 List 是一个让人可爱又可恨的东西。主要是他的语法太宽松,你几乎可以做任何你想做的事情。如果要想更好的使用好 Sass 语言中的 List 功能,我们就必须的深入了解他。Hugo 写了几篇教程,其深入的培析了 Sass 的 List 功能,以及其使用方法。 Create Striped Backgrounds With Gradients (and a Sass Mixin) U…

归属感 2021-07-30 07:42:01 浏览 1007 评论 0 收藏 0

从 CSS 到 SCSS 的规模化过渡

  • 从 CSS 到 SCSS 的规模化过渡
  • 从 CSS 到 SCSS 的规模化过渡
  • 从 CSS 到 SCSS 的规模化过渡
  • 从 CSS 到 SCSS 的规模化过渡

有些天真的看法认为, CSS 看起来很容易理解——它没有繁多的编程结构,并且还只是一种用来描述 DOM 外观的声明式语法,而不是一种可执行语言。非常具有讽刺意味的是,功能性的缺失恰让 CSS 难以推断其效果。此外,在选择器所处位置及其处于执行状态时,开发者是不能添加脚本的,从长远来看这也增加了使用 CSS 的风险。 CSS 预处理器向 CSS 中引入了众多高级特性,比如当下风行的迭代就是 CSS …

归属感 2021-07-28 13:10:12 浏览 1044 评论 0 收藏 0

Three.js 全屏 / 局部 渲染

通过 Three.js 发开 Web3D 应用的时候,渲染窗口可能是全屏效果占满web页面整个body区域,也可能是web页面上一个特定位置特定区域,比如渲染区域是一个特定位置、特定宽高的div元素所在区域。 具体源码和视频讲解参考本站发布的Threejs视频教程15.1节。 全屏渲染 直接通过Three.js的WebGL渲染器.setSize()方法设置渲染尺寸为浏览器body区域宽高度。 va…

归属感 2021-07-25 16:12:16 浏览 1193 评论 0 收藏 0

Three.js 圆柱 CylinderGeometry

通过 CylinderGeometry 类可以创建一个圆柱或圆台几何体。通过构造函数 CylinderGeometry 创建一个几何体,前两个参数如果相同是圆柱,不同就是圆台,分别表示上下底面的半径。 构造函数 CylinderGeometry 参数4表示圆柱圆周方向细分数,默认值是8,下面代码中设置的是48,你可以尝试不设置或者设置为8、10等比较低的值,你可以看到圆柱柱面不够光滑,想一个多棱柱…

归属感 2021-07-21 23:04:11 浏览 1033 评论 0 收藏 0

简介

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

10 文章
评论
20563 人气
更多

推荐作者