导语：大自然蕴含着各式各样的纹理，小到细胞菌落分布，大到宇宙星球表面。运用图形噪声，我们可以在3d场景中模拟它们，本文就带大家一起走进万能的图形噪声。 图形噪声，是计算机图形学中一类随机算法，经常用来模拟自然界中的各种纹理材质，如下图的云、山脉等，都是通过噪声算法模拟出来的​。…

这是由于共用顶点导致的，所以如果同一顶点有参与多次不同多个颜色片元处理的话，不能共用。 上方向：最终绘制在屏幕中的影像的向上方向。由于观察者可能以视线为轴旋转，故还需要上方向固定视角。向量 (upX,upY,upZ) 默认视角为 z 轴负半轴，即指向屏幕内部。其中 WebGL …

Tip1: 打开后浏览器一直转圈 建筑物的贴图不显示 是网络问题 等一会儿就好 毕竟是github... 本篇虽是关于Three.js入门的文章， 但是太过入门的就不讲了，没意义，网上很多相关入门知识。本篇主要是把自己在写demo时候遇到的坑点给记录下来， 有什么不懂的直接去查…

在 Web 3D 技术快速发展的今天，Three.js 已经发展得非常成熟。本文将详细介绍如何使用 Next.js 和 Three.js 构建一个高性能的 VR 全景看房系统，实现跨平台的沉浸式体验。

自 2011 年我国城镇化率首次突破 50% 以来，《新型城镇化发展规划》将智慧城市列为我国城市发展的三大目标之一，并提出到 2020 年，建成一批特色鲜明的智慧城市。截至现今，全国 95% 的副省级以上城市、76% 的地级以上城市，总计约 500 多个城市提出或在建智慧城市。…

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

随着当今时期前端地愈来愈普及，页面实现的效果真的是越来越棒！ 随着数字图像处理、人工智能技术的发展 ，展示给用户的视觉效果便不局限于平面的2D视觉效果。

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

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