Processing.js失败。没有灯光(),没有抗锯齿,帧速率不好。。。?

Processing.js失败。没有灯光(),没有抗锯齿,帧速率不好。。。?,processing,processing.js,Processing,Processing.js,我最近发现了处理,一开始它似乎很适合我的目的,即生成一个3d图像,并让它对用户输入做出各种各样的响应 到目前为止,当我在处理环境中或作为java小程序运行.pde时,一切都运行得很好 但出于我的目的,我需要在不依赖java的情况下运行浏览器。 Processing.js乍一看似乎是解决这个问题的黄金解决方案 但是草图在浏览器中看起来不是很好 三个主要问题如下: -灯光()不工作。也没有任何与灯光相关的东西。e、 g.调用directionalLight(…,params…)将消失draw()的整

我最近发现了处理,一开始它似乎很适合我的目的,即生成一个3d图像,并让它对用户输入做出各种各样的响应

到目前为止,当我在处理环境中或作为java小程序运行.pde时,一切都运行得很好

但出于我的目的,我需要在不依赖java的情况下运行浏览器。
Processing.js乍一看似乎是解决这个问题的黄金解决方案

但是草图在浏览器中看起来不是很好

三个主要问题如下: -灯光()不工作。也没有任何与灯光相关的东西。e、 g.调用directionalLight(…,params…)将消失draw()的整个结果,而调用lights()只会使结果均匀变暗

-smooth()也不起作用。我有最大抗锯齿集smooth(8)-但在noSmooth()上看不到任何效果

-帧速率通常很差,所以我有一条可见的刷新线在对象周围移动。。。不好的。我估计,当我嵌入html时,frameRate()的速度上限是30帧/秒,而在本机处理环境或java应用程序中没有可见的上限

然而,我已经看到了许多漂亮的processing.js示例。我觉得我一定是错过了什么,否则效果会更好。对这些问题及其解决方案的任何洞察或缺乏洞察都将不胜感激。或者我应该直接使用WebGL

既然我所有的.pde代码看起来都很好,我就不打算发布了。 但为了以防万一,这里有一些html代码(应该很简单),用于将草图嵌入Processing.js。我使用的是Processing.js v1.4.8,从这里获得:



谢谢你的时间

需要明确的是,example.pde在Javascript处理模式下以与上面列出的相同的方式失败。我正在绘制一个四边形条带,其他形状在Javascript模式下确实有正常工作的照明。。。?在帧速率和别名方面面临着类似的问题。你发现什么有用的把戏了吗?谢谢不幸的是,没有,我放弃了处理,开始学习WebGL!我刚刚得出了完全相同的结论!
<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <script type="text/javascript" src="Processing.js"></script>
   </head>
   <body>
      <canvas data-processing-sources="example.pde"/></canvas>
   </body>
</html>