-
WebGL入门教程1 - 3D绘图基础知识
现代浏览器努力使得Web用户体验更为丰富，而WebGL正处于这样的技术生态系统的中心位置。其应用范围覆盖在线游戏、大数据可视化、计算机辅助设计、虚拟现实以及数字营销等各个领域。在WebGL出现之前，用户必须安装第三方插件或本地应用程序才能利用设备硬件所拥有的强大的渲染功能，而使用WebGL，只需要浏览器就可以完成一切...
-
NodeJS、Java和PHP性能考量和若干参考结论
首先需要说明的是，严格而言NodeJS和Java、PHP并非对等概念，NodeJS是基于JS的一个应用程序，而Java/PHP是语言。我们这里实际指的是分别使用node、java和php来实现一个网页应用，在这样的相等用例下，各自的性能表现。自从2013年Paypal应用迁移到Node后，NodeJS被越来越多的巨头所使用。这里面当然不只是技术层面的考虑，还...
-
OpenGL/WebGL顶点坐标变换过程简介
世界坐标是按照笛卡尔坐标系定义出来的绝对坐标系，下面的各种坐标系都建立在世界坐标的基础上。对象坐标系对象被应用于任何变换之前的初始位置和方向所在的坐标系，也就是当前绘图坐标系；该坐标系不固定且仅对该对象适用；默认情况下，该坐标系与世界坐标系重合；当用函数glTranslatef...
-
浏览器报错: Failed to execute 'createObjectURL' on 'URL'
之前工作的网页调用摄像头获取视频并拍照的作品报错：Failed to execute 'createObjectURL' on 'URL'原因是Chrome升级后，新版本的Chrome不再支持该用法。其他主流浏览器也是如此，详细讨论请参考如下链接：
-
如何使用Three.js加载obj和mtl文件
OBJ和MTL是3D模型的几何模型文件和材料文件。在最新的three.js版本(r78)中，以前的OBJMTLLoader类已废弃。现在要加载OBJ和MTL文件，需要结合OBJLoader和MTLLoader两个类来实现，这也提供了操作的灵活性。下述代码中首先使用MTLLoader加载egg.mtl材料文件，然后把该材料设置给一个OBJLoader对象，以便在加载obj模型的时候进...
-
常用光照类型基本概念工作原理及其计算公式
在三维场景中，原理上物体的渲染效果取决于光照与物体表面的相互作用，对于渲染程序而言，可以通过把一些数学公式应用于像素着色来实现，从而模拟出真实生活中的各种材质效果。比如金属、玻璃、木质或石刻效果等。
本文做如下假定：- 我们讨论的是基于像素着色（per-pixel basi...
-
使用SVG和CSS3创建圆形进度条动画
圆形进度条是一个经典的控制面板元素，常用于显示任务进度，比如用户档案的完整程度，或者升级状态。有很多方法来实现圆形进度条，比如用JS, CSS3, Canvas, SVG。本文介绍如何使用SVG结合CSS3来实现。在阅读本文之前，你最好先了解SVG的基本知识。...
-
核函数核技巧（Kernel Trick）白话简介
核函数是为了解决分类问题而引入的方法。有些数据并不是那么容易线性分割，比如我们很容易用一根线条（红色）来分割下图中的黑白点：但是无法用直线来分割下图中的蓝红数据点：为了能用简单的直线（或者多维空间的超平面）来分割如上图中的数据集，我们需要“升维”来观察和思考问题。比如通过一定的映射，把数据映射成如下...
-
Three.js 对象局部坐标转换为世界坐标
在Three.js中进行顶点几何计算时，一个需要注意的地方是，需要统一坐标系。比如你通过Three.js提供的API创建了一个球体网孔对象，那么默认情况下，各网孔顶点的坐标是局部坐标（Local Matrix），即相对于该对象的position属性而言的相对坐标。当出现旋转、平移、设置位置（position）等变换时，需要相应更新世界坐标。当需...
-
D3.js读取外部json数据
D3.js是一个很好的数据可视化工具，支持从web服务读取json数据，或者从外部文件如.json, .csv文件中直接读取。由于部分服务比如flickrs上的图文数据服务需要VPN才能访问，为此可以先把该服务提供的数据以json文件的格式存储在本地服务器上。代码调用示例如下：d3.json("http://wow.techbrood.com/uploads/141102/propo...
© TechBrood Co. All rights reserved. 沪ICP备14011478号
