WebGL 3D 电信机架实战之数据绑定
在前端中，视图层和数据层需要进行单向或者双向数据绑定，大家都已经不陌生了，有时候 2D 做的比较顺了之后，就会想要挑战一下 3D，不然总觉得痒痒的。这个 3D 机架的 Demo 我觉得非常有代表性，首先，3D 机架用途非常广，尤其是在电信行业，就算不是机架，在比如工业方面 3D 模型以及数据绑定的应用也是非常广泛的，毕竟…
2018年3月23日
Tagged: 3D
快速开发 HTML5 WebGL 的 3D 斜面拖拽生成模型
如何在一个斜面上创建 3D 模型？如何通过拖拽创建 3D 模型？这些我们在实际项目中用到的概率也着实不低。我们知道，空间中存在无数个面，一个点和一条法线就能创建一个面，如何利用好这两个部分？
2018年3月13日
基于 HTML5 WebGL 的 3D 网络拓扑结构图
现在，3D 模型已经用于各种不同的领域。在医疗行业使用它们制作器官的精确模型；电影行业将它们用于活动的人物、物体以及现实电影；视频游戏产业将它们作为计算机与视频游戏中的资源；在科学领域将它们作为化合物的精确模型；建筑业将它们用来展示提议的建筑物或者风景表现；工程界将它们用于设计新设备、交通工具、结构…
2018年1月29日
基于 HTML5 WebGL 的 3D 场景中的灯光效果
3D 中的模型创建除了颜色以及贴图，灯光的效果也是非常重要的，配置好灯光的位置和颜色可以让整个场景提升不止一个档次，这个例子非常有代表性，希望大家能有所收获~
2018年1月2日
基于HTML5的WebGL经典3D虚拟机房漫游动画
3D动画宣传片将 3D 动画、特效镜头、企业视频、照片、未来前景等内容通过后期合成、配音、解说形成一部直观、生动、喜闻乐见的高品位的企业广告宣传片，让社会不同层面的人士对企业产生正面的、积极的、良好的印象，从而建立对企业的好感与信任，并信赖该企业的产品或服务。 现在 3D 发展地如此迅速也要感谢人类对于“现…
2017年11月14日
基于HTML5 Canvas的工控SCADA模拟飞机飞行
你想开飞机吗？我小时候也有一个梦想，就是当飞行员，今天我们就来体验一下开飞机，我猜你跟我一样会晕机！昨天看到一篇文章说是学习如何开飞机的，然后我就想，如果我也可以开飞机那就好玩了，每个人小时候都想做飞行员！中国飞行员太难当了，再说也不轻易让你开飞机！后来我就想如果能用 HT 开飞机那就是真的有趣了，哈…
2017年11月1日
3d基础知识研究–如何用js在canvas2d上做出3d效果
逛 TypeScript 官网时发现了一个 js canvas 做的 3D 灯光渲染效果(详见参考1)，一看源代码，竟然是用 getContext(“2d”) 做的，而且代码并不长，才两百多行，当时就被震惊了！！！区区这点代码就能白手起家写出三维光线追踪渲染效果？！WTF！还有这种操作？！感觉这一定是涉及非常基础、核心的 3D 相关原理的代码。虽然之…
2017年6月1日
HTML5实现3D和2D可视化QuadTree四叉树碰撞检测
QuadTree四叉树顾名思义就是树状的数据结构，其每个节点有四个孩子节点，可将二维平面递归分割子区域。QuadTree常用于空间数据库索引，3D的椎体可见区域裁剪，甚至图片分析处理，我们今天介绍的是QuadTree最常被游戏领域使用到的碰撞检测。采用QuadTree算法将大大减少需要测试碰撞的次数，从而提高游戏刷新性能，本文例子…
2015年12月14日
Zip 压缩、解压技术在 HTML5 浏览器中的应用
JSZip 是一款可以创建、读取、修改 .zip 文件的 javaScript 工具。在 web 应用中，免不了需要从 web 服务器中获取资源，如果可以将所有的资源都合并到一个 .zip 文件中，这时候只需要做一次请求，这样既减少了服务器的压力，同时也可以加快 web 应用的呈现速度。
2015年4月13日
