手把手教你如何使用 Three.js 构建卡通乐高风可视化场景 《小鸡过马路》 学习Three.js 基础应用、3D 定制化资源获取技巧、简易 Three.js 游戏开发思路

这里是预览地址 一、基础环境的搭建 这个部分主要内容是说明基础环境的搭建，初始化项目后执行npm命令 npm i three 安装用到的three.js库。随后新建一个html和js文件，引入它即可。

元宇宙设想了一个由虚拟世界和3D技术广泛应用重塑的未来。Three.js 是一个非常令人印象深刻的 JavaScript 3D 库，它也使用 WebGL（或 2d Canvas）进行渲染。

Facebook 近期将其母公司改名为 Meta，宣布正式开始进军 元宇宙 🪐领域。本文主要讲述通过 Three.js + Blender 技术栈，实现 Meta 公司炫酷的 3D 动态 Logo

背景 本文使用 Three.js SphereGeometry 创建 3D 全景图预览功能，并在全景图中添加二维 SpriteMaterial、Canvas、三维 GLTF 等交互点，实现具备场景切换

「这是我参与2022首次更文挑战的第25天，活动详情查看：2022首次更文挑战」 背景 panolensjs是一个非常有趣的threejs扩展库，上一次我用panolensjs实现了一个360度的全景

游戏讲述的是一个小女生被恶魔诅咒找不到家了，她听说收集七龙珠可以召唤神龙，神龙可是帮她实现回家的愿望，于是她开启了她的冒险故事

缘由 昨天晚上睡不着觉，突然从国外的视频网站VR视频里面得到灵感，花了40分钟写下了这个小小demo，和大家分享 效果图 原理 首先我们使用一个球体 将视频的每一帧生成一张纹理单元按照球体的uv在片元