threeJs

使用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

Vue中引入外部的js文件

问题描述在使用threejs的时候，我需要用到一个transformSVGPath()函数，这个函数是别人写好了的。
若水上善666·2020-09-10 20:49

threeJs中镜头拉远导致物体闪烁

Z-Buffer在threejs中，使用深度缓冲（Z-Buffer）来完成场景可见性计算，即确定场景哪部分可见，哪部分不可见。
倪好坏·2020-09-10 20:47

WebGL坐标系介绍

如下图所示：2.在webgl和threejs中使用的是右手坐标系，入下图所示：二、围绕某个轴旋转左手大拇指，指向该轴的正方向，四指弯曲指向的方向，为该旋转方向的正方向。
TW934440653·2020-09-10 12:33

three.js动画(Animation)

导航一、three.js的动画解析基本流程二、各部分功能介绍三、threejs的动画类型四、threejs对动画的处理过程一、three.js的动画解析基本流程varmesh;//导出外部文件获得//新建一个
菊厂搬砖工·2020-08-26 15:14

Three.js 快速上手以及在 React 中运用

3D框架有老牌引擎Three.js和微软的Babylon.js对比一下还是使用更为普遍的Three.jsThree.js基础概念主要来自于《Three.js开发指南》也可以参考在线网站threejs教程
weixin_34390996·2020-08-26 15:04

three.js 入门详解(一)

1.2初识three.js什么是threejs，很简单，你将它理解成three+js就可以了。three表示3D的意思，js表示javascript的意思。那么合起来，three.js就是使用java
weixin_34130269·2020-08-26 15:40

three.js-master目录结构

如果能很好的利用three.js-master文件下的资源，对于Threejs学习和Web3D项目的开发会极大的帮助。
郭隆邦技术博客·2020-08-26 14:52

threejs 绘制第一个3维场景

threejs下载地址：githubthreejsthreejs文档https://threejs.org/docs/index.html#manual/en/introduction/Creating-a-scene
tang05709·2020-08-26 14:58

WebGL Api使用初探: 立方体

之前一直用ThreeJs来学习Web3D。但是随着深入学习，对原生的WebGLApi发生了兴趣。
太古时代·2020-08-26 13:08

我的threejs学习笔记（二）——dat.gui使用

写在前面dat.gui可以方便地向场景中添加控制条，随时调整参数。用法引入js文件和css文件varcontrols=newfunction(){this.ctrl_1=0;this.ctrl_2=0;}vargui=newdat.GUI();gui.add(controls,"ctrl_1",0,10);gui.add(controls,"ctrl_2",-3,3);cube.rotation.
chenqiong1991·2020-08-26 12:42

three.js（1）参考文档、资料，结构介绍

官网：https://threejs.org/中文文档http://www.yanhuangxueyuan.com/threejs/docs/index.htmlgithub：https://github.com
Spider_man_·2020-08-26 11:01

WebGL树形结构的模型渲染流程

用过threejs，babylonjs的同学都知道，一个大模型都是由n个子模型拼装而成的，那么如何依次渲染子模型，以及渲染每个子模型在原生webgl中的流程是怎样的呢，我就以osg框架为原本，为同学们展示出来
weixin_30544657·2020-08-25 17:53

经纬度高度转ThreeJS的xyz坐标

//计算位置functioncalcPosition(lng,lat,alt){varphi=(90-lat)*(Math.PI/180),theta=(lng+180)*(Math.PI/180),radius=alt+200,x=-(radius*Math.sin(phi)*Math.cos(theta)),z=(radius*Math.sin(phi)*Math.sin(theta)),y=
zhangqh·2020-08-25 12:20

经纬度高度转ThreeJS的xyz坐标

//计算位置functioncalcPosition(lng,lat,alt){varphi=(90-lat)*(Math.PI/180),theta=(lng+180)*(Math.PI/180),radius=alt+200,x=-(radius*Math.sin(phi)*Math.cos(theta)),z=(radius*Math.sin(phi)*Math.sin(theta)),y=
zhangqh·2020-08-25 12:15

#0 前言

准备学习一下ThreeJS,WebGL,Canvas,SVG,Audio等和绘图相关的技术。初步学习计划：先从THREEJS开始，从官网开始看起后面的计划再补上
JamesSawyer·2020-08-25 06:02

【webGL】threejs入门 ---创建一个简单立方体

开发环境Three.js是一个JavaScript库，所以，你可以使用平时开发JavaScript应用的环境开发Three.js应用。如果你没什么偏好的话，我会推荐KomodoIDE。调试建议使用Chrome或者Firefox浏览器。如果你使用的是Firefox，那么Firebug会是你必不可少的插件；如果你使用的是Chrome，那么直接使用控制台调试即可。这些和JavaScript的调试是相同的
diaoyucan2509·2020-08-24 19:44

