平面反射通常指的是在镜子或者光滑地面的反射效果上,如下图所示, 上图是一个光滑的平面,平面上的物体在平面上有对称的投影。一、平面反射的原理对于光照射到物体表面然后发生完美镜面反射的示意图,如下所示, 对于平面反射,假设平面上任意一点都会发生完美的镜面反射。因此,眼睛看到物体的一点的反射信息是从反射向量处得到的,这个可以用下图来表示, 这个实际上相当于,眼睛从平面的下面看向反射向量,如下图所示, 因
转载 2024-03-18 08:49:03
384阅读
镜面的实现  在上一章中,我们解释了用于渲染的光照的基本理论,并从头开始在无光照度中实现了一个漫反射着色器。在这一章中,你将学习如何为该着色器添加一个Specular项。基本照明的计算(第二部分)  在上一章中,我们学习了漫反射近似的理论;现在轮到Specular 近似的时候了。镜面  只有当你的视角恰好与镜面的方向一致时,你才会看到镜面。这使得它依赖于视角。你可以在标准光照图中烘烤漫反射光照,但
Photoshop对文字效果的处理,我们平时使用比较多的应该就是图层样式的设置了因为一般的效果我们通过它就可以完成。本教程作者给我们介绍了使用用高斯模糊和曲线调整来实现文字的金属反射效果,我们先来看看效果: 效果图  制作步骤:  1、新建图像并输入灰色的文字,如下左图。按住CTRL_单击图层缩览图,将文字转为选区,然后在通道调板中新建一个通道,并在选区内填充白色。通道效果和通道调板
原创 2022-11-15 21:49:35
157阅读
目录前言内容BRDF 模型兰伯特定律漫发射的计算公式高光反射的计算公式Blinn 模型的高光反射计算公式逐像素与逐顶点光照Unity 的环境光和自发光漫反射和高光反射的 Shader 实现漫反射光照模型(逐顶点)高光反射模型(逐顶点)前言光学中,我们是用辐射度来量化光。光照按照不同的散射方向分为两种形式:漫反射(diffuse)和高光反射(specular)。高光反射描述物体是如何反射光线的,漫反
Unity中反射光照是如何工作的        先来看个案例问题,下图中,苹果的反射效果看起来是很奇怪的。         在它的表面上反射了两种不同颜色的Spot Light光源,还反射了不属于室内环境的来自天空盒的光线,这是有问题的。在解决这个问题之前,我们需要知道在Unity中反射是如何工作的。Unit
转载 2024-04-15 14:10:03
251阅读
大家好,我是 Steven。今集会介绍如何使用 CSS 制作一个水滴效果,当图形碰到的时候会好像融合在一起这样,印象中有些安卓系统的 UI 在充电时也是类似的动画的:这个教程的视频版本在 www.bilibili.com/video/BV1S6… ,欢迎三连关注!HTML 的部分打开 CodePen 编辑器,新增一个 <div>,class 是 container;在里面新增三个 &l
CSS
转载 2021-01-17 17:36:13
2122阅读
2评论
对于CSS文本的一些效果,基础一些的知识比较简单,但对于text-indent,vertical-align,text-align等的深入学习能够使我们对HTML5的学习更加轻松,对这部分知识的深入了解,也更利于以后网站的一些小技巧方面的运用。 CSS文本属性 text-decoration 下划线、删除线、顶划线 text-transf...
原创 2021-06-01 11:37:44
457阅读
html代码<div class="card-container"> <div class="cover"> COVER </div> <div class="back"> BACK </div></div><div class="card-container"> <div class="cover"> COVER </div> <di
转载 2021-08-07 13:03:45
808阅读
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>wgchen</title>
原创 2023-02-09 11:14:06
38阅读
动画1(沿着椭圆转动)其实是个2D转动,只不过咱们设置椭圆,然后加上scale缩放(近大远小),看上
原创 2022-06-27 15:26:10
3341阅读
<div class="back"></div> <div class="heart"></div> 如上Html创建了两个div,一个用来操作背景颜色,一个用来操作元素。 .back { position: fixed; padding: 0; margin: 0; top: 0; left: 0 ...
转载 2021-10-20 12:06:00
3503阅读
2评论
css流光效果1: 2: http://demo.cssmoban.com/cssthemes4/cpts_958_csb/index.html .
转载 2018-06-18 16:17:00
717阅读
2评论
html代码<div class="card-container"> <div class="cover"> COVER </div> <div class="back"> BACK </div></div><div class="card-container"> <div class="cover"> COVER </div> <di
转载 2022-03-01 10:37:21
451阅读
 与原计划稍微有一点出入,我们先完成BlogDigger的原型级产品:OnlineRssReader!前台后台数据
原创 2023-06-23 07:03:44
78阅读
   color-stop(50%, #dddfe4),           ...
f5
原创 2013-03-26 16:49:33
176阅读
Title
原创 2022-04-21 13:50:10
721阅读
CSS盒子效果:<!DOCTYPE html> <html> <head> <!--声明当前页面的编码格式 UTF-8(国际编码)gbk(中文简体)--> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/&gt
原创 2015-10-15 16:49:25
1061阅读
/cssref/pr_transition-timing-function.asp css <!DOCTYPE html> <html> <head> <style> .right_head_ul li { display: inline-
转载 2019-11-27 19:40:00
878阅读
2评论
预加载文章段落 使用 三行背景色,首行(透明+灰)、尾行(灰+透明)、中间行(重复灰) copy <div class="loading_p border"></div> // scss .load_Ping{ $line: 3; $baseWidth: 32px; $padding: 40px; ...
转载 2021-09-05 20:35:00
242阅读
2评论
css渐变效果  2012-04-05 17:58:45|  分类: 默认分类|字号 订阅  CSS3发布很久了,现在在国外的一些页面上常能看到他的身
原创 2023-08-08 11:07:58
120阅读
  • 1
  • 2
  • 3
  • 4
  • 5