WebGL渲染错误：GL_INVALID_FRAMEBUFFER_OPERATION: Draw framebuffer is incomplete

2021-01-19 13:34:11 153 收藏
分类专栏： webgl 文章标签： three.js webgl
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iefreer/article/details/112820016
版权

出现这个framebuffer is incomplete的错误，一般是由于rendertarget设置有问题，比如缓冲区目标是否有效、使用上有没有冲突以及缓冲的尺寸是否设置非法等。

已标记关键词 清除标记
表情包
插入表情
还能输入1000个字符
Stone教程：一行代码就可以把3D场景植入到普通网页中
10-22 659
踏得网的Stone工具可以帮助用户快速构建3D场景，场景可以在Stone工具内编辑、播放、保存和重新加载。如果想把在Stone工具中制作的场景放到现有的网页中，也很简单，只需要2步。Stone提供了一个运行时库tds_rt.js，（tds_rt全称为techbrood stone runtime)链接地址为：https://techbrood.com/stone/tds_rt.js，第一步是把该js库加载到页面中：<script src="https://techbrood.co.
踏得网发布轻量级网页3D编辑器Stone，可用于快速制作沉浸式网页应用
10-09 594
从表现形态上来看，互联网已经走过了3个大的阶段。第一个阶段是简单文本信息的分享，源于学术之间文档的共享需求，然后普及到普通用户对于新闻获取和知识搜索方面的需求。第二个阶段是富媒体交互，在这个阶段网页的内容不再局限于文本，而是图文并茂、乃至音频视频动画。而在交互上也不只是被动的接收，而有了更多的交互和动效，这使得电商等众多网页应用和网页游戏成为可能。第三个阶段是信息载体的变化，从桌面走向了移动，催生了移动互联网时代。而现在互联网内容将走入第四个关键的阶段，即沉浸式互联网时代。沉浸式互联网和
Three.js 中文文档和在线演示实例
06-16 8万+
Three.js是当下最流行的网页3D渲染JS引擎，其主要是对WebGL编程以面向对象方式进行的封装。踏得网专注于HTML5技术生态链的资源开发，鉴于网络上Three.js方面的资料比较散乱，且良莠不齐，因此我们把Three.js的官方文档、示例和我们的平台上已有资源整合起来，提供在线中文文档以及方便的调试学习环境。
Stone 3D教程：如何快速批量创建树木、花草等自然物体
02-27 31
Unity3D和Unreal里面可以引入树木花草包来批量创建这些植物，效果很棒。不过别忘了Unity3D需要5G+，Unreal需要10G+的空间。Stone只有3M多，也可以在场景中快速创建中小规模的自然植被。具体方法是使用Plant工具：点击Plant工具后，界面左侧会出现一个Plant工具箱：工具箱最上面的两个按钮分别是运行控制和帮助按钮，下面的范围、数量和缩放滑块用来控制种植区间、数量和植物大小。植物类型用来选择生成什么样的植被，依次可以是树、花、草和石头（石头这
网页3D编辑器Stone教程：如何实现路径动画
02-23 218
路径动画用来使物体沿着指定路径运动。在Stone 3D中实现路径动画，首先要创建一个路径，路径实际由一系列点组成。如何创建路径？我们先向场景中添加一个实体，比如一个平面（也可以不是平面）：然后点击页面左侧工具栏工具下面的路径工具：然后用鼠标左键点击平面选择路径的各个中转点，绘制出一条路径，完成最后一个点的选择时，按鼠标右键来结束中转点的选择，如下白色线条：然后记得关闭左边的工具箱：（用来设置路径线条的外观的工具箱）。注意：最后要关闭左边的路径工具箱，否则路径不会生
Stone 3D教程：创建全景图云展览，只需要几分钟
02-21 227
Stone 3D工具1.1.0版本引入全景图制作工具：点击全景图图标，Stone将默认创建一个全景图查看器和两张全景图场景：默认选中了Pano1节点。如果想在Pano1场景中添加切换热点，可以先通过按住鼠标左键来旋转场景到预期位置，直接鼠标点击该位置即可：注意！如果您点击时没有出现上图这样的灯泡图标，那么你可能没有选中任何一个Pano节点，你需要先选择一个想要添加热点的Pano场景节点（如Pano1）。然后在场景树中我们选中Pano2节点，类似方法添加热点。点击运行，鼠标
网页3D编辑器Stone案例：快速定制旗帜类软体动画
01-28 48
展馆中的一个常见元素是旗帜，stone工具支持快速定制旗帜类软体动画。可以修改重力因子、风力、风阻、固定模式以及边缘加强因子。
网页3D编辑器Stone案例：房地产数字沙盘
01-23 82
房产和展馆类的数字沙盘（或电子沙盘）目前主要是通过全息投影来实现的，即通过外围硬件把事先制作好的数字影像和物理沙盘进行全息融合。这种方案的优点是观感较好，缺点是用户和场景内物体没有互动，其技术本质和看3D电影类似。如果要提供3D电影的效果，同时又要能使得用户身临其境融入场景进行实时互动，就得依靠XR（三维）应用程序，而不只是投影。Stone工具和Unity、Unreal类似，可用来制作XR应用程序，Stone专门制作网页类的XR应用程序。下面是用Stone制作的一个房地产数字沙盘案例：
网页3D编辑器Stone案例：未来城市云展厅
01-08 124
使用Techbrood Stone工具专业版可以快速制作在线云展厅，有效融合高清2D图文和3D场景交互。使用到了2D界面组件（专业版功能）、各种3D动画组件、路径规划、人机交互组件（专业版功能），以及粒子、UI系统。...
如何在centos7上安装ruby和compass
01-05 58
踏得网迁移服务器（CentOS5->CentOS7）时，遇到了一些麻烦，这里记录一下。Compass是用来编译SCSS语法的，依赖于Ruby，虽然目前该项目可能已经不再活跃，但不能影响历史代码的应用。yum install centos-release-scl-rh centos-release-sclnext install the right versionyum --enablerepo=centos-sclo-rh install rh-ruby26then e..
Web3D编辑器Stone教程：如何使用资源库导入免费在线模型
12-17 241
Stone工具最新版本实现了资源库功能，资源目前支持图片、视频、音频、材质和模型这5种类型。材质可以直接拖拉到实体上即可应用。模型通过双击即可加载到场景中，需注意模型的大小，可能需要调节其transform才可以合适的显示出来。Stone工具内置支持上千的免费模型资源，可以通过资源库面板右上角的搜索框来进行云端搜索：比如上面是通过搜索“铁”这个关键词，出来的结果。双击模型图标即可加载到场景中。...
Web3D编辑器Stone教程：使用Interaction组件实现用户交互
12-17 182
3D引擎在用户交互上通常有3种方式，一种是开放API，通过执行用户脚本来实现；第二种是通过Blueprint（或Graph）蓝图工具来实现无编程可视化交互；还有一种是通过给实体添加交互组件来实现。这三种方式使用难度依次降低，功能性也依次降低。在Stone工具中，目前采用了第三种interaction组件来实现简单而常用的交互。首先选中实体，然后给实体添加interaction组件，在检测器中点开该组件，如下所示：这里对默认配置不做任何修改，直接点击菜单栏的运行图标：在
使用踏得网Web3D编辑器Stone制作WebGL钻石特效
12-03 283
钻石是光学特性很复杂的物质，存在多次折射、反射、色散以及边缘高光闪烁等效果，要想非常真实的在网页端进行模拟是很困难的，需要使用到光线跟踪，而这显然很消耗性能。我们可以使用一些折中处理，来逼近真实的效果，不需要那么物理真实，更多的是视觉感受上达到差不多的效果。下面是我用Stone 3D工具制作的一个效果：视频链接：http://t.cn/A6GFjMCm?m=4577854908007251&u=1406897513...
踏得网Web3D编辑器Stone教程：分分钟制作灯泡发光特效
11-26 179
灯泡发光发亮是生活中稀松平常的现象，可是在网页3D中想要模拟这样的效果，却没有想象中的那么简单。首先需要建立发光的后处理程序，而WebGL的着色器代码是出了名的难写难以调试，更不用说这里面有不少的物理原理和数学计算。其次得处理发光体和周边物体的遮挡问题，最后还得慎重考虑发光物体在一个大型场景中渲染时的性能问题。Stone 3D工具内置了相关处理，使得用户创建这样的效果非常简单和高效。1. 给场景Scene节点添加glow组件，添加好后，glow组件的属性保持默认即可。不知道如何给实体添加
网页3D编辑器Stone教程：如何在3D场景中添加注解
11-16 109
注解是在线展示（无论2D还是3D）的基本功能。Stone提供了两种方式的注解，一种是带自动位置调整和连接器的注解器，一种是简单的文本框。带自动位置调整和连接器的注解器对应的组件为：annotation-with-connector简单的文本框注解器对应的组件为：annotationAnnotation with Connector这个组件比较灵活，能够从目标对象的一个锚点引出一条连接线，然后在连接线的另一端显示标题和描述。该组件文本可内联编辑，也可以通过常用的组件属性中进行编辑，在组件属
主流3D内容制作工具简介和坐标系一览
11-10 573
市面上的主流3D软件功能各有特色，所采纳的坐标系不尽相同，有时需要在彼此之间转换。现在整理如下： 软件 官网链接 简介 类型 轴向 坐标系 Unity https://unity.com 美国优美缔公司出品的实时3D内容平台 3D应用开发 Y轴向上​ ​ .
网页3D编辑器Stone教程：如何创建管道模型
11-06 145
使用踏得网的Stone工具可以轻松创建一个管道。首先创建一个曲线（Spine）实体，从左侧工具栏中选择并点击“曲线”菜单：这时场景当前选中实体下将出现一个曲线模型：该曲线模型默认情况下有4个控制节点，鼠标悬停到控制节点上会出现三轴变换辅助器，如上图所示。移动控制节点的位置将可以改变曲线形状。如何修改控制节点？可以在场景树中选中该曲线多边形实体，在其右键菜单中有“添加节点”和“删除节点”子菜单，点击即可增删控制节点。把多边形变成管道选中上述曲线对象，点击工具栏中的管道工
如何在网页3D编辑器Stone中引入平面多边形模型
10-27 114
踏得网的Stone工具支持导入复杂的SVG图形并自动根据SVG里面的路径数据生成形状模型。具体操作：把svg文件直接拖拉到Stone编辑器的场景区域并松开鼠标，比如一个名为tiger.svg的文件。此时注意观察场景树的变化，如果加载成功，应该会出现一个名为tiger的节点，如果你的场景树层级关系较多，你可以在场景树最上面的搜索栏里面敲入“tiger”来快速定位到该节点。此时如果3D场景中没有出现预期的模型，那么一般是因为模型太大或太小所导致，可以通过选中tiger节点，在检测器的tr
Stone教程：如何导入3D模型到场景中
10-25 224
踏得网Stone工具支持导入外部3D模型。当前支持的模型类型有fbx、glb和obj。有三种操作方式：1. 直接从文件资源管理器拖拉模型文件到编辑器的场景中2. 也可以通过点击菜单“程序”->“引入”来导入3. 也可以通过下面的资源池工具条上的导入按钮来导入模型导入后，默认情况下，如果导入正确，该模型将被插入为当前选中节点的子节点。由于大小问题模型可能超出编辑者视界，我们可以通过鼠标滚轮来缩放场景来看到模型全貌。如果模型过大或者过小，可以通过在场景树中选中该模型节点
Stone教程：如何在3D场景中使用粒子动画特效
10-25 146
踏得网的Stone工具采用了着色器粒子编辑引擎，可以很容易的实现烛火、萤火虫、烟花、喷泉、雨雪等3D动画特效。要在场景的特定位置添加粒子特效，可以首先在该位置添加一个空实体，然后给该实体添加particle组件：点开ParticleEmitter组件标签，可以看到一个当前使用的粒子贴图：双击该贴图将打开粒子编辑器：最上面是贴图，你可以换成自己制作的贴图，比如雨滴、雪花等。粒子参数有很多，比较重要的几个参数是粒子数量、生存周期、3个维度上的速度、加速度（注意除了初始值，还有变化