threeJs

图解WebGL&Three.js工作原理

，有研究3D可视化项目，用three.js做了个3D可视化监控V1版本，主要参照的是郭隆邦技术博客http://www.yanhuangxueyuan.co...threeeditorhttps://threejs.org
·2021-02-02 13:27

ThreeJS绘制流动的虚线效果

Threejs绘制等距流动线three.jsflowlineThree中LineMaterial中支持将线渲染为虚线样式，通过在LineMaterial中引入时间，可以使虚线动起来，产生流动效果。
Bro_Of_LXS·2021-01-21 23:48

Three.js初体验

关于Three的基础概念参考:ThreeJS快速入门关键名词:渲染器(renderer)相机(camera)2.1坐标系2.2三维投影透视投影相机(THREE.PerspectiveCamera)正交投影相机
kasmine·2021-01-14 14:10

threeJS自带的obj/fbx转json文件

threeJS自带的obj/fbx转json文件听说在blender上面安装导出json插件一直失败。
喵喵虫·2021-01-13 14:22

ThreeJS开场扯淡篇

工业和信息化部主管、中国信息通信研究院主办的专业学术期刊《信息通信技术与政策》，2020年第3期设置“数字孪生城市”专题，以“数字孪生城市”为主题，展示数字孪生城市关键技术、数字孪生城市研究成果以及数字孪生城市发展趋势。2020年2月28日，工信部发布《建材工业智能制造数字转型三年行动计划（2020-2022年）》，在新一代信息通信技术创新场景方向中指出大数据、云平台、5G通信、人工智能、BIM、
牟云飞·2021-01-13 10:01

threeJS的obj/mtl模型转gltf

学习目标：threeJS加载大型obj模型缓慢卡顿问题解决学习内容：提示：obj模型转gltf模型学习产出全局安装：npminstall-gobj23dtilesobj23dtiles-i.
喵喵虫·2020-12-31 17:44

cesium 经纬度绘制点_Cesium 绘制点、线、面和测距

本文基于ES6，采用React+Cesium的Webgis前端开发框架，目前threejs和cesium的结合正在研究中。
weixin_39972777·2020-12-22 20:15

threeJS加载gltf模型

threeJS加载GLTF模型初体验主要代码模型网站主要代码import*asTHREEfrom'three'import{GLTFLoader}from'three/examples/jsm/loaders
喵喵虫·2020-12-12 20:21

threejs一些基础

导入js包场景对象-scene几何对象-Geometry材质-material网格对象-mesh（对象，材质）光源-Light摄像机-cameracamera.lookAt相机看的方向渲染器-rendererdocument.body.appendChild(renderer.domElement);//body元素中插入canvas对象//执行渲染操作指定场景、相机作为参数renderer.re
满船清梦·2020-12-11 03:16

threejs一些基础

导入js包场景对象-scene几何对象-Geometry材质-material网格对象-mesh（对象，材质）光源-Light摄像机-cameracamera.lookAt相机看的方向渲染器-rendererdocument.body.appendChild(renderer.domElement);//body元素中插入canvas对象//执行渲染操作指定场景、相机作为参数renderer.re
满船清梦·2020-12-11 02:04

精读：用three.js实现全景图

之前做组内分享，选了threejs来学习一下，接下来就把用threejs实现的全景图来解读一下。1.three.js基础回顾1.1three.js概览1.是什么？
wenjinhua·2020-12-06 18:46

与unity通信的web大屏应用 开发总结

于是乎，上网找了一下前端三维开发的知识，了解了前端的三维开发小能手threeJs
xuelulu·2020-10-21 19:45

WebGL坐标系及基础几何概念

右手坐标系WebGL和threejs使用的是正交右手坐标系且每个方向都有可使用的值的区间，超出该矩形区间的图像不会绘制：x轴最左边为-1，最右边为1；y轴最下边为-1，最上边为1；z轴朝向你的方向最大值为
Peter_Gao_·2020-09-19 11:06

threejs测距：点到点，面到面，角度等

