WebGL之绘制三维地球
通过Three.js也许可以很方便的展示出3D模型，但是你知道它是怎么一步一步从构建网格到贴图到最终渲染出3D模型的吗？现在我们直接使用底层的webgl加上一点点的数学知识就可以实现它。 本节实现的效果: WebGL三维地球 内容大纲 构建网格 编写着色器 实现3D ...
原文：利用javascript和WebGL绘制地球 【翻译】
利用javascript和WebGL绘制地球 翻译 原翻译：利用javascript和WebGL绘制地球 翻译 在我们所有已知的HTML API中，WebGL可能是最有意思的一个，利用这个API我们能够在浏览器中创造出炫酷 D场景的能力。本文将完整的向你展示一些炫酷是如何实现的。 需要特别指出的是，这篇教程我们将会构建一个地球行星模型，这个模型可以像一个兴奋的人一样环绕的旋转，另外，它可能使我们可 ...
2015-03-22 01:38 2 4780 推荐指数：
相关推荐
一些webGL地球的网址
测试浏览器的webgl支持情况：https://browserleaks.com/webgl 或者 https://github.com/AnalyticalGraphicsInc/webglreport http://world.openwebglobe.org/ http ...
WebGL绘制有宽度的线
WebGL中有宽度的线一直都是初学者的一道门槛，因为在windows系统中底层的渲染接口都是D3D提供的，所以无论你的lineWidth设置为多少，最终绘制出来的只有一像素。即使在移动端可以设置有宽度的线，但是在拐弯处原生api没有做任何处理，所以往往达不到项目需求，再者比如对于虚线、导航 ...
WebGL绘制有端头的线
关于WebGL绘制线原理不明白的小伙伴，可以看看我之前的文章WebGL绘制有宽度的线。这一篇我们主要来介绍端头的绘制，先看效果图。 端头一般被称为lineCap，主要有以下三种形式： butt最简单等于没有端头，square一般是多出lineWidth/2的长度，round ...
3D引擎three.js/Babylon.js/physijs.js/clipper.js绘制地球飞机，three.js是JS的WebGL第三方库。
three.js是JavaScript编写的 WebGL第 三方库。 three.js是JavaScript编写的 WebGL第 三方库。提供了非常多的3D显示功能。Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机 ...
WebGL半透明物体的绘制
WebGL 中当透明和半透明物体共存时，相关设置不正确的话，物体表面会出现破碎杂乱的断面，非常影响效果，我们接着就来解决这个问题。 完成的展示Demo请看: 半透明物体和透明物体共存 α 混合 让物体实现半透明效果需要用到颜色的α分量。该功能被称为a混合(alpha blending ...
WebGL入门学习:绘制圆锥
1、圆锥的几何构造 从上面看：是一个圆，严格说是一个正N多边形，N值越大，越接近圆。绘制时要用三角函数计算正N多边形的N个顶点坐标。 从侧面看是个三角形：最下面是一个顶点，和上面的正N多边形顶点相连构成圆锥网格。 2、WebGL代码实现 1）顶点 ...
Webgl中的基础模型绘制
开篇 本篇博文对绘制webgl中基础图形做说明。阅读本文时，你需要对基本的webgl有一定认识，并且熟悉中学的基本数学公式。不过这些公式都非常简单，只要你学过，使用起来就没有问题。本文将持续更新，但是如果你需要绘制复杂的图形，我建议你使用建模软件构建完后导出到webgl中。 基础图元 ...