在上一篇文章简单粗略的描述了开发3D汽车展厅，笔者再写一篇比较详细的教程。对于笔者来说Three.js说难不难，说简单也不简单。说简单因为他简化了对三维知识的理解，简化了很多操作。说难是因为ap

这个学期选修了一门计算机图形学的课程，课程选用的教材是基于WebGL。在此之前我对计算机图形学是没有任何概念的，只知道如果想要设计一款游戏具有图形学的知识是很重要的。我从来就有一个念想就是制作一款游戏，因此我对这方面是很有兴趣的。 老师推荐了一本入门教材《WebGL编程指南》，…

Web 全景在以前带宽有限的条件下常常用来作为街景和 360° 全景图片的查看。它可以给用户一种 self-immersive 的体验，通过简单的操作，自由的查看周围的物体。随着一些运营商推出大王卡等免流服务，以及 4G 环境的普及，大流量的应用也逐渐得到推广。比如，我们是否可…

因为我未搭建个人服务器。截几张图给大家看看效果我做的效果（大部分是和原来的一样）。可能一部分人已经见过这个经典动画了。（这里是原项目地址：https://threejs.org/examples/css3d_periodictable.html） 除了优化了原来的HELIX和G…

大家好，这里是CSS魔法使——alphardex。 之前在appstore上有这样一个游戏，叫stack（中文译名为“反应堆”），游戏规则是这样的：在竖直方向上会不停地有方块出现并来回移动，点击屏幕能叠方块，而你的目的是尽量使它们保持重合，不重合就会被削掉，叠得越多分数越高。玩…

Three.js（下面简称 Three） 作为一个 3D 库，不仅减少了我们学习 OpenGL 和 WebGL 的成本，还大大提升了前端在可视化上给用户带来更多的真实、沉浸式的体验。众所周知，Three 更多的是用 3D 模型 + 投影相机 + 用户交互的方式来构建一个「3D …

本文从绘图基础开始讲起，详细介绍了如何使用Three.js开发一个功能齐全的全景插件。 如果你对Three.js已经很熟悉了，或者你想跳过基础理论，那么你可以直接从全景预览开始看起。 OpenGL是用于渲染2D、3D量图形的跨语言、跨平台的应用程序编程接口（API）。 这个接口…

大家好，这里是 CSS 魔法使——alphardex。 爆炸，简而言之就是大量的微粒在一定空间内进行不规则的大幅运动而形成的奇观。说到“不规则”，我们首先就能想到一个词——“噪声”。

大家好，这里是 CSS 魔法使——alphardex。 本文我们将用three.js来实现一种很酷的光学效果——露珠滴落。我们知道，在露珠从一个物体表面滴落的时候，会产生一种粘着的效果。2D平面中，这种粘着效果其实用css滤镜就可以轻松实现。但是到了3D世界，就没那么简单了，这…