WEBGL-Threejs
文章平均质量分 81
VRlook
这个作者很懒,什么都没留下…
展开
-
汇总:五个开源的Three.js项目
汇总:五个开源的Three.js项目。Three.js 使开发者无需深入了解 WebGL 的详细技术就能够轻松构建和渲染3D场景、模型、动画、粒子系统等。其应用场景广泛,包括网页游戏、数据可视化、虚拟现实(VR)、增强现实(AR)、艺术展示和教育工具等,几乎覆盖了所有需要在网页中展示3D内容的领域。原创 2024-03-30 11:19:26 · 3567 阅读 · 0 评论 -
OpenGL,WebGL基于HTML5/WebGL的建模及构建3D场景
webgl、OpenGL,WebGL,定义了一套API,能够允许在网页中的canvas标签中使用类似于Open GL,实际上是一套基于OpenGL ES 2.0的3D图形API。原创 2022-07-24 16:33:56 · 4255 阅读 · 2 评论 -
Three.js开源库
Three.js是一个javascript库,它包装了浏览器提供的webgl接口,用于在网页上实现3d动画。特别是在VR/AR/MR/XR/元宇宙等开发上。都会用的到。下面小编分享下整理的一些Three.js开源库。翻译 2022-01-15 16:50:11 · 1735 阅读 · 0 评论 -
React Three.js 增加hdr环境贴图和背景图片的方法
React Three.js 增加hdr环境贴图和背景图片的方法:import React, { Suspense, useEffect } from 'react'import { Canvas, useThree, useLoader } from '@react-three/fiber'import * as THREE from 'three'import { OrbitControls } from '@react-three/drei'import { RGBELoader }转载 2021-12-19 21:24:46 · 2747 阅读 · 0 评论 -
WebGL技术研究:Threejs、SceneJS、ThingJS等框架优缺点对比分析
WebGL技术研究:Threejs、SceneJS、ThingJS等框架优缺点对比分析。WebGL研究(包括BabylonJS、Threejs、LayaboxJS、SceneJS、ThingJS等框架的特性、适用范围、支持格式、优缺点、相关网址)。翻译 2021-12-19 20:58:41 · 17773 阅读 · 0 评论 -
基于WebGL的10大开源框架及各自特点 | 整理
WebGL是基于OpenGL的JavaScript API /库,允许Web浏览器在浏览器中渲染3D / 2D图形,而无需安装额外的插件,桌面应用程序,任何第三方插件或浏览器扩展。WebGL框架和库用于创建交互式展示,基于浏览器的游戏,详细的科学和医学可视化/模拟,虚拟现实(VR)和混合现实(MR)应用程序。WebGL已在游戏,工程,数据分析,地理空间分析,科学和医学可视化与模拟等多个行业中使用。转载 2021-12-19 14:48:51 · 3412 阅读 · 0 评论 -
基于Three.js的动效方案
目录背景Three 基础Camera 相机Scene 场景GroupGeometry 几何体Material 材质Mesh网格对象Renderer 渲染器物体动画Animations贴图动画粒子动画创建粒子粒子运动tween.js相机动画Controls相机动线小结参考资料背景Threejs(下面简称 Three) 作为一个 3D 库,不仅减少了我们学习 OpenGL 和 WebGL 的成本,还大大提升了前端在可视化翻译 2021-07-12 20:30:30 · 1900 阅读 · 1 评论 -
three.js开发全景视频播放器的现实方法
业余弄弄three.js。想用three.js实现播放全景视频。研究了一段。搜索很多资料。感觉这一遍很棒。搜藏分享下。原理:将video标签拉伸显示在three.js场景的一个球模型上,用相机在中间播放渲染。基础:基于three.js官方案例中的全景视频播放(three.js webgl - equirectangular video panorama)操作过程:对官方demo进行视频...翻译 2019-11-12 12:53:00 · 4873 阅读 · 0 评论 -
Web3D展示框架whs.js:基于Three.js的Web3d应用程序的超快3D框架
whs.js介绍:whs.js是一个在Three.js基础上构建的Web3D应用框架,它实现了一个具有组件系统和插件支持的核心,可以快速开发出web3D场景。Web3D展示框架whs.js:基于Three.js的Web应用程序的超快web3D框架whs.js如何获取whs是开源项目,因此你可以直接到Github上获取,也同时提供了相关文档和案例演示,今后可能不会直接给出地址,原因...翻译 2019-07-20 00:56:04 · 4704 阅读 · 0 评论 -
Web3D编程总结——Threejs 3D碰撞检测初探初探
自己动手写一个方法比分析他人的写的方法困难很多,由此而来的对程序的进一步理解也是分析别人的代码很难得到的。一、先来几张效果图:1、场景中有两个半径为1的球体,蓝色线段从球心出发指向球体的“正向”2、物体被选中后改变纹理图片和透明度,可以使用“w、s、a、d、空格、ctrl”控制物体相对于物体的正向“前、后、左、右、上、下”移动,按住按键时间越长移动速度越快,绿色线段由球心指向物体运...原创 2019-10-09 23:29:25 · 2686 阅读 · 2 评论