WebGL 应用已经比较成熟，在网络中也能找到很多精彩的应用。 本次活动中，应用 WebGL 技术，配合设计师，基于 C4D 软件模型编辑，通过 Blender 进行标准化输出，最终在 Web 端呈现交互。 在此我们一起看一下制作开发流程及很多吸引人的技术细节，以及对于新技术落…

一. Three.js框架简介 Three.js是用javascript编写的WebGL第三方库，运用three.js框架写3D程序，就如同在现实生活中观察一个3D场景一样，让人置身其中。介绍three.js必须提到它的三大组件,Scene,Camera,Render。它们是整…

前段时间为了推广一个新的公众号，开发了一款名为「投篮达人」（已下线）的小游戏，发布上线之后得到了不错的效果，成功为公众号吸引了很多粉丝。下面就来跟大家分享下开发这款游戏的历程。 游戏本身其实很简单，只是一个投篮游戏，实现篮球的投射，篮筐运动，篮球与篮筐撞击，游戏结束后的排行榜记…

A vtk.js rendering of a large-scale oceanic dataset with 5.2 million triangles. Rendering three-dimensional (3D) meshes and volumetric data…

Three.js 现学现卖

有不少朋友询问《HTML5 Web 客户端五种离线存储方式汇总》文章例子的 3D 表计模型是如何生成的，这个例子是通过导入 3dmax 设计好的表计模型，然后通过 obj 格式导入到 HT for Web 系统中进行控制，这种方式特别适合复杂模型的应用场景，但对于监控系统的很多应用其实并不需要专业的美工使用专业的 3D 编辑工具，完全通过 HT for Web 预定义的和内置自定义 3D 模型 API 就能满足很多应用，这里介绍几种场景的自定义 3D 模型应用。

透视投影相机(THREE.PerspectiveCamera) 所谓透视投影相机(PerspectiveCamera),基本等同于人的眼睛,意思就是:离的远的物体会显得比较小,近处的物体会比较大.透视投影相机的构造函数: PerspectiveCamera(fov,aspect…

js1k.com 收集了小于 1k 的 javascript 小例子，里面有很多很炫很酷的游戏和特效，今年规则又增加了新花样，传统的 classic 类型基础上又增加了 WebGL 类型，以及允许增加到 2K 的 ++ 类型，多次想尝试提交个小游戏但总无法写出让自己满意还能控制在这么小的字节范围。 自己写不出来，站在巨人肩膀总是有机会吧，折腾了一番站在 Hightopo 的肩膀上搞了个 3D 贪吃蛇游戏，算了算 JS 代码还只有 90 来行，终于满足了自己的小小心愿写完这篇可以满意去睡觉了。

作者在 2016 年的活动页尝试了实用粒子效应的虫洞特效。其实背后原理很简单，设计一段路径，然后获取点坐标，设置相机和灯光的位置就完成了。剩余的就是自己定义的材质。