我的小树林

摘要： THREE.js开发的应用运行在iphone5下发现有些时候会崩溃，跟了几天发现是因为Sprite太多频繁更新纹理占用显存导致的。通常解决纹理频繁更新问题就要用到one draw all方法，放到纹理上就是把所有纹理图片生成一张大图片的方式。 一、阻止纹理重复上传 我们需要一张大纹理，先将所有的内容 阅读全文

摘要： 这章主要探讨矩阵，这些矩阵代表了应用在我们场景上的变换，允许我们移动物体。然而在webGL api中并没有一个专门的camera对象，只有矩阵。好消息是使用矩阵来取代相机对象能让webgl在很多复杂动画中拥有更高的灵活性。 第四章中主要内容： 1、了解场景从3d世界到二维屏幕所经历的变换 2、学习仿 阅读全文

摘要： 文档：webgl开发第一道坎——矩阵与坐标变换.... 链接：http://note.youdao.com/noteshare?id=d42d59de004f9219a43b578bcf075601&sub=01D716A12E624B88A2E015F21CCCA84C 垃圾博客园不兼容以前的模式 阅读全文

摘要： 在Webgl中我们使用顶点着色器和片元着色器来为我们的场景创建光照模型。着色器允许我们使用数学模型来控制如何照亮我们的场景。 最好有线性代数的相关知识。 本章中： 1. 光源、法线、材料 2. 光照和着色的区别 3. Goraud Phong着色方法和Lambertian Phong光照模型 4. 阅读全文

摘要： 3D应用的基础元素： 1、canvas，它是渲染场景的占位符。标准html的canvas元素 2、Objects，这里指的是组成一个场景的所有3d实体。这些实体都由三角形组成。webgl中使用Buffer（vertex、index）来存储管理这些3d实体数据。 3、Lights，如果没有光照3d场景 阅读全文

摘要： 前段时间连续上了一个月班，加班加点完成了一个3D攻坚项目。也算是由传统web转型到webgl图形学开发中，坑不少，做了一下总结分享。 1、法向量问题 法线是垂直于我们想要照亮的物体表面的向量。法线代表表面的方向因此他们为光源和物体的交互建模中具有决定性作用。每一个顶点都有一个关联的法向量。 如果一个 阅读全文

摘要： koa2里面使用ES7的语法，如async、await所以需要运行在node7.6之后；但在node7.6之前也可以利用babel是的koa2可以运行。 首先项目中安装babel，和babel的几个模块： npm install babel babel register babel preset e 阅读全文

摘要： css中的相对单位与绝对相位 传统pc端网页设计中，设计师给出的视觉元素大小的衡量单位通常是以css中的px为单位的。我们也从来不去关心一px到底有多长，只要按照设计师给出的px大小编写css代码即可。所以很多前端开发认为px是绝对单位，甚至很多css书籍中也简单的告诉我们px是绝对em、ex、单位 阅读全文

摘要： 对于node开发同学经常要处理异步请求，然后根据请求的结果或请求成功后的状态码做不同的策略处理，众多策略中最常用的一种就是重试策略。针对重试策略我们往往还需要设定一定的规则，如重试次数、重试时间间隔、总体超时时间、重试判定等。针对以上问题，这里推荐一个工具包：bluebird retry。 blue 阅读全文

摘要： 换了新工作，也确定了我未来数据可视化的发展方向。新年第一篇博客，又逢春运，这篇技术文章就来交给大家如何做一个酷炫的迁徙图（支持移动哦）。（求star 代码点这里） 迁徙图的制作思路分为静态的元素和变换的动画。其中动画是围绕着静态的元素变换，所以我们首要的任务就是如何绘制静态的元素。 仔细看一下，静态 阅读全文