标签: render

我正在开发一个需要在服务器上快速渲染简单3D场景的应用程序,然后通过HTTP将它们作为JPEG返回.基本上,我希望能够通过执行以下操作,在HTML页面中简单地包含动态3D场景:

<img src="http://www.myserver.com/renderimage?scene=1&x=123&y=123&z=123">

我的问题是用于渲染的技术.在桌面应用程序中,我很自然地使用DirectX,但我担心它可能不适合服务器端应用程序,它将为数十甚至数百个用户串联创建映像.有人对这个有经验么？是否有适合此应用的3D API(最好是免费提供)？从头开始编写软件渲染器会更好吗？

我对使用DirectX或OpenGL的主要担心是它是否能在虚拟化服务器环境中运行良好,以及它是否适用于典型的服务器硬件(我无法控制).

我正在写一个老式的ASCII DOS-Prompt游戏.老实说,我正试图效仿ZZT,以了解更多关于这个品牌的游戏设计(即使它已经过时)

我做得很好,让我的全屏文本模式工作,我可以创建世界和移动没有问题但我找不到一个像样的方法我的渲染.

我知道我的渲染和预渲染代码很快,因为如果我不添加任何延迟()或(time() - renderBegin)/ CLK_TCK从time.h检查,渲染速度非常快.

我不想使用delay(),因为它是我的知识平台特定的,并且在它延迟时不能运行任何代码(如用户输入和处理).所以我决定这样做:

do {
    if(kbhit()) {
        input = getch();
        processInput(input);
    }

    if(clock()/CLOCKS_PER_SEC-renderTimer/CLOCKS_PER_SEC > RenderInterval) {
        renderTimer = clock();
        render();
        ballLogic();
    }
}while(input != 'p');

哪个应该在"理论"中工作得很好.问题是,当我运行此代码(将RenderInterval设置为0.0333或30fps)时,我不会得到接近30fps的任何地方,我最多会得到18.

我想也许我会尝试将RenderInterval设置为0.0以查看性能是否已经启动......它没有.我(RenderInterval为0.0)达到最大值~18-20fps.

我可能因为我不断调用所有这些clock()和"除以这个"方法,我正在减慢CPU的速度,但是当我把渲染和ballLogic调用if语句的括号并将RenderInterval设置为0.0我再次得到了极快的渲染效果.

这对我来说没有任何意义,因为如果我离开if if check in,它不应该运行得那么慢吗？我的意思是它仍然需要做所有的计算

顺便说一句,我正在编译Borland的Turbo C++ V1.01

我正在转换我的胖Rails2应用程序以在Rails3上运行.经过长时间激烈的争斗与我的老板大吼大叫,页面全部呈现为转义的html字符串.所以所有的div,图像等都是为用户字面写的.

由于某种原因,这个部分调用呈现一个转义字符串

<%= render :partial => 'something_really_interesting' %>

正如所有Ruby on Rails应用程序一样,这条指令并没有被调用太多!那么我如何处理所有这些不通常不作为转义字符串渲染的调用？

我正在使用OpenGL ES 1.1渲染我正在构建的iPhone游戏.

简而言之,我渲染了3个项目:

1. 背景(工作正常)
2. 一些球形物体(工作正常)
3. 一个改变大小的简单线圈(我在这里遇到问题).

基本上,当我在圆圈上调用drawArrays时,我收到一个EXC_BAD_ACCESS错误.我已经测试了基本的iPhone OpenGL模板中的代码,它工作正常,所以我无法真正跟踪它为什么不在这里工作.有人能以正确的方式指出我吗？

这是用于渲染圆的drawCircle代码.

