问题标签 [rendering-engine]

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 回答
81 浏览

graphics - 征集写一个纯爱好者渲染引擎的建议

我使用 OpenGL ES 2.0 自己创建了一些简单的渲染器。本质上,它只是一个根据给定的精灵纹理渲染四边形的类。详细地说,它实际上只是一个接受表示四边形的对象的对象。每个四边形对象维护一个世界变换和对象变换矩阵,并提供在给定数量的帧上变换它们的方法,并且还指定精灵的纹理偏移量。这个四边形类还维护了一个要在其矩阵上执行的变换操作列表。渲染器类然后从四边形读取所有这些属性并设置一个 VBO 来绘制渲染列表中的所有四边形。

例如:

从实现的角度来看,在每一帧上,它根据指令转换每个对象的基本顶点,将它们全部加载到包含 alpha 值信息的 VBO 中,然后传递给着色器程序以一次绘制所有四边形。

这显然不是我所说的渲染引擎,而是执行类似的任务,仅用于渲染 2D 四边形而不是 3D 几何。我只是好奇我是否走上了开发临时渲染引擎的正确轨道。我同意在大多数情况下,使用已建立的渲染引擎开始理解它们是很棒的,但从我的角度来看,我喜欢了解事物是如何实现的,而不是学习一些预先构建的东西然后学习它是如何工作的。

0 投票
2 回答
599 浏览

opengl - 前后渲染与着色器交换

让我们考虑这种情况。场景包含给定对象:ABCDE

哪里从相机订购(从最近到最远) AEBDC

而物体AC使用shader1,ED shader 2,B shader3

对象 AC 使用羞耻着色器但不同的纹理。

现在如何处理这种情况?

  • 从前到后渲染所有内容(5 次交换)
  • 按排序的着色器组渲染(3 个着色器交换)。
  • 将所有着色器程序调整为一个(1 个交换)。

glUniform诸如等glBindTexture更改已在使用程序中的值的指令是否会导致开销?

0 投票
1 回答
540 浏览

c# - 创建网络浏览器

据我所知,基于WebKit的浏览器是在下载并构建后围绕开源webkit项目构建的,所以如果要围绕Trident渲染引擎/Internet Explorer的渲染引擎构建浏览器,你会-

  1. 从某个地方下载 Trident,构建它并将其添加到您的项目中,或者;
  2. 添加System.Windows.Forms.WebBrowser Control到您的Form并使用它?
0 投票
1 回答
718 浏览

css - CSS 文本转换问题

这个问题在这里被问了很多次,但我还没有找到一个很好的解决方案。一些人建议添加 backface-visibility: hidden 并带有所有前缀的偏角,但对我来说并没有解决问题,也没有建议使用 font-smoothing: antialiased 他欺骗了。我在问是否有人最近想出了如何以一种漂亮的方式呈现 CSS 旋转文本,而文本似乎没有被破坏。

FF24中的css旋转文本问题

http://jsfiddle.net/pBtEW/10/


非常感谢您的帮助。

0 投票
2 回答
4703 浏览

android - 使用带有 android:entries="@array/some_array" 的微调器时的 Android Studio 0.3.6 渲染问题

在设计包含定义了其条目的微调器的布局时,我在 Android Studio 0.3.6 中收到渲染问题错误:

在此处输入图像描述

导致问题的条目是:android:entries="@array/gender"

删除它,布局渲染就好了:

在此处输入图像描述

位于 values 中的 gender.xml 包含以下内容:

我怀疑这是 Android Studio 中的一个错误,因为代码编译得很好。

渲染错误堆栈:

0 投票
1 回答
406 浏览

java - 构建渲染引擎时如何初始化图形g

所以我的一个朋友建立了一个RenderingEngine几乎包含图形方法的地方。这样,您只需要调用RenderingEngines类的方法即可将内容呈现到屏幕上。没有寻找和尝试学习而不是作弊,我试图根据我的知识复制它。我遇到了一个问题。我所有的方法都起作用,只是当 RenderingEngine 类在我的游戏类中初始化时,我的 RenderingEngine 类中的图形 g 在尝试获取 JPanel 的图形后为空。我不知道我是否不理解这是如何工作的并且希望得到解释,我将代码放在下面。

渲染类如下:

我在游戏类中初始化渲染引擎的地方:

0 投票
1 回答
226 浏览

html - Dreamweaver 显示与 Firefox 不同

我建立了一个简单的示例网站来向您展示我目前正在解决的问题:
http
: //examplesite.ohost.de/在其他 webkit 浏览器上,导航栏按钮在右侧被切断,我认为按钮的宽度略大。
以下是一些屏幕截图:
截屏
在此处输入图像描述 那么我必须进行哪些更改才能在每个浏览器中获得与 Firefox 中相似的结果?

编辑:我现在在最新版本的 Safari、Opera 和 Chrome 上对其进行了测试,它们可以正确呈现它。

0 投票
1 回答
288 浏览

c++ - 链接到 Filament 预编译库时出现链接器错误

我正在尝试使用以下 clang++ 命令以非常基本的方式链接到许多库(不使用任何 Makefile 或 CMakeLists.txt):

但是,这会产生错误FilamentApp.cpp:(.text+0x4d2): undefined reference to......其次是上述库中对函数的每一个调用。

为了提供一些上下文,我正在尝试编译渲染引擎 Filament 提供的示例应用程序之一。当使用源代码编译时,一切正常,但是当我尝试链接库的预编译版本时,出现上述错误。

此外,当我尝试使用测试仪 main.cpp 文件和随附的 Makefile 链接相同的库时,如Filament 文档中所述,所有链接和编译都完全正常。

我有一种感觉,我在这里做了一些明显的错误,特别是我正在使用的 clang 命令,但我无法终生看到它是什么。任何帮助将非常感激!

编辑 - 前几行错误:

编辑 2 - 第二次更改后的错误列表:

编辑 3

上述错误中提到的变量存储在文件 ./generated/resources/resources.h./generated/resources/textures.h中,与执行的 clang++ 目录相关。包含这些文件的头文件如下所示:

而且我已经包含-I./在clang命令中,那么clang应该能够看到这些文件吗?

这里是textures.h

编辑4:

找到资源库后的错误列表:

编辑5:

还有一些错误...

0 投票
0 回答
21 浏览

android - android中的文档渲染

文档查看器如何显示和呈现文档。

将文档转换为位图(通过字形和绘画)并在画布上绘画是最好的方法还是有其他方法。