技术栈: vue3,three.js,vite。 构建的three.js3D场景编辑器。支持场景导入,导出。自定义配置。 导出的文件支持https://www.npmjs.com/package/scene-view。解析器解析渲染。 目前为纯前端单机版。 当前文件为打包后文件,可自己启动服务进行查看。 线上演示环境请私信
2023-11-15 10:59:59 177.97MB javascript vue.js
1
three.js观察者组件,为微信小程序使用three.js开发一个可以自转的星球服务,具体文档可在three.js官网进行查看
2023-10-16 14:11:02 26KB Three.js
1
将Unity场景中的模型对象,导出为 glTF 2.0 标准格式的文件,可供 Three.js 等引擎调用。
2023-07-11 09:27:17 545KB unity插件 glTF unity3d Three.js
1
分享一套Three.js可视化视频教程——Three.js可视化企业实战WEBGL视频教程,2023年5月升级版44章,视频+源码+素材+课件,资料齐全! Three.js 是一款运行在浏览器中的3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精彩的演示。不过,这款引擎还处在比较不成熟的开发阶段,其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度(尤其是文档的匮乏)three.js的代码托管在github上面!
2023-06-26 13:56:56 225B javascript 商业资料
1
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