WebGL入门教程(一)-初识webgl
一、WebGL和传统网页的区别： 普通网页组成成分：HTML、JavaScript； WebGL网页组成成分：HTML5、JavaScript和GLSL ES(着色器语言 OpenGL ES)； 二、WebGL采用H5中的<canvas>元素来定义绘图区域 ...
花费 29 ms
图解WebGL&Three.js工作原理
“哥，你又来啦？”“是啊，我随便逛逛。”“别介啊……给我20分钟，成不？”“5分钟吧，我很忙的。”“不行，20分钟，不然我真很难跟你讲清楚。”“好吧……”“行，那进来吧，咱好好聊聊” 一、我们讲什么？ 我们讲两个东西：1、WebGL背后的工作原理是什么？2、以Three.js为例，讲述 ...
学废了系列 - WebGIS vs WebGL图形编程
目前工作中有不少涉及到地图的项目，我参加了几次技术评审，前端伙伴们在 WebGIS 方面的知识储备稍有不足，这次分享的主要目的是科普一些在前端领域比较常用的 WebGIS 知识。另外，我之前的工作中积攒了一些从零开始搭建 WebGL 地图引擎的微薄经验，虽然最终遗憾没有上线，但在其中学到的一些 ...
pixi.js教程中文版--基础篇
前言 Pixi.js使用WebGL，是一个超快的HTML5 2D渲染引擎。作为一个Javascript的2D渲染器，Pixi.js的目标是提供一个快速的、轻量级而且是兼任所有设备的2D库。提供无缝 Canvas 回退，支持主流浏览器，包括桌面和移动。 Pixi渲染器可以开发者享受到硬件加速 ...
threejs和ThingJS的区别，ThingJS收费么？
使用ThingJS收费吗？ThingJS是怎么收费的呢？ThingJS官网上的价格页面中VIP(商业开发者)和商业开发者(离线SDK包)有什么区别吗？使用ThingJS能制作一个智慧园区可视化项目或者 ...
three.js粒子效果（分别基于CPU&GPU实现）
前段时间做了一个基于CPU和GPU对比的粒子效果丢在学习WebGL的群里，技术上没有多作讲解，有同学反馈看不太懂GPU版本，干脆开一篇文章，重点讲解基于GPU开发的版本。 一、概况 废话不多说，先丢上demo，用移动设备更能明显感觉性能差异。 维护粒子位移、颜色、尺寸：GPU版本 ...
Threejs 开发3D地图实践总结
前段时间连续上了一个月班，加班加点完成了一个3D攻坚项目。也算是由传统web转型到webgl图形学开发中，坑不少，做了一下总结分享。 1、法向量问题 法线是垂直于我们想要照亮的物体表面的向量。法线代表表面的方向因此他们为光源和物体的交互建模中具有决定性作用。每一个顶点都有一个关联 ...
three.js 相机camera位置属性设置详解
开始很懵逼，完全不能理解，有个position，还要up和lookAt干嘛。 [黑人问号脸❓❓❓] 既然是位置属性不明白，那默认其它属性都懂了。 上坐标轴： 先来第一个position属性 ...
关于 Unity WebGL 的探索（一）
到今天为止，项目已经上线一个多月了，目前稳定运行，各种 bug 也是有的。至少得到了苹果的两次推荐和 TapTap 一次首页推荐，也算是结项后第一时间对我们项目的一个肯定。 出于 ...
Unity5中WebGL平台封装的一些技巧
最近在接触unity的WebGL平台,其实这个平台作为Web Player的替代品,已经能满足大部分的开发需求,而且不需要额外的插件支持,确实方便了不少,但开发中依旧遇到了不少问题,在这里记录和共享一下解决方法。 首先还是构建选项,在"Player Settings"里 ...