本文使用Three.js实现一个可以应用到实际项目中的3D在线看房案例，通过本文你将学到的知识包括：使用 Three.js 实现多个场景的加载和场景间的丝滑过渡切换、在线看房小地图原理实现等……

three.js + react 实现鼠标移入模型高亮选中效果 使用EffectComposer和其附加的渲染效果Passes（如RenderPass和OutlinePass）来实现高级渲染效果。

在Three.js开发过程中，有时需要将 HTML 元素与 Three.js 渲染的 3D 场景相结合，这就需要用到 CSS2DRenderer 和 CSS3DRenderer。

分享一个前段时间写的一个基于 Threejs 的个人作品 灵感主要来自 Bruno Simon 的个人网站 https://bruno-simon.com/ 。当然 我实现的就相对比较粗糙了 这个项目

前言 本文将使用 three.js + cannon-es 构建一个 3D 的博饼 小游戏，在这里你能够学到如何通过 three.js 构建一个骰子🎲，如何通过 cannon-es 为骰子添加物理动作

前言 使用前端three.js加载3d模型过程中，往往会出现模型大小过大导致前端加载时间过长，降低用户体验。 本文所记录的是笔者在使用gltf-pipeline压缩3d模型中踩坑DRACOLoader

本文探索在Web前端实现AR导航效果的前沿技术和难点。 1. AR简介 2. 技术难点 不同设备不同操作系统以及不同浏览器带来的兼容性问题主要体现在对获取视频流和获取设备陀螺仪信息的支持上。 navigator.getUserMedia()已不推荐使用，目前新标准采用navig…

@TOC 概述 如有不明白的可以加QQ：2354528292；wx: aichitudousien 更多教学视频请访问：https://space.bilibili.com/236087412 源码获

3D 物理引擎 Cannon-es.js 官方文档 官方示例 npm地址 Import Cannon-es.js 引入 初始工作 引入模型，加入灯光 创建物理引擎世界，设置地球的重力加速度 创建刚体