参考文章：https://blog.csdn.net/ALLENJIAO/article/details/81483073
小新快跑123·2020-09-17 13:44

【three.js】threejs学习笔记（一）

前言这个技术我已经觊觎很久了，我一开始在createjs与threejs中犹豫到底学哪个好，后来想到createjs3D做起来还是比较少见，而且看案例感觉更多的是动画处理或者配合animatecc进行生成
业火之理·2020-09-17 02:53

【three.js】threejs学习笔记（二）

顺便说下这玩意到时候卸载也挺坑的，所有全局的变量到时候都得卸载了，到时候写项目应该封装起来，批量生成卸载帧率检测器threejs动画一般都是使用requestAnimationFrame。
业火之理·2020-09-17 02:53

高德地图嵌入到threejs全景中的踩坑指南

项目中用到了THREE.OrbitControls,还要内嵌HTML结构(高德地图),我这边采用的是THREE.CSS3DObject.这导致了一个问题--由于OrbitControls必须将事件绑定到container及以上的DOM中,这样就将CSS3DObject中的DOM的触摸事件被阻止了.经过思考及测试,只需将OrbitControls中onTouchMove的event.preventD
weixin_33810302·2020-09-17 00:59

webgl中文字体显示

https://github.com/gero3/facetype.jsttf转换为json文件http://gero3.github.io/facetype.js/转换后则可以通过ThreeJS使用json
不屈的猿·2020-09-16 23:25

三维气象要素场--WebGL篇

http://blog.csdn.net/hzgjf/article/details/5754851最近花了几天了解了下WebGL，使用ThreeJS，使用简单，效果不错1、先显示一个地球，加上星空，加上旋转缩放平移代码
老郭1·2020-09-16 21:06

100 Three.js使用VideoTexture实现视频Video更新纹理

案例查看地址：http://www.wjceo.com/blog/threejs/2018-05-10/163.html简介既然我们可以使用canvas元素创建纹理，Three.js也给我们提供了可以实现
暮志未晚Webgl·2020-09-16 21:44

ThreeJs技术交流（4）——Unity3D与ThreeJS、以及在3D场景中添加视频

ThreeJs技术交流（4）——Unity3D与ThreeJS、以及在3D场景中添加视频Unity3D和ThreeJS在3D场景中添加视频基于平面添加视频基于video.js视屏控件添加视频结束语Unity3D
懒人窥·2020-09-16 20:12

使用ThreeJs从零开始构建3D智能仓库——第一章（一切的基础）

使用ThreeJs从零开始构建3D智能仓库——第一章写在前面如何实现从最简单的开始，构建地面准备——浏览器跨域设置初始化场景、相机、灯光、渲染器创建地板创建控制器及其他完整的代码结束语写在前面最近因为项目需求
懒人窥·2020-09-16 20:12

使用ThreeJs从零开始构建3D智能仓库——第五章（添加货架、货物与侧边栏）

使用ThreeJs从零开始构建3D智能仓库——第五章写在前面创建货架对象创建货架、货位类根据配置添加货架添加货物添加信息侧边栏结束语写在前面本章我们来讲解下如何添加货架货物和显示各类信息的侧边栏。
懒人窥·2020-09-16 20:27

Threejs,小球沿随机线的轨迹运动

主要代码：默认为threeJS标准场景，参考：（留个坑，假装有连接）先随机生成几个点存下来，我想让点都在坐标轴正方向的象限内，就取了随机数0-1
映月潜·2020-09-16 06:03

threejs 微信小游戏中的离屏渲染做UI和排行榜

微信小游戏对threejs真的是一次桎酷啊。。。呵呵。规定不能用html锁死了我们之前两个html标签的可能了。。。
火炎神2018·2020-09-15 05:17

基于ThreeJS如何让太阳光影发生变化？

太阳光影变化示例描述与操作指南示例效果展示[^1]:实现步骤示例描述与操作指南太阳光影变化示例，是利用Threejs开源接口模拟在不同地区、不同时间的太阳光照下阴影的形成。
盈嘉小红砖(同公众号)·2020-09-14 09:35

