javascript - 面向对象的 WebGL 上下文包装器失败-6ren

javascript - 面向对象的 WebGL 上下文包装器失败

转载作者：行者123 更新时间：2023-11-30 18:23:25

25

4

我开始使用 WebGL 进行开发，对 JavaScript 知之甚少。我正在尝试创建一个类来管理 WebGL 上下文。

我有以下内容:我的 HTML 页面:

<!DOCTYPE html>
<html>
   <head>
      <title> Star WebGL  </title>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
      <link rel="stylesheet" type="text/css" href="estilos/main.css">

      <script type="text/javascript" src="libs/webgl-debug.js"></script>
      <script type="text/javascript" src="libs/clases/Contexto.js"></script>
      <script type="text/javascript" src="libs/applicacion.js"></script>
   </head>

   <body>
      <canvas class="screen" id="screen-canvas"  width="640" height="480">
          </canvas>  
   </body>

</html>

类Contexto.js:

function Contexto( Canvas )
{
    this.canvas = Canvas;
    this.contextoGL;
    this.contexto_creado = false;   
}

Contexto.prototype.crearContextoWebGL = function ()
{
   try
   {        
      this.contextoGL  = WebGLDebugUtils.makeDebugContext( this.canvas.getContext( "webgl" ) );
      if( !this.contextoGL )
        this.contexto_creado = false;
      else
        this.contexto_creado = true;
   }
   catch( e)
   {
      console.log( "No se puede crear un contexto gl" );
   }
};

Contexto.prototype.contextoCreado = function ()
{
   return this.contexto_creado;
};

Contexto.prototype.getGL = function ()
{
   return this.contextoGL;
};

Contexto.prototype.setColor = function(  r,g,b,a )
{
   this.contextoGL.clearColor( r,g,b,a );   
};

类applicacion.js:

window.onload = main;

function main()
{
   var canvas = document.getElementById( "screen-canvas");
   var contextoWebGL = new Contexto( canvas );
   contextoWebGL.crearContextoWebGL();
   console.log( contextoWebGL.contextoCreado() );
   contextoWebGL.setColor(  0.5161561076529324, 1, 0.7, 1  );
}

当我尝试更改背景时，

 contextoWebGL.setColor(  0.5161561076529324, 1, 0.7, 1  )

我收到以下错误:

 Uncaught TypeError: Object #<Object> has no method 'clearColor'

创建面向对象上下文的正确代码是什么？

在 JavaScript 应用程序中使用面向对象代码时，效率会受到影响吗？

最佳答案

这里有两个问题:您没有获取上下文，并且您没有正确处理该故障。

WebGLDebugUtils.makeDebugContext 不会测试它是否被赋予了一个实际的上下文，所以如果 getContext 返回 null，它会产生一个无用的对象，它的行为和你一样看到。你应该首先测试你是否成功获得了一个WebGL上下文，然后才使用makeDebugContext包装它。
```
this.contextoGL = this.canvas.getContext( "webgl" );
if( !this.contextoGL ) {
    this.contexto_creado = false;
} else {
    this.contexto_creado = true;
    this.contextoGL = WebGLDebugUtils.makeDebugContext( this.contextoGL );
}
```
这将使您的代码正确地报告它未能获得上下文。这种结构还可以更轻松地选择不使用调试上下文，以获得更好的性能。
为了成功获得 WebGL 上下文，您可能想尝试名称“experimental-webgl”和“webgl”。例如，Chrome 不支持上下文名称“webgl”。

关于javascript - 面向对象的 WebGL 上下文包装器失败，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11494918/

25

4

0

文章推荐： c - 指针数组 - 内存分配

文章推荐： c# - 我可以防止无效的小型转储文件名吗

文章推荐： C编程: write() integers to a text file

文章推荐： c# - 如何在短时间内调用大量http请求

