threeJs

threejs 加载obj 模型并实现对象拾取

初识threejs，实现了简单的threejs和对象拾取。这里简单记录。
老朱之三十而立·2020-09-12 16:07

threejs修改滚轮移动的缩放倍数

参考https://www.cnblogs.com/zjf-1992/p/6146486.html：这篇博客里实现了“鼠标上下滑轮实现放大缩小”的效果：//监听鼠标滚动事件canvas.addEventListener('mousewheel',mousewheel,false);（1）搜索本项目已经使用的OrbitControls.js（控制鼠标行为）中的“mousewheel”关键字，得知其监
luxiaopengyou·2020-09-12 16:42

ThreeJs 中，如何画线？

请注明使用的ThreeJs的版本？
杠杠峰·2020-09-12 16:37

threejs 绘制多段虚线

threejs绘制多段虚线在三维的webgl类库threejs下，绘制多段实线没有问题；使用同样的方式绘制多段虚线却出现了问题。
codehuicn·2020-09-12 16:03

three.js EdgesGeometry给几何体边缘添加辅助线-线框

官方文档：https://threejs.org/docs/index.html#api/en/geometries/EdgesGeometryvargeometry=newTHREE.BoxBufferGeometry
X01动力装甲·2020-09-12 16:27

three.js灯光与阴影

不论我们是在生活中，还是在threejs中。说到阴影肯定和光是分不开的。在网上有很多说threejs中阴影与材质有关系。其实说的不准确，准确的说是接收阴影的对象对材质有要求。
kfyzjd2008·2020-09-12 16:11

ThreeJs的学习：Face的理解