- (void) drawCircles
{
if (!m_circleEffects.empty())
{
    int segments = 24;
    for (int i = 0; i < m_circleEffects.size(); i++)
    {
        glMatrixMode(GL_MODELVIEW);
        glLoadIdentity();
        glTranslatef(m_circleEffects[i].position.x, m_circleEffects[i].position.y, 0);

        float radius;
        if(m_circleEffects[i].isPulseOutward)
            radius = cos(m_circleEffects[i].frameCounter * M_PI / 720);
        else
            radius = sin(m_circleEffects[i].frameCounter * M_PI / 720);

        GLfloat circlePoints[segments * 3];                    
        int count = 0;

        for (GLfloat i = 0; i < 360.0f; i += (360.0f / segments))
        {
            circlePoints[count++] = (cos(i * …

我正在开发一个Windows窗体应用程序(C#,.NET 4.0,VS 2010),其中我有一个非常标准的MainForm,带有ToolStrip(GripStyle:Hidden,Dock:Top,RenderMode:ManagerRenderMode).工具条包含一些基本项(ToolStripLabel,ToolStripSeparator,ToolStripSplitButton).

这呈现如下:

起初我只是想在工具条下面添加一个"底部"边框,但我也注意到这个工具条是用'圆角'渲染的(你可以在图像中看到右边的顶部和底部),以及垂直渐变线.

我怎样才能让这些角落不圆？

我试过了:

public class MainFormToolStripRenderer : ToolStripProfessionalRenderer
{
    protected override void OnRenderToolStripBorder(ToolStripRenderEventArgs e)
    {
        base.OnRenderToolStripBorder(e);

        var y = e.ToolStrip.Height-1;
        e.Graphics.DrawLine(new Pen(SystemColors.ControlDark, 1), new Point(0, y), new Point(e.ToolStrip.Width, y));
    }

并通过this.toolStrip_Actions.Renderer=new MainFormToolStripRenderer();我的表单初始化连接它.

这给了我底部边框,但没有为圆角做任何事情.此外,添加底部边框,圆角更明显:

接下来,我尝试在上面的相同事件处理程序中绘制一个矩形,以尝试(至少)隐藏实心矩形边框后面的圆角和垂直渐变.这不起作用,因为可用的绘图区域(e.AffectedBounds)位于圆角边框内.

我还尝试将ToolStrip的RenderMode设置为System(而不是使用我的渲染器).在这种情况下,工具条角似乎适合(矩形),但工具栏中的拆分按钮似乎被打破(单击向下箭头不显示下拉列表),原因尚不明确,整体外观-feel有点平庸(相当平坦,直到你将鼠标悬停在工具条中的某些按钮上).

我想最后我宁愿坚持使用ManageeRenderedMode,也不想继承自Professional的自定义渲染器 - 但我需要摆脱圆角.其中,我发现这个SO Q似乎与我正在看的很接近,但没有给我一个答案.

提前致谢

我正在尝试优化我的移动网页的加载速度,为此我正在使用该网站:

• https://developers.google.com/speed/pagespeed/insights

这个网站评估我的来源并告诉我我可以改进什么.在我的网站上我下载了一个字体:

<link href="//fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet">

并且显然这阻止了我的页面的渲染.现在,如果这是JavaScript我可以使用async标签中的单词,它将解决问题,但这不是我正在加载的javascript文件!

反正有没有阻止我的浏览器阻止我的浏览器,并迫使它等待下载？

我目前正在使用VueJS 2,我想将一些params从HTML传递给VueJS组件.让我演示给你看.

我的Html Div看起来像这样:

<div id="app" :id="1"></div>

而我的javascript:

new Vue({
  store, // inject store to all children
  el: '#app',
  render: h => h(App)
});

我的应用组件:

<template>
  <div>
    {{ id }}
  </div>
</template>
<script>
export default {
  props: {
   id: Number
  }
}
</script>

我想在我的App组件中获取Html中传递的id.我应该怎么做 ？

对于一个项目，我需要解析一个 Adobe Photoshop PSD 文件，以编程方式查找并替换图像层，然后将其保存回 PSD 文件和/或将其导出为 PNG（或 JPEG）。我对 Adob​​e Photoshop 没有太多经验，但我认为这些类型的图层被称为“智能图层”。

用例：

渲染样机预览图像

• 用户上传图片到 Node HTTP 服务器
• 用上传的图片替换PSD中的图层（图片填充图层）
• 呈现为 PNG/JPEG 并写入 HTTP 响应

对于模型模板，替换层在 x 和 y 上倾斜 3d。我附上了一张图片来说明这意味着什么。未来将创建其他模型模板，这就是为什么我认为用常量值标记替换层是实现这一点的方法。

模板文件：

上传的图片：

最终渲染的图像

我不需要 HTTP 服务器/身份验证等方面的帮助，这部分很简单。我只是在寻找一种替换图像层的方法。

PSD 文件是/将是为此特定项目定制的。根据图层名称（标签）确定要替换的正确图层是一种可接受的实现方式。

我查看了几个 NPM 包来完成这项工作，但无法获得功能原型。这个包似乎是最有前途的。

https://www.npmjs.com/package/psd

我目前有以下代码：

/* mockup.js */
var PSD = require('psd')
var psd = PSD.fromFile("mockup.psd")
var fs = require('fs')

psd.parse()

/* For easier reference */
var replacementLayer, file, fileBuffer

let tree = psd.tree()

let layers = tree.layer.node._children

for(let …

我正在通过互联网阅读，试图找到一些声明静态数据的性能坚决或首选方法，反应中的变量，所以我想听听你的意见。

这适用于无状态和类组件。

假设我有一个带有颜色的数组，我想在 React 中的某处使用它return()。

const colors = ["red, "green", "blue"];

1）在里面声明它 render()

我想这不是首选，因为它会在每次渲染时重新创建。

2）在构造函数中将其声明为全局变量

this.colors = ["red, "green", "blue"];

很好，但在某些情况下可能不喜欢使用全局变量。

3) 将其声明为放置在 React 组件内部但在render(). 我们从 React 调用函数return()

4）我想我在某处看到了使用 defaultProps。

有最佳实践吗？

我有一个 Ul 组件，其中包含一组具有不同值的对象。此列表中名为 TestCase 的每个项目都有一个按钮，用于进行重新调用并更新其对象。然而，并不是所有的 TestItem 都需要更新。只有那些按钮被点击的人。此数组的状态存储在名为 TestCaseContainer 的父容器组件中。但是，我的按钮将根据数组中受影响的 TestItem 相应地更新状态。这会导致整个列表重新呈现。如何只呈现更改的 TestItems，而不是每次更新元素时​​都呈现整个 ul。我读过使用 useMemo 以便组件可以记住传递的道具，但是我不知道如何正确实现它。

我怎样才能停止所有的重新渲染！！为乱码提前道歉！

这是我的代码

Regression.js - 保存所有状态

const Testing = forwardRef((props,ref) => {


  const templateTestItem = {id:0,formData:{date:'',env:'',assetClass:'',metric:'',nodeLevel:'',nodeName:'',testName:'',dataType:'',tradeId:''},results:[],isLoading:false}
  const testCaseRef = useRef()
  const [isRun, setIsRun] = useState(false)
  const [testItems, setTestItems] = useState([ templateTestItem])
  const [stats,setStats] = useState(null)


  const addTestItem = () => {

    const newIndex = testItems.length 
    // console.log(newIndex)

    const templateTestItem = {id:newIndex,formData:{date:'',env:'',assetClass:'',metric:'',nodeLevel:'',nodeName:'',testName:'',dataType:'',tradeId:''},results:[],isLoading:false}
    setTestItems([...testItems, templateTestItem])

  }

  const addUploadCases = (cases) => {

    setTestItems([])
    const UploadedItems = cases.map((item,index)=>{

        return{ …