three.js开发指南源码: 首部全面讲解Three.js开发的实用指南,循序渐进讲解Three.js的各种功能,通过大量交互示例,深入探索使用开源的Three.js库创建绚丽三维图形的实用方法和技巧。 在过去的两年里,浏览器变得更加强大了,而且能够作为平台来运行复杂的应用和图形。但大部分的图形都
2023-06-19 22:09:41 40.2MB three.js
1
一、背景 粒子特效是为模拟现实中的水、火、雾、气等效果由各种三维软件开发的制作模块,原理是将无数的单个粒子组合使其呈现出固定形态,借由控制器、脚本来控制其整体或单个的运动,模拟出现真实的效果。three.js是用JavaScript编写的WebGL的第三方库,three.js提供了丰富的API帮助我们去实现3D动效,本文主要介绍如何使用three.js实现粒子过渡效果,以及基本的鼠标交互操作。 (注:本文使用的关于three.js的API都是基于版本r98的。) 二、实现步骤 1. 创建渲染场景scene scene实际上相当于一个三维空间,用于承载和显示我们所定义的一切,包括相机、物
2023-04-23 17:15:23 327KB hr js position
1
@mitchallen/three-xr-kit ThreeJS XR套件 用法 通过 jsdelivr 从 npm 获取 import { XRKIT , } from 'https://cdn.jsdelivr.net/npm/@mitchallen/three-xr-kit@1.0.14/dist/three-xr-kit.modern.js' 示例代码 请参阅 repo 示例文件夹。 现场演示 要查看使用此软件包的现场演示,请浏览到: 如果您在 VR 耳机中浏览到此站点,则可以单击“进入 VR”按钮。 此代码已经过测试: Oculus Go Oculus 任务 2 出版 要发布您的包版本,您必须首先在 NPM 中设置一个帐户和项目。 这将提升版本号、推送和发布: git add . git commit -m " updated code " npm run pu
2023-04-20 19:30:19 71KB JavaScript
1
建议先看说明:https://blog.csdn.net/qq_33789001/article/details/129622266 在抖音上玩的猫脸特效完全可以通过制作猫脸的贴图的效果来模仿它的效果。于是收集了很多贴图,加上我的超低的ps技术处理后,实现了这个算是换脸功能相对完善的工程。 这里基于mind-ar-js-master\examples\face-tracking\example1.html案例修改而来,主要是将部分托管在cdn服务器的脚本库进行了本地化关联(解决加载太慢的问题)和然后UI上新增了各个面部贴图的小图按钮,通过点击对应面部贴图按钮后切换对应的效果。 我这里采用直接修改网页地址的face参数进行切换面部贴图效果,然后在网页加载场景创建的时候先解析face参数,没有face参数则直接使用默认面部贴图,加载贴图,创建faceMesh,并设置材质贴图。这一步主要就是找素材,然后将素材和标准的人脸模型可视化uv贴图进行脸部的贴合,详情的说明建议看前言中的博客内容。手机上不能使用该功能成功的问题依然存在。
WebGL/Three.js前端高薪3D可视化(2023年3月升级版+600多课时)
2023-04-18 15:17:37 148B javascript 前端 3d Three.js
1
three.js游戏 使用three.js射击游戏开发 构建设置 npm install bower install tsd install 开始 npm start
2023-04-17 14:13:26 1.61MB JavaScript
1
用粒子滤波算法实现三维目标跟踪,用matlab实现。
three.js开发指南 第2版源码 three.js开发指南 第2版源码
2023-03-22 22:36:58 97.51MB three.js
1
分享一套three.js课程
2023-03-17 13:19:37 544B Three.js WEBGL
1