Threejs-射线拾取模型，获取模型表面点击的点坐标

addEventListener('click',Ray);//监听窗口鼠标单击事件functionRay(){varwindowX=event.clientX;//鼠标单击位置横坐标varwindowY=event.clientY;//鼠标单击位置纵坐标varx=(windowX/window.innerWidth)*2-1;//标准设备横坐标vary=-(windowY/window.inne
李小喵Y·2020-09-13 16:36

Three.js学习记录——TrackballControls控制器

Three.js提供了许多控制器：实例可见http://threejs.org/examples/中的今天用到了与osg中轨迹球相似的漫游器： //漫游器设置 varcontrols=newTHREE.TrackballControls
xiaoyaosdu·2020-09-13 04:30

精品网站集合

1、three.jsexamplehttps://threejs.org/examples/#webgl_animation_cloth1、react-router-dom(react-router4.0
whitegay·2020-09-13 03:29

[Threejs]如何通过DragControls/TransformControls实现对象拖动效果

通过DragControls可以实现鼠标拖动三维模型的效果．DragControls的事件注册具体示例代码如下://基于r109//import{DragControls}from'three/examples/jsm/controls/DragControls';//constobjects:Object3D[]=...this.dragControls=newDragControls([obj
moxiaomomo·2020-09-13 02:04

threejs在chrome里显示不出来外部模型的解决办法

之所以显示不出来是因为chrome的安全设置到桌面快捷方式，右键点击chrome，选择属性，在目标的后面添加："C:\ProgramFiles(x86)\Google\Chrome\Application\chrome.exe"--disable-web-security--allow-file-access-from-files因为我的chrome是在c盘安装的，前面的不用管，重点是--disa
keneyr·2020-09-13 01:09

Three.js - 使用 THREE.DragControls 实现模型拖拽

示例浏览地址:https://ithanmang.gitee.io/threejs/home/201807/20180703
ithanmang·2020-09-13 00:06

HTML5教程第一篇 - canvas(一)

JAVASCRIPTAPI今天我们主要讲一下HTML5中提供的CANVAS画布元素以及一些基本操作在这里推荐大家一个库Echarts可视化库和highcharts两个可视化图感兴趣的喜欢游戏的可以关注一下threejs
路克森·2020-09-12 22:50

【three.js学习笔记】04 dat.gui 组件使用

dat.gui组件使用datgui组件可以方便地改变某些值，并快速预览这些值的改变所产生的变化远程调用：https://threejs.org/examples/js/libs/dat.gui.min.js
towrabbit·2020-09-12 20:22

16 Three.js使用dat.GUI简化试验流程

案例查看地址：http://www.wjceo.com/blog/threejs/2018-02-12/18.html我们实例化dat.GUI对象后，会在右上角显示出一些可以调节的参数，比如：这就是今天的案例制作出来的五个可以调节的属性
暮志未晚Webgl·2020-09-12 20:19

Three.js 笔记 - 使用dat.GUI简化调试流程

本示例浏览地址：https://ithanmang.gitee.io/threejs/home/201806/20180623/04-datgui.html1示例代码加入dat.GUI调试插件body{
ithanmang·2020-09-12 19:59

使用ThreeJs搭建BIM模型浏览器，第一步-显示

threejs既然能够通过三角面构造mesh,肯定是能够通过面片构造出几何模型。各个功能模块的核心代码，在我后续的博客中会一一列举公布出来。
2000年的三好学生·2020-09-12 18:55

threejs 第三天加载一个静态模型

Titlevarscene=newTHREE.Scene();varcamera=newTHREE.PerspectiveCamera(45,window.innerWidth/window.innerHeight,1,2000);camera.position.set(100,200,300);varcontrols=newTHREE.OrbitControls(camera);controls
falconlulu·2020-09-12 18:31

iclient for mapbox使用threejs加载gltf模型动态加载位置