webgl 坐标系_WebGL太阳系之旅：火星，第三部分

Iratherrushedtotheendofthepreviousarticleinordertogainarenderedimage.InthispieceI’llbacktrackalittle,coveringthreeJSobjectsandmaterialsindetail
cungui5726·2020-08-24 13:17

建立一个Three.js实验场景stats+GUI

Materialsandlightbody{margin:0;overflow:hidden;}//请支持正版Three.js开发指南//学习代码：https://github.com/josdirksen/learning-threejsvarcamera
阿迪王滑板鞋·2020-08-24 05:24

Threejs入门进阶实战案例(5)：坐标系理解时辅助坐标系的使用

因此在了解threejs的坐标系时，先使用辅助坐标系类，会更直观。/*辅助坐标系*///辅助坐标系参数250表示坐标系大小，可以根据场景大小去设置;varaxes
漏刻有时·2020-08-23 08:40

65 Three.js 使用JSON格式保存和加载整个场景

实现案例查看地址：http://www.wjceo.com/blog/threejs/2018-03-18/125.html首先，将scene场景转化为JSON对象，然后将JSON对象转换成为JSON字符串
暮志未晚Webgl·2020-08-23 06:58

threejs开发3d地球酷炫效果

代码如下，详情：https://gitee.com/XiaoHu12685/three-demo/blob/master/examples/earth_tiger.htmlthree.jswebaudio-orientation-->import*asTHREEfrom'../build/three.module.js';importStatsfrom'./jsm/libs/stats.modul
王海虎·2020-08-23 04:40

使用ThreeJs搭建BIM模型浏览器 IFC篇

前面提到的模型浏览器所浏览的文件，都是基于自己对Revit文件的进行解析，所导出的蹭文件是JSON结构的。有朋友提到可否浏览IFC文件呢？小作尝试确认是可以的。但是IFC存在非常大的问题：第一，没有模型结构树。第二，没有构件属性信息，只有几何信息。我把IFC上传到广联达的平台上也是一样的，没属性没模型目录，除了看个外观，没其他鸟用。技术路线分享一下吧。：第1步，从Revit导出IFC。它自带有导出
2000年的三好学生·2020-08-23 00:11

使用ThreeJs搭建BIM模型浏览器 第五步 漫游

Threejs有一个FlyControl这个控制器，就是完成键盘操作的。
2000年的三好学生·2020-08-23 00:11

使用ThreeJs搭建BIM模型浏览器 第四步 剖切

技术方案：threejs的剖切，是由renderer.clippingPlanes实现的。
2000年的三好学生·2020-08-23 00:10

3D开发-全景技术方案

全景开源项目基于threejshttps://threejs.org/全景方案Krpanohttps://krpano.com/http://www.krpano100.com/krpanov1.19使用项目
zhenAndroid·2020-08-23 00:51

Threejs 它可以在建立其内部房间效果可见

Threejs中建立可看到其内部的房间效果太阳火神的漂亮人生(http://blog.csdn.net/opengl_es)本文遵循“署名-非商业用途-保持一致”创作公用协议转载请保留此句：太阳火神的漂亮人生
weixin_34221773·2020-08-22 23:07

利用threejs实现3D全景图

threejs下载位置：http://www.threejs.org我在Facebook上看到Facebook实现了3D全景图，然后，一直很好奇，最后，我发现threejs里面有一个库竟然可以实现，一下我贴出代码
weixin_34209406·2020-08-22 23:05

Threejs 的场景查看 - 几个交互事件库助你方便查看场景

Threejs的场景查看-几个交互事件库助你方便查看场景太阳火神的美丽人生(http://blog.csdn.net/opengl_es)本文遵循“署名-非商业用途-保持一致”创作公用协议转载请保留此句
太阳火神的美丽人生·2020-08-22 22:35

我的webgl学习之路（一）

我的webgl学习之路（一）做项目中偶然需要移动端3d展示，所以学习了threejs;但是有着各种限制，还有就是项目要达到好的效果肯定是需要后期处理等等，所以展开了我学习webgl之路，我刚开始毫无目的的看了很多关于
那年我七岁·2020-08-22 13:41

webgl 学习心得

我本是搞Android的，公司需要就搞3D展示了，刚开始找了很多资料，觉得threejs最为适合我，原因是我会点前端的东西，threejs也比较简单，demo也齐全；但是，由于公司没有真正的UI，全凭老板一句话
那年我七岁·2020-08-22 13:09

学习ThreeJS 10

BufferAttributehttps://threejs.org/docs/#api/core/BufferAttribute各种法线,面,颜色,uv等自定义参数的集合可以把Buffer想成是个稍微功能多一些的数组
Zszen·2020-08-21 23:20
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他