创建立方体的代码：three.jswebgl-indexedinstancing(singlebox),dynamicupdatesa{color:#08f;}if(WEBGL.isWebGLAvailable()===false){document.body.appendChild(WEBGL.getWebGLErrorMessage());}varcontainer;varcamera,sce
太古时代·2020-09-12 16:30

Three.js中的光源

Threejs中的各种光源作为3D技术的发展趋势，浏览器端3D技术越来越被一些技术公司重视。由此，Threejs非常注重3D渲染效果的真实性，对渲染真实性来说，使用光源是比不可少的技巧。
蜗牛奔跑中·2020-09-12 16:58

ThreeJs的学习：阴影的产生

要产生阴影，需要在三个地方设置属性，光源、物体、地板光源和物体设置castShadow=true;地板设置receiveShadow=true;例子：1.光源：varpointLight=newTHREE.PointLight(0xffffff,0.8);pointLight.position.set(50,60,50);pointLight.castShadow=true;2.物体物体是指建立在
太古时代·2020-09-12 16:57

Three.js入门学习笔记15：Threejs帧动画模块

参考学习http://www.webgl3d.cn/Three.js/编辑关键帧并解析播放Threejs提供了一系列用户编辑和播放关键帧动画的API,例如关键帧KeyframeTrack、剪辑AnimationClip
jbwhysy·2020-09-12 16:49

threejs给物体添加选中效果

constscene=newTHREE.Scene();constsceneHelpers=newTHREE.Scene();consthelper=newTHREE.BoxHelper();renderer.autoClear=false;sceneHelpers.add(helper);//不要将helper直接添加到scene中,有可能导致选中物体时意外选中helper;functionse
天边那朵云·2020-09-12 16:57

Threejs-line线条

threejs-linebody{padding:0;margin:0;}varmycanvas=document.getElementById('mycanvas');varscene=newTHREE.Scene
dk8600·2020-09-12 16:59

Threejs入门4-line(画线)

1.简介在3D世界中：归根结底是点，两点一线，三点一面(不在一条线)，不同的面组成各种各样的物体2.Threejs中定义点varpoint=newTHREE.Vecotr3(x,y,z);这个函数有3个参数
空谷足音 -จุ·2020-09-12 15:50

Threejs载入OBJ和贴图

未使用MTL文件加载贴图Example08.06-LoadOBJmodelbody{/*setmarginto0andoverflowtohidden,togofullscreen*/margin:0;overflow:hidden;}//onceeverythingisloaded,werunourThree.jsstuff.$(function(){varstats=initStats();/
Hi_Panda_CRL·2020-09-12 15:49

使用dat.GUI实现参数快速调节

本文是threejs系列的第五篇，阅读前面的文章有助于更好的理解本文：1.一个简单的案例，理解threejs中几个基本概念2.三维世界中的坐标系3.3d弹弹球4.3d弹弹球(加强版)5.三维世界中相机的位置参数
test 999·2020-09-12 15:08

Three.js Example 注解 —— 目录

Demo进行注解的项目three.js-example-comment本项目是对three.js库中的examples进行注释方便初学者直接从项目入手开始学习three.js官网地址：https://threejs.org
福州-司马懿·2020-09-12 15:33

06.ThreeJs开发指南-第六章-高级几何体

第六章高级几何体一、ConvexGeometry：凸面体在一组点外面建立一个凸包。functiongeneratePoints(){varpoints=[];for(vari=0;iExtrudeGeometry从一个二维图形创建一个三维图形，沿z轴拉伸。varoptions={amount:10,bevelThickness:2,bevelSize:1,bevelSegments:3,bevel
NJGIS2020·2020-09-12 15:17

01.ThreeJs开发指南-第一章

默认情况下，ThreeJs不产生阴影，需要进行大量计算。renderer.shadowMapEnabled=true;需要指定接受投影的物体，和产生投影的物体。不是所有的光源都可
NJGIS2020·2020-09-12 15:17

threejs制作城市场景

小写了一个threeJs的城市模型展示demo，用shader制作了立体扫描园圈扫描，横线扫描，雷达扫描等等。demo地址：@跃焱邵隼代码比较千行就不贴了，感兴趣了，可以看源码
跃焱邵隼·2020-09-12 15:57

基于threejs三维办公室如何显示线框化

办公区示例-线框示例描述与操作指南示例效果展示实现步骤相关示例相关接口示例描述与操作指南以办公区类模型为例，对所选构件类进行线框化处理，本示例默认选中IfcWallStandardCase类型构件组。其它常用的构件类型还有IfcDoor、IfcWindow、IfcRailing、IfcSlab、IfcFurnishingElement等。通过接口wireFrameComponentsByKey来实
盈嘉小红砖(同公众号)·2020-09-12 15:02

GIS开发：Threejs加载gltf模型

使用threejs加载gltf模型，可以在模型的基础上，进行多种效果的渲染，达到良好的效果。
wclwksn2019·2020-09-12 15:40

Three.js保存导出.ply、.obj、.GLTF等格式三维模型

Three.js保存导出.ply、.obj、.GLTF等格式三维模型本文转载地址:我的个人技术博客无论Three.js加载的任意格式三维模型，还是通过Threejs的API创建的一个三维模型，都可以导出为一个文件保存三维场景的数据
郭隆邦技术博客·2020-09-12 15:08

threejs 二维轮廓线

参考：http://www.yanhuangxueyuan.com/Three.js_course/geometry.html//创建场景对象varscene=newTHREE.Scene();//圆弧，点模式渲染varpointShape=newTHREE.Shape();pointShape.absarc(0,0,100,0,0.5*Math.PI);varpointGeometry=newT
tang05709·2020-09-12 15:28

threejs中FBX格式模型的加载与克隆

废话不多说，直接正题：所需脚本：threer97表示R97版本的threejs。
small_sheep_boy·2020-09-12 15:22

ThreeJS阴影

在threejs中，阴影可以定义为“在渲染器支持的情况下，有一个可以产生阴影的光，照射在若干个可以产生阴影的物体上，并在某个可以接受阴影的物体上产生阴影”。
目尽地平线·2020-09-12 15:20

threejs 第四十三用 描边和局部描边的一种实现方式

threejs交流群511163089这种方式不适合半透明物体局部描边你首先能知道哪些地方你要描边也就是或者你有描边的整个mesh或者你有描边的所有顶点然后构造mesh第一步画这个描边的物体side=THREE.BackSide
DBBH·2020-09-12 15:03

116 Three.js实现地形扫描效果

效果查看地址：https://www.wjceo.com/blog/threejs2/2020-09-01/205.html
暮志未晚Webgl·2020-09-12 15:00

114 Three.js实现深度遮挡的下雨特效

效果查看地址：https://www.wjceo.com/blog/threejs2/2020-09-01/203.html渲染深度图实现当前的效果，其实主要的用到了就是深度图原理。
暮志未晚Webgl·2020-09-12 15:00

115 Three.js实现地形显示隐藏过渡效果

效果查看地址：https://www.wjceo.com/blog/threejs2/2020-09-01/204.html
暮志未晚Webgl·2020-09-12 15:00

threejs 模板参数关联和包围框

目前对threejs的应用场景和发展方向不是很清楚，所以先通过常见三维CA
老朱之三十而立·2020-09-12 15:45

threejs显示线框模式

1、线框和mesh同时存在varwireframeMaterial=newTHREE.MeshBasicMaterial({color:0x000000,wireframe:true,transparent:true});//pn是一个meshvarwireframe=newTHREE.Mesh(pn.geometry,wireframeMaterial);scene.add(wireframe)
牟云飞·2020-09-12 15:45

使用Blender导出ThreeJS的JSON模型

1.软件版本:ThreeJS版本:0.92.0Blender版本:2.792.Blender安装ThreeJS导出插件.1).安装插件拷贝导出插件(three.js-master\three.js-master
BrandoLv·2020-09-12 15:13

threejs自由绘制线条或矩形的思路

（1）创建平面letnormal=newTHREE.Vector3(0,0,1);letplaneGround=newTHREE.Plane(normal,0);（2）获得交点坐标//创建raycaster等必要的元素...letintersects=this.raycaster.ray.intersectPlane(planeGround);letx=intersects.x,y=interse
luxiaopengyou·2020-09-12 15:13

Three.js - 加载 glTF 格式的文件

示例：https://ithanmang.gitee.io/threejs/home/201808/20180829/01-load-gltf-file.html首先，需要引入GLTFLoader加载器然后
ithanmang·2020-09-12 15:00

Three.js - 从本地存储中保存和加载 json 格式的模型

json格式的模型，是three.js所独有的格式示例：https://ithanmang.gitee.io/threejs/home/201808/20180827/01-save%20and%20load
ithanmang·2020-09-12 15:00

将三维模型（obj）导出js格式供threeJS中调用

前言前段时间自己做过将在3Dmax中画的三维模型转换为js格式，通过threeJS中调用显示，最近又在做相关的项目，在这写个笔记吧。
jiegsier·2020-09-12 15:14

09.ThreeJs开发指南-第九章-创建动画和移动相机

第九章创建动画和移动相机基础动画：render();functionrender(){renderer.render(scene,camera);requestAnimationFrame(render);//通常保持60/s的帧率渲染}一、简单动画复杂动画的基础functionrender(){cube.rotation.x+=controls.rotationSpeed;cube.rotati
NJGIS2020·2020-09-12 15:39

07.ThreeJs开发指南-第七章-粒子系统

第七章粒子系统functioncreateParticles(){varmeaterial=newTHREE.ParticleBasicMaterial();for(varx=-5;x=20)v.velocityX=v.velocityX*(-1);});模拟降雪：使用五种不同的图片。ParticleSystem只能有一种材质，如果要用多个材质，则只能使用多个粒子系统。functioncreate
NJGIS2020·2020-09-12 15:39

05.ThreeJs开发指南-第五章-几何体

第五章学习使用几何体二维几何体：一、PlaneGeometry：平面varplane=newTHREE.PlaneGeometry(width,height,widthSegments,heightSegments);width:必须，矩形宽度height:必须，矩形高度widthSegments:可选，指定矩形的宽度应该划分成几段。heightSegments:可选，指定矩形的高度应该划分成几段
NJGIS2020·2020-09-12 15:38

Export 3D model to JSON in Blender on Fedora

1.Thereisaadd-onstuffio_mesh_threejsforBlenderat:https://github.com/mrdoob/three.js/tree/master/utils
ygd11·2020-09-12 15:15

Threejs 使用的3D格式

Threejs使用的3D格式3D格式你可以通过任意软件导出（.3ds,dae等），但是threejs无法使用，1，http://www.blender.org/下载这款开源的3d软件2，https://
jiazifeng·2020-09-12 15:40

Blender导出JSON格式教程threejs（坑爹的导出）

第一种方法threejs脚本Threejs官网中有插件，支持obj和fbx格式的模型转成Json格式，插件的github地址是https://github.com/mrdoob/three.js/tree
small_sheep_boy·2020-09-12 15:39

布加迪奇龙Blender雕刻、shading，并导入Three.js ，3DWEB模型【Three.js+Blender建模+web前端+可视化】

对blender，threejs不熟悉的可先自行百度，bilibili上有很多油管上的blender优秀的教程，可以自己去对
李看见·2020-09-12 15:08

Gltf模型太大，Threejs加载耗时怎么办？答：Blender导出Gltf可以被gltf-pipeline压缩90%

gltf-pipeline：https://cnpmjs.org/package/gltf-pipeline安装npminstall-ggltf-pipeline将glTF转换为DracoglTFgltf-pipeline-imodel.gltf-omodelDraco.gltf-d压缩前：压缩后：“使用gltf-pipeline作为命令行工具：将glTF转换为glbgltf-pipeline-i
李看见·2020-09-12 15:08

08.ThreeJs开发指南-第八章-加载外部模型

第八章创建、加载高级网格和几何体对象的组合当从一个几何体中创建网格，并使用多种材质时，Three.js就会创建一个组。该几何体的多个副本就会添加到这个组里，每份副本都有自己特定的材质。我们看到的结果是，一个网格拥有多个材质，实际上它是一个包含多个网格的组。sphere=createMesh(newTHREE.SphereGeometry(5,10,10));cube=createMesh(newT
NJGIS2020·2020-09-12 14:26

ThreeJs 3D编程

Three.js函数库将强大的功能融汇其中，方便使用，即使对其中的原理不是很了解，也能借助ThreeJS创建出炫目的三角场景和动画。
engineer_he·2020-09-12 14:26

［游戏demo一］：创建项目

原文链接：linux下的git常见操作整理最近要做一个三维模型渲染的小游戏demo，主要是threejs实现，外部引入设计给的模型，做成例如https://moments.epic.net/#rabbit
tonyhzw·2020-09-12 10:51

threejs（一）：初步认识与使用

应项目需求，学习threejs将近半个月，现在总结一下我从网上搜集的比较有份量的资料和在项目中踩到的大小坑，以下内容如果有误，感谢各位大神不吝赐教。
apzlm9110·2020-09-12 02:55

threejs让模型居中

//让模型居中functionsetContent(object){object.updateMatrixWorld();constbox=newTHREE.Box3().setFromObject(object);constsize=box.getSize(newTHREE.Vector3()).length();constboxSize=box.getSize();constcenter=bo
马娟·2020-09-11 17:33

@vue/cli使用threejs时遇到的问题

今天准备在@vue/cli中添加three,并进行测试，发现此过程中遇到不少问题。如：网上有很多用vue2.0+版本，而开发版本是vue3.0+版本；three有使用的是107之前的版本，而插件使用的是107+版本；怎么使用three的内部插件如：OrbitControls。（1）安装three。执行命令：npmithree–S然后，在.vue文件中添加引用：import*asTHREEfrom'
luoxingchen·2020-09-11 02:54
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他