问题标签 [rasterizing]
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.
graphics - 最初介绍逆透视投影概念的论文
我正在研究光栅化算法并尝试列出该领域的开创性论文。例如,“多边形光栅化的并行算法”就是其中之一。
我目前正在寻找的一篇或一组论文是介绍了使用逆投影方法在三角形表面上插值顶点属性(RGB、n、st 等)概念的论文。
基本上,我的目标是回到技术的源头。
您实际上可以在该领域推荐的任何其他基础/开创性论文也会有所帮助。谢谢
c++ - 关于光栅化的问题:随机采样、Pineda 边缘函数和定点数
我正在尝试研究/理解光栅化算法,并且已经发布了一些与此相关的帖子,不幸的是没有得到很多答案:
在第一个问题中,我想光栅化一个四边形,但现在我将自己限制在一个三角形,它是标准的渲染 prim。
所以我在这个问题上的问题是确切地知道使用哪种技术来查找给定像素是否在三角形中。我一直在使用边缘函数方法,这没关系。假设我需要遍历围绕 2D Triange 的 bbox 的所有像素。
我也尝试过重心方法。计算三角形中的点的 s 和 t,如果 (s + t) <= 1,那么我知道该点在三角形中。
所以从那里我有几个问题:
1)在Pineda [88]的论文中,虽然据说如果你沿着 x 或 y 移动,你可以通过简单的加法来简单地更新边缘函数的结果。我引用:
所以没关系,我理解为什么会这样,但是在一般情况下,我们进行超级采样甚至随机采样(将像素划分为抖动的 4x4 样本),这种方法仍然有益吗?
2)我仍然不知道如何使用边缘函数通过插值计算 s/t/z?有人可以帮我解决这个问题或告诉我一些解释这一点的页面吗?
3)现在我正在研究其他光栅化三角形的方法,例如 Bresenham 算法,但似乎到处都说它只适用于定点坐标?我很困惑。投影后的三角形顶点是浮点数。你怎么能从浮点到定点坐标?
assembly - 软件渲染的合理性
我最近考虑为我一直在从事的项目编写自己的软件渲染器。我能够找到一些关于重要概念的学术文章,例如透视正确插值、透视矩阵等。但是,由于使用视频卡功能和 OpenGL 和 DirectX 等 API(速度不是问题)的广泛流行,严重缺乏引用对 90 后技术进行基准测试的文档。虽然我发现的大多数文章都要求使用非常低的帧速率或非常少的三角形,但所有测试都是在具有严重处理和内存限制的计算机上完成的,因此很难确定软件的可行性现代硬件上的渲染器。
更具体地说,是否可以通过软件实时渲染具有地形和动态对象的环境?当然,这是通过 bsp 分区、背面剔除、平截头体剔除等改进来完成的。
前任。带有飞机模型和地形的飞行模拟器,使用高度图上的行进立方体制成。
(我正在考虑在组装中完成项目的这一部分,部分原因是我不想跳入其中,对它是否会工作有相当大的怀疑。最重要的是,组装可以优化为比高级语言快得多)
请记住,与使用 API 相比,我并不太担心挑战的数量,因此请不要回答推荐问题。
r - 裁剪的 shapefile 在相同程度上导致不同的结果
我将 shapefile 裁剪到较小的程度(我的 AOI - 感兴趣的区域) - 以使用减少的工作目录。在我的工作流程中,我栅格化了 shapefile。
这是我的问题:我保存了我的两个 shapefile(更小和更大)以比较栅格化结果(这应该与底层栅格具有与较小 shapefile 相同的范围(AOI)相同(显然也是我的 AOI)) . 但不幸的是,他们不是。CRS 和 o 个单元格是相同的 - 但例如 NA 的数量不是。
我对合成数据做了同样的程序和工作流程,而且效果很好——所以问题可能出在我的数据上。这是您可以下载 shapefile 和栅格的 dropboxlink。https://www.dropbox.com/sh/btgt2rc7uzawtx5/AADJ2YrKOnPh8gM-PPF7rmIQa?dl=0
我把我的代码留在这里:
你有什么建议可能是错的吗?非常感谢!
javascript - 用于 Acrobat 的将矢量图形转换为光栅而非文本的 JavaScript
寻找一种使用 Adobe Acrobat 中的 javascript 工具将矢量图形(而不是文本对象)转换为 PDF 中的栅格的方法。
在一个用例中,一个页面有超过 70k 个矢量对象,它们在屏幕上的渲染速度太慢。
这个问题的答案还不够:用光栅图像替换 PDF 中的矢量图像。html 渲染工具创建了一个 SVG 并保留了向量。它没有光栅化它。Imagemagick 不保留文本。
谢谢!
java - 省略屏幕外三角形
我正在创建一个简单的小软件 3D 引擎。现在,如果所有顶点都在截锥体之外,则多边形不会渲染,这一切都很好,直到您靠近多边形并且所有顶点都离开屏幕但中间仍在截锥体内但它省略了无论如何。无论如何我都会尝试渲染它,但我需要对其进行一些优化,所以这是我想到的第一个。
如果您不明白我试图理解的内容,这里是一个 gif 和一些问题代码。
javascript - 使用 Javascript 进行光栅化在 Apache 服务器上看起来不同
我正在使用 phantomjs 栅格化我使用 javascript/php 动态创建的 html 页面。在我的本地主机上测试时看起来不错,但是在 apache 服务器上测试时,它似乎会炸毁图像,导致它的格式错误(扩展到两页而不是一页等)。
有谁知道我怎样才能阻止这种情况发生?
(抱歉,刚刚创建了这个账号,还不让我发截图)
json - 如何为 Starbound 模组将精灵图像转换为 JSON?
在我玩的一款名为 Starbound 的游戏中,我正在尝试创建一个改装项目。在游戏中,物品代码基于 JSON 字符串。我创建的项目上的字符串示例使用以下 JSON 来区分游戏中的可绘制项目:
有没有一种方法可以让我在图像编辑软件中以 PNG 格式创建一个精灵,保持透明度,并将颜色和像素位置栅格化为这种 JSON 格式?类似于将PNG图像转换为这种格式的批处理文件就可以了。(我可以手动编写 JSON,但我真的不想这样做。)
据我了解,该游戏提供了一些有限的图块,您可以使用它们来绘制图像。一般来说,我的图像应该根据他们提供的图块被光栅化成这种 JSON 格式:
(在这种格式中,setcolor
变量可以是任何六位十六进制代码颜色)。
javascript - 在 ColdFusion 或 Javascript 中即时将矢量转换为光栅
我想知道是否可以将 .eps、.ai 和/或 .pdf 矢量图形转换为可以在网页上显示的东西,例如 .png?
我试过用...
...但没有奏效,这并不完全出乎意料。
我已经做了尽可能多的研究,但似乎找不到任何答案。所以请不要将此标记为模糊或重复,因为我确实看过。
svg - PhantomJs 打印 SVG 源代码而不是渲染它
我已经设置了一台新的 Windows 机器,我想在其中将一堆 SVG 文档光栅化为 PNG 图像。我已将 Ariya Hidayat 的光栅化脚本简化为:
这是我如何调用脚本:bin\phantomjs js/headless/rasterize.js "simple.svg" "simple.svg.png" 2>&1
simple.svg
包含此数据:
一旦脚本被执行(没有错误),simple.svg.png
呈现如下:
这真的很奇怪,我很确定缩略图是在以前的机器上正确生成的。为什么它只渲染 SVG 的源代码?