webgl变换:深入图形平移
在 webgl 里,图形的运动分为 平移、旋转、缩放 三种类型。接下来,我们会从零基础开始,一点一点来深入了解图形如何进行运动。首先来从零开始了解下图形的平移
阅读量: 1.3k标签: WebGL
使用 WebGL 进行实时视频图像处理
这是我最近在 CodePen 上制作的 WebGL 演示案例。它可以捕获网络摄像头的数据(或在无法访问网络摄像头时,从 placekitten 获取备用图像),并将其实时转换为 ASCII 图像艺术。
阅读量: 3.5k标签: WebGL
WebGL 纹理颜色原理
WebGL绘制图像时,往着色器中传入颜色信息就可以给图形绘制出相应的颜色,现在已经知道顶点着色器和片段着色器一起决定着向颜色缓冲区写入颜色信息并最终呈现出来,那么这个过程是什么样
阅读量: 2.4k标签: WebGL
WebGL的3D框架比较 Three.js和ThingJS
随着flash的没落,浏览器的原生能力的兴起。在3D方面WebGL不管从功能还是性能方面都在逐渐加强。2D应用变为3D应用的需求也越来越强烈。 win10的画图板支持3D图片,2d工具photoshop也开始逐步集成了3D工具。
阅读量: 3.4k标签: WebGL
快速开发 HTML5 WebGL 的 3D 斜面拖拽生成模型
3D 场景中的面不只有水平面这一个,空间是由无数个面组成的,所以我们有可能会在任意一个面上放置物体,而空间中的面如何确定呢?我们知道,空间中的面可以由一个点和一条法线组成。这个 Demo 左侧为面板,从面板中拖动物体到右侧的 3D 场景中
阅读量: 2.9k标签: WebGL
基于 HTML5 WebGL 的 3D 网络拓扑结构图
前端开发者觉得如果我们可以不用学习 unity3d 或者其他游戏开发工具就能实现 3D 效果,而且能够精准的靠代码来控制移动或者方向就好了,于是我利用 HT For Web 中的3D组件 来实现了一个小例子
阅读量: 3k标签: WebGL
ht.js基于 HTML5 WebGL 的 3D “弹力”布局
使用弹力布局功能需要在引入 ht.js 核心库之后,再引入一个 ht-forcelayout.js 的弹力布局插件库,因为还用到了 form 表单,所以要引入 ht-form.js 的表单插件库。
阅读量: 13.2k标签: WebGL
玩转HTML5 下 WebGL 的 3D 模型交并补
建设性的立体几何具有许多实际用途,它用于需要简单几何对象的情况下,或者数学精度很重要的地方,几乎所有的工程 CAD 软件包都使用 CSG(可以用于表示刀具切削,以及零件必须配合在一起的特征)。
阅读量: 3.6k标签: WebGL