问题标签 [shadow]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1419 浏览

opengl - 创建阴影体积时如何在 GLSL 中转换背面顶点

我正在使用 OpenGL 编写游戏,并且正在尝试实现阴影体积。

我想通过顶点着色器在 GPU 上构建模型的阴影体积。为此,我用 VBO 表示模型,其中:

  • 顶点是重复的,这样每个三角形都有自己独特的三个顶点
  • 每个顶点都有其三角形的法线
    • 由于我不打算进入的原因,我实际上是在做以上两点,所以我不太担心顶点重复
  • 添加退化三角形以在每对“规则”三角形之间的边缘内形成四边形

使用这种模型格式,在顶点着色器中,我能够找到远离光线的三角形的一部分的顶点,并将它们移回以形成阴影体积。

我剩下要弄清楚的是我应该对背面顶点应用什么转换。

我能够检测到顶点何时背离光线,但我不确定应该对其应用什么变换。这是我的顶点着色器到目前为止的样子:

我尝试简单地设置gl_positionftransform() - (vec4(realLightDir, 1.0) * someConstant),但这会导致某种深度测试错误(当我用颜色渲染体积时,某些面似乎在其他人后面可见)并且someConstant似乎并没有影响背面延伸的距离.

更新 - 1 月 22 日

只是想弄清楚我可能在什么空间。我必须说,跟踪我在什么空间是我的着色器头痛的最大根源。

渲染场景时,我首先使用gluLookAt. 相机可能是固定的,也可能是移动的;没关系。然后我使用翻译功能glTranslated来定位我的模型。

在程序中(即在 CPU 上),我表示世界空间中的光矢量(三个浮点数)。我在开发过程中发现,要在我的着色器的正确空间中获得这个光矢量,我必须在设置相机和定位模型之前将它乘以模型视图矩阵的倒数。所以,我的程序代码是这样的:

  • 定位相机 ( gluLookAt)
  • 取世界空间中的光向量,将其乘以当前模型视图矩阵的逆矩阵并将其传递给着色器
  • 定位模型的转换
  • 模型绘制

这会让事情变得更清楚吗?

0 投票
2 回答
1396 浏览

jquery - 使用 jQuery 的透明阴影

我有固定 1000px 的页面。我想在主页的左右两侧设置阴影。我不能将静态 .png 与 y-repeat 一起使用,因为我的背景不是固定颜色,而是图像。所以我不能使用图像。任何可以做阴影的jQuery插件?或者其他解决方案,不仅仅是jQuery插件......

0 投票
2 回答
1450 浏览

shadow - 在 Microsoft Surface 上的 ScatterViewItem 上禁用阴影

我正在 Microsoft Surface 上开发一个程序。

而且我没有成功完全禁用阴影。这是我的问题:

http://i61.servimg.com/u/f61/11/31/25/01/sans_t10.png

这是 XAML 代码:

0 投票
2 回答
8930 浏览

graphics - Core Graphics 中的内部阴影

我想做一些类似于 Core Graphics 中的 Photoshop 内阴影效果的东西。如果我用这种效果绘制/填充路径,我希望得到类似于以下内容的内容:替代文字

0 投票
1 回答
1504 浏览

iphone - 带有阴影的 UIView 内的 UIView?

我一直在试图弄清楚如何为使用 addSubview 添加到 UIView 中的 UIView 绘制阴影。

我在网上搜索并阅读了文档,但 Apple 文档只是简单地绘制了新的形状,如下所示。我想使用 Core Graphics 向 UIView 添加阴影,但不确定如何直接对 UIView 执行此操作。

我知道我应该把它放在 SuperView drawRect 方法中,但我不知道如何制作它,所以它会为我在 addSubView 中添加的视图添加阴影。

谢谢!

0 投票
9 回答
8996 浏览

css - 容器 div 上的 CSS 框阴影导致滚动条

我有一个具有以下设置的网站:

当没有足够的内容时,我使用 clearfooter 和容器外的页脚将页脚保持在页面底部。

我的问题是我想通过以下方式在容器 div 上应用框阴影:

如您所见,它在容器 div 的每一侧都有一个阴影。但是,在这样做时,当内容没有占据整个高度时,仍然存在由于模糊导致阴影推过页脚底部而导致的滚动条。

是否有某种方法可以防止阴影越过容器 div 的边缘并导致滚动条?

谢谢你的帮助!

0 投票
9 回答
35148 浏览

css - 防止盒子阴影出现在特定的一侧

有没有办法创建一个css box-shadow,无论模糊值如何,阴影只出现在所需的边上?

例如,如果我想创建一个左右两侧有阴影且顶部或底部没有阴影的 div。div 不是绝对定位的,它的高度是由内容决定的。

- 编辑 -

@ricebowl:感谢您的回答。也许您可以帮助创建一个完整的解决方案来解决我对您的解决方案的回复中所述的问题......我的页面设置如下:

像这样的CSS:

0 投票
1 回答
739 浏览

ios - 带阴影的 iPhone 子视图

我在我的主视图上添加了一个子视图,并希望它有一个小阴影,羽毛状。

有办法吗?

0 投票
3 回答
160 浏览

javascript - 是否建议使用 javascript 来构建布局?

我正在创建一个博客,但我的盒子需要盒子阴影,所以我问以下问题。

通过 a)images/css 或 b)javascript 添加阴影好不好?

我听说很多人在浏览时没有启用 javascript,所以这是一个问题吗?使用 javascript 创建这些阴影比添加一百万个 div 并定位它们更容易和更简单。

编辑:我找到了这个页面:http ://www.w3schools.com/browsers/browsers_stats.asp它说每个用户都启用了 js。

0 投票
1 回答
3753 浏览

iphone - 使用 Core Graphics 在 CGContextClip 之后绘制阴影

更新:我尝试实施彼得指定的方法,但阴影不正确。怎么了?

替代文字 http://grab.by/2XyP





原始问题:我希望使用以下代码在 CoreGraphics 中制作的自定义圆形单元格项目的底部周围绘制一个自然的阴影:

我想在渐变填充之前或之后在这条路径的外部应用阴影。这样做的最佳方法是什么?