面向 Azure 互联网的多区域负载均衡器
我正在创建一个多区域 AlwaysOn Sql Availability 组。我在东部有 2 个虚拟机，在西部有 1 个虚拟机。我需要使用面向公众的负载平衡器对这些进行负载平衡。是否可以使用存在于不同
neo4j - 面向 Web 开发人员的密码学习
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引起辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the he
smalltalk - 面向 Smalltalk 初学者的应用程序构建
我是 Smalltalk 技术的新手。我的编程经验是使用 C 和 C++。我想了解smalltalk的设计方法论。谁能推荐一些用smalltalk开发的简单的实时应用程序，可以帮助像我这样的初学者探索
面向 web2py 开发人员的 Django
现在我已经对 web2py 比较熟悉了，我想试试 Django。主要区别是什么？考虑到 web2py 知识，最有效的入门方法是什么？ (一定有一些python应用框架的知识，不是吗？) 编辑另外
面向 Delphi 开发人员的 SVN
我之前发过一个问题，Moving away from VSS ，其中我向使用 VSS 的 Delphi 开发人员询问了最佳的 VCS 控件。大多数开发人员似乎将 svn 与 TortoiseSVN 一
delphi - 面向 Delphi 初学者的网站
引用this question ，收集对 Delphi 初学者真正有帮助的网站链接可能会很好。第一个答案指向Delphi Basics ，这是一个非常好的网站。但一定还有更多。所以:请为这个社区
apache - 面向 SaaS 产品客户的自定义域功能
我已经构建了一个 saas 产品，其中 Angular 4 与 golang Rest api 集成，并将构建上传到了 aws ec2 实例上。我的项目是一个基于 Multi-Tenancy 的应用程
面向 C# 开发人员的 C++
我是 .NET 开发人员，在此之前使用过 VB6。我已经非常熟悉这些环境，并在垃圾收集语言的上下文中工作。但是，我现在希望通过 native C++ 增强我的技能，但发现自己有点不知所措。具有讽刺意味
java - 面向 JavaEE 初学者的开源项目
就目前情况而言，这个问题不太适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、民意调查或扩展讨论。如果您觉得这个问题可以改进并可能重新开放，visit
java - 可扩展类的哈希码(面向 future )
由于我在数学方面没有任何出色的技能，所以我问您是否存在我应该在未来可能会改变的类(class)中使用的算法。考虑以下场景: “角色”类具有以下字段: private boolean admin; p
Python - 面向 CSV 时间的将大量列转换为行
我有许多面向“列”的 csv 文件，我需要对其进行预处理才能最终索引它们。这是面向时间的数据，每个“设备”都有大量的列(最多 128 列)，例如: LDEV_XXXXXX.csv
javascript - 面向 JavaScript 的重构技巧资源
我想就重构技巧的最佳资源展开讨论，着眼于前端 JavaScript 重构。一个我尊重其意见的 friend 建议这个 book ，尽管它使用 Java 中的示例。我明白 OO 重构的原则应该翻译成另
javascript - 面向 jquery 的对象如何工作？
我不明白如何使用 Jquery/javascript 处理对象。以及如何创建私有(private)方法/变量？我在论坛上看到关闭，但我尝试过但没有用。以及如何查看方法/变量是否是私有(private
c++ - 面向 MATLAB 用户的调试编译语言简介
我已经使用 MATLAB 多年并且非常熟练。我习惯了 MATLAB 调试，您可以在其中跳过行并查看变量及其变化方式，这就是我学习编码的方式。我现在正在研究使用 FORTRAN、C++ 和 Python
android - 面向 fragment 的架构和后台堆栈
我正在学习如何实现“单一 Activity - 多个 fragment ”架构。据我所知，这是如今很普遍的方法，你可以找到很多关于这个主题的文章。例如这个 http://vinsol.com/blog
java - YAWS 面向 Tomcat
目前是否有任何简单的方法可以在 Apache Tomcat Servlet 容器前面设置 YAWS Web 服务器，类似于流行的 Apache httpd + Tomcat 设置？最佳答案我不相信
面向 Ruby 脚本编写者的 C++
我是一个相当有能力的 Ruby 脚本编写者/程序员，但一直感到要扩展到 C++ 的压力。我没能找到任何与“C++ for Ruby Programmers”相关的网站。 This site Pytho
面向 C# 程序员的 C++
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以便用事实和引用来回答。关闭 5 年前。
windows - 面向 Java 开发人员的日志文件分析器
按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
mysql - 面向 future 的全文搜索
我在表上有一个名为 cart_product_fti 的全文索引每当我使用它时，我都必须准确列出索引中的所有字段: MATCH (foo,bar,etc) 我的想法是，如果稍后我决定向索引添加/删除

首页

博学

6Ren·AI

商城

javascript - 面向对象的 WebGL 上下文包装器失败