实现背景是这样的：我们将gltf模型位置存在了数据库，需要根据不同状态gltf模型所在的位置不同。但是发现无论怎样设置，setPosition都在请求到的xy数据之前执行，所以每次的结果都是模型坐标是[0，0]最后采用了iframe嵌入地图，打开iframe时，使用QueryString的方法传值，就可以设置setPosition。另外超图还给出了方案，让我把setPosition放在threeL
Kun丶·2020-09-12 17:50

VUE项目中使用THREE.js加载obj模型

想要在vue项目中使用threejs加载如obj、vtk等格式的模型，与threejs官网略相似，却有部分不同。以下概括几个不同点：js文件引入方式不同。
winnie__wei·2020-09-12 17:38

质地设置

HTMLCSSbody{margin:0;}#c{width:100vw;height:100vh;display:block;}JS//Three.js-TexturedCube//fromhttps://threejsfundamentals.org
盈嘉小红砖(同公众号)·2020-09-12 17:58

Strange Tubes

旋转球体示例HTMLCSSJS更多有趣示例尽在小红砖社区示例HTMLStrangeTubesThreeJSCollectionNoiseCoefHeightCoefTimeCoefTubeRadiusProgressiveradiusRandomColorsCSSbody
盈嘉小红砖(同公众号)·2020-09-12 17:58

在Threejs导入显示点云数据

在Threejs导入并显示点云数据最近在项目中遇到需求，需要在web端显示点云数据。将我的实现步骤介绍在这里供大家参考。
hhhliuye·2020-09-12 17:16

Threejs之粒子和透明那点事

搞了一群粒子，打算模拟水流，不知道会不会死在半路。首先随机生成了一些点，用newTHREE.Points生成粒子之后发现都是小方块，貌似默认就是这样，我的管子里总不能流一群的冰块吧？最次也要是一些小球球吧。于是，修改PointsMaterial的初始化参数，传了个图片map:newTHREE.TextureLoader().load("dot.png"),没效果，要开透明，我试了半天的opacit
映月潜·2020-09-12 17:43

threejs中的阴影

1.效果2.实现要求渲染器开启阴影渲染this.renderer.shadowMap.enabled=true;灯光需要开启“引起阴影”dirLight.castShadow=true物体需要开启“引起阴影”svg.castShadow=true平面开启“接受阴影”plane.receiveShadow=trueshadowMap.autoUpdate:Boolean启用场景中的阴影自动更新。默认
若水上善666·2020-09-12 17:37

three.js 加载跨域文件的解决方法

threejs会报错（”Failedtoexecute‘texImage2D’on‘WebGLRenderingContext’:taintedcanvasesmaynotbeloded.”）要解决这个问题只要设置
蜗牛速度额·2020-09-12 17:00

threejs中FBX，OBJ,MTL模型加载demo

分享一个用FBXLoader.js和OBJLoader.js，MTLLoader.js分别加载各自对应模型的demoTHREE.jsLoaderhtml,body{width:100%;height:100%;overflow:hidden;margin:0;padding:0;background-color:#000;font-family:Helvetica;}#stage,video,ca
guocongcong-cc·2020-09-12 17:24

draco与threejs完美结合

这是本项目演示效果（demo源码）工程目录threejsJoinDracoDemojsthree.min.jsOrbitControls.jsdraco_decoder.jsDRACOLoader.jsmodelsbunny.drc
ahdms·2020-09-12 17:24

ThreeJs 绘制点、线、面

所有的三位物体都是由点构成，两点构成线，三点构成面，ThreeJs又如何绘制出点、线、面呢？
weixin_34138377·2020-09-12 17:26

threejs求物体在目标坐标系下的包围盒

2019独角兽企业重金招聘Python工程师标准>>>求object1在object2坐标系下的包围盒functionutils_getBox(object1,object2){varmatrix=newTHREE.Matrix4().compose(object2.position,object2.quaternion,object2.scale);varscale=object2.scale.
weixin_34037515·2020-09-12 17:52
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他