本篇文章主要介绍了Three.js获取鼠标点击的三维坐标示例代码。具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
2022-05-14 16:08:54
39KB
1
这是一款基于Three.js的交互动画特效。该特效使用Thress.js和TweenMax (GSAP)动画库制作，可生产非常炫酷的鼠标交互动画效果。
2022-05-14 10:35:28
13KB
1
最近有three网友，问我要不要学习blender，其实我感觉学习一下也无妨，不过花大量时间精通，尚可不必，术业有专攻给别人留一条路吧，哈哈。那我我们就是用ThreeBSP和uv贴图的知识来制作一个定制化的快递柜，先上图，在线案例请点击博客原文。
下面我们来讲解一下这样一个柜子的制作。
1. 主角是一个JSON
这样一个快递柜的核心是JSON数据的创建，有了jSON数据，我们就可以通过循环遍历出柜子，柜门和uv映射关系。那面下面来看看我们的JSON数据（部分代码）。
var doorArray = [
[94, 10, -176, 196, false], [94, 10, -76,
2022-05-11 18:35:39
155KB
1
三目BVH
一个BVH实现，可以加快光线投射的速度，并启用three.js网格的相交测试。
以60帧/秒的速度向80,000个多边形模型投射500条光线！
用
使用预制函数
// Import via ES6 modules
import * as THREE from 'three' ;
import { computeBoundsTree , disposeBoundsTree , acceleratedRaycast } from 'three-mesh-bvh' ;
// Or UMD
const { computeBoundsTree , disposeBoundsTree , acceleratedRaycast } = window . MeshBVHLib ;
// Add the extension functions
THREE . BufferGeometry .
2022-05-09 19:45:28
98.4MB
1
NFT 数字藏品 3D 展示方案（obj、mtl、png）引用 three.js
2022-05-03 20:08:03
43.2MB
1
前言
众所周知作为webgl的插件，three.js肯定没有原生webgl那样，添加一个阴影这么费劲。所以，经过一小时的研究（笨人不聪明，已经是极限速度了）。终于将阴影效果做了出来，并且还发现一些容易犯错的地方。话不多说了，来一起看看详细的介绍吧。
先上效果图：
实现这个效果其实很简单，只需要设置几个属性就可以实现当前的效果。而上面的材质问题我将放到下一节：
（1）首先需要告诉渲染器我需要阴影，你给我生成阴影：
renderer.shadowMap.enabled = true;
（2）然后告诉灯光，我需要阴影：
light.castShadow = true;
（3）告诉模型哪些
2022-05-01 14:13:53
98KB
1
Three.js开发指南：WebGL的JavaScript 3D库(原书第2版)_PDF电子书加随书源码
2022-04-29 12:01:39
134.98MB
1
使用Three.js实现书店的3d模型展示，包括书架、场景浏览、和书本点击显示信息等基本入门操作，代码简单明了，均已测试通过
2022-04-26 14:08:45
17.85MB
1