这篇文章，比较深入的讲解了渲染管线的大致过程，以及每个过程具体都干了什么事。文章大致分为三部分： 1. 概括性的讲述渲染管线包含哪些部分，以及每部分大致干了些啥。 2. 通过一个简单的例子，一步

Three.js 三维可视化实战之模型边缘高亮实现，这里需用到多个效果组合器来实现，在机房等场景经常会使用到此效果。

上篇文章搭建了一个基本的3d场景，本篇则主要完成模型效果的开发，包括：模型外边缘线框，扫描线框，通过这两步实现整个项目的核心效果。

前言 本篇文章是从零开始仿写一个智慧城市系列文章的第一篇，这一篇主要实现一下项目的初始化，添加一下Three场景的三大组件：场景（scene）、相机（camera）和渲染器（renderer），加一个

本次分享的特效案例，基于官方项目r129版本，实现的超酷炫Threejs 3D地球，喜欢的可以点个赞

在Paper.js中, 每个项目或者上下文都需要一系列的对象去描述它的状态，例如当前活动的项目、活动视图及有效工具等。这涉及到三个概念，program（项目）、view（视图）、tool（工具）。 像 onFrame()、onResize() 这样全局的处理函数（都属于view…

一、不废话，先上图。目标效果：使用亮的点，组成字。（完整代码，请滑到最后） ①用THREE.Points画点。 ②用THREE.TextGeometry加载字体文件（不用渲染），然后获取它的vertices属性获取组成字体的点集。 二、实现。 （1）自己下载.ttf字体文件。通…

原版粒子动画的JS部分也就一百多行代码吧，看明白不难。尽管如此，在实现想要的效果，尤其是demo 2的过程中，仍遇到了不少问题，甚至一度以为无法实现。好在最终都找到了解决办法，完美实现了需求。 这篇文档将介绍实现这两个demo时需要注意的一些关键点，遇到的一些问题和解决办法。 …

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