下一代网络布局:National Geographic Forest Giant
使用 CSS 和浏览器布局中的工具可以实现令人惊叹的 Web 内容可视化。 使用 CSS 过滤器、WebGL、HTML5 视频、SVG、Canvas 画布等 Web 功能以及 CSS 区…
WebGL Orthographic 3D
这篇文章是一系列关于 WebGL 的文章的延续。 第一个 从基础开始, 前一个是关于 2d 矩阵的 关于 2D 矩阵 的。 如果您还没有阅读这些内容,请先查看它…
制作世界奇观 3D 地球仪
如果您在 查看了最近推出的 Google World Wonders 支持 WebGL 的浏览器上 网站,您可能会在屏幕底部发现一个精美的旋转地球。 本文让您了解地球的工作…
混合位置音频和 WebGL
在本文中,我将讨论如何使用 的位置音频功能 Web Audio API 中 将 3D 声音添加到您的 WebGL 场景中。 为了使音频更可信,我还将向您介绍 Web Audio AP…
Three.js WebGLRenderTarget 对象
WebGL 渲染目标对象 WebGLRenderTarget 实现了 WebGL 的离屏渲染功能,如果你有一定的 WebGL 或 OpenGL 基础,对帧缓冲区、离线渲染、后处理等概念应…
Three.js 如何学习 WebGL 和 Three.js
当你开始思考你应该如何学习 WebGL 和 Three.js 的时候,相信你至少对相关的关键词了解过了,希望通过 WebGL 或 Three.js 实现你想要的 Web3D 功能,…
纹理叠加混合 Three.js / WebGL
着色器纹理叠加混合,简单的说,比如一张贴图的 RGB 值乘 0.2,另一张贴图的 RGB 值乘(1-0.2),两张贴图分别乘一个系数后然后相加。WebGL实现纹理叠加…
Three.js / WebGL 数据可视化
数据可视化的表达方式有2D和3D形式两种效果,基于Web实现数据可视化,有多种技术可以满足,比如SVG、Canvas、WebGL,一般来说基于SVG和Cnavas技术可实…
Three.js 光照阴影实时计算
在方向光的作用下,物体会形成阴影投影效果。完整源码和视频讲解参考本站发布的 Threejs 视频教程 5.2 节光照阴影。 平行光投影计算代码 Three.js 物…
Pixi.js 超快 HTML5 的 2D webGL Canvas 游戏动画渲染引擎
Pixi.js 是一款超快的开源 HTML5 2D 渲染引擎,使用带有 Canvas 回调功能的 WebGL。作为 JavaScript 的 2D 渲染器,Pixi 的目标是,可以提供一个快速…
- 共 1 页
- 1