这篇我们接着来看一下DrawEntityActor类,我们来看看这个继承DrawActor的类到底做了什么事。我们之前学习了Drawable对应的DrawActor,那么我们类比的来看DrawableEntity对应DrawEntityActor,这样就好理解一些。首先我们还是先来看DrawEnti ...
分类:
Web程序 时间:
2019-01-13 11:00:15
阅读次数:
212
今天我们继续来学习osg.js框架。上一篇我们介绍了DrawActor对象绘制操作类和Drawable可绘制对象类,我们大致知道了osg对Drawable可绘制对象的绘制流程管理。今天我们要继续介绍StateBin状态树节点类。我们来看一下StateBin,他管理的是StateSet状态,他将每个模 ...
分类:
Web程序 时间:
2019-01-05 15:10:29
阅读次数:
236
从今天开始,我们开始正式的学习osg框架,今天我们学习的是osg的渲染模块,我们来看一下代码结构。 所有DrawXXX的js模块都是渲染的模块,我们逐一来简单介绍一下,第一个Drawable.js,这个模块是描述可绘制对象的类,也是我们今天要讨论的类。在osg框架中,渲染管道在准备时期首先要统计管理 ...
分类:
Web程序 时间:
2018-12-30 14:01:00
阅读次数:
299
本文将模拟一个家具城,让大家足不出户在家里就能更加直观立体的挑选家具。 第一步,利用CampusBuilder搭建模拟场景。CampusBuilder的模型库有各种各样的模型,使我们搭建出的场景更逼真。使用CampusBuilde创建层级,之后再给层级加外立面就出现了当前的效果。这次我们其实只是需要 ...
分类:
Web程序 时间:
2018-12-28 18:30:34
阅读次数:
283
产品概述 FreeXEarth Web是恒歌科技自主研发的三维网页端地球,提供了基础的图层管理、量算分析、场景标绘以及业务集成等功能,用户可通过浏览器快速构建并使用三维地球 产品特性 1. 轻量级 B/S架构设计,一处部署,无需安装插件,即可多处使用,做到极致轻量; 2. 高效性 采用高性能图形渲染 ...
分类:
Web程序 时间:
2018-12-26 10:32:29
阅读次数:
246
使用缓冲区对象向顶点着色器传入多个点 1. 创建缓冲区对象gl.createBuffer() 2. 绑定缓冲区对象gl.bindBuffer() 3. 将数据写入缓冲区对象gl.bufferData() 4. 将缓冲区对象分配给一个attribute对象gl.vertexAttribPointer( ...
分类:
Web程序 时间:
2018-12-24 02:43:48
阅读次数:
178
OpenGL ES着色器语言(GLSL ES) 1. 强类型语言 2. 内置变量 gl_Position(坐标) gl_PointSize(尺寸) gl_FragColor(颜色) 3. gl_pointSize必须使用浮点型,gl_PointSize=10 会报错,必须10.0这种格式的类型。 4 ...
分类:
Web程序 时间:
2018-12-24 02:35:15
阅读次数:
166
加载地图 Mapbox GL JS是一个JavaScript库,使用WebGL渲染交互式矢量瓦片地图和栅格瓦片地图。WebGL渲染意味着高性能,MapboxGL能够渲染大量的地图要素,拥有流畅的交互以及动画效果、可以显示立体地图并且支持移动端,是一款十分优秀的WEB GIS开发框架。 在页面引入Ma ...
分类:
其他好文 时间:
2018-12-24 00:17:56
阅读次数:
331
webgl1不支持设置线段宽度,这就只好通过shader来实现了,参考了踏得网的例子,引用地址:http://wow.techbrood.com/fiddle/43140。先在此感谢踏得网创始人之一 Ryan.chen 陈晓峰。介绍一下踏得网,这是一个推广交流webgl的网站,同学们可以去学习交流。 ...
分类:
Web程序 时间:
2018-12-23 15:17:38
阅读次数:
514
在网上看到了一个非常好的JS烟雾效果 https://paveldogreat.github.io/WebGL-Fluid-Simulation/看源码时发现了dat.gui很好用。 dat.gui 快速参数配置生成源码地址:https://github.com/dataarts/dat.gui s ...
分类:
Web程序 时间:
2018-12-20 14:47:00
阅读次数:
303