摘要：本文将通过Three.js的介绍及示例带我们走进3D的奇妙世界。 随着人们对用户体验越来越重视，Web开发已经不满足于2D效果的实现，而把目标放到了更加炫酷的3D效果上。Three.js是用于实现web端3D效果的JS库，它的出现让3D应用开发更简单，本文将通过Three…

这两天接到一个项目，是有关全屏视频的，整个项目中分到我这儿最主要的部分就是结束页要求3d贺卡展示，正巧和前几天NingBo童鞋分享的一样，干脆点儿，这次搞个webGL版的。哈哈~ 20190426-现在阶段就是只做了个基础版，曲线动画啥的都是小事儿。 20190427-现在加上…

就在昨天，世界首张黑洞照片，正式亮亮相啦，煤球黑洞在朋友圈传疯了。惊不惊喜，意不意外？想到4年前翻译的这篇文章，再发出来，我们前端工程师使用 JS 来自己画个黑洞吧！ 黑洞仿佛就是一个宏达的自然边界，在黑洞里，我们所知的量子理论和经典力学都将失效。物理学家逼不得已产生了一些实在…

Pannellum是一款基于WebGL和JavaScript的轻量级开源全景组件，能用作在网页端和移动端展示全景图片或者是全景视频。GitHub地址，官网地址。官方图演示如下： Pannellum特性： 轻量、体积小（15kb） 不同投影类型全景图片 全景标注（Hotspot）…

提起矩阵，很容易让人想起我们曾经学不会的线性代数和离散数学，但是作为图形开发中的核心部分，它代表着每一次的运动和变换，就像鱼不能脱离水一样，矩阵并不是一个可以避之不谈的话题。 好消息是，Three.js帮助我们把许多矩阵运算封装成了一些顶层的方法，并提供了一个优秀的数学库，我们…

在Web3D百花齐放的今天，和大家简单探讨一下目前主流的3D库。 官方将Egret定位为一整套游戏开发的“游戏解决方案”，包括游戏开发框架、开发辅助工具，生态环境相对完善。基于TypeScript进行开发，支持Flash到Egret的高效转换、跨平台支持，可打包为HTML5，以…

也可以去预览。 但是作者并没有把源码分享出来，正好最近在学习 threejs，正好抽时间写了一个类似的 demo，希望能帮助一些喜欢 threejs 的初学者。效果如下： 接下来，我们一起来看如何实现这样一个粒子体系切换动画。 将获取到的 json 文件保存到本地。 首先，初始…

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