threeJs

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

threejs 用 ExtrudeGeometry 画管线

首先说一下ExtrudeGeometry,可以先看官网,这个方法的意思是沿着给定的路径拉伸一个平面图形，然后就成为3D图形了。所以很明显这个方法要两个参数，路径和图形。然后接下来说管线的问题。varradius=data[i]['Diameter']-0;//管子的半径varshape=newTHREE.Shape();shape.absarc(0,0,radius,0,Math.PI*2,fal
Marchanges·2020-08-21 21:54

Three.js源码解读一：Object3D

正文Object3D是ThreeJS中大部分物体的基类，它包含了物体的位移，
federerchou·2020-08-20 19:04

shader

首先threejs基于webgl的，而webgl又是OpenGLES的。Shader其实就是一段执行在GPU上的程序，此程序使用OpenGLESSL语言来编写。
Doter·2020-08-20 18:28

聊一聊全景图

2019独角兽企业重金招聘Python工程师标准>>>欢迎大家前往腾讯云社区，获取更多腾讯海量技术实践干货哦~作者：李洋前段时间学习了ThreeJS项目里边关于全景图的案例之后，自己动手练习了一下，实现了两个全景图的例子
weixin_33691700·2020-08-20 14:29

使用threejs实现地球辉光和大气层效果

使用threejs实现地球辉光和大气层效果使用插件方式在github上有glow的插件可以使用，效果不错。
X01动力装甲·2020-08-20 12:14

Threejs 源码解析 (Object3D)

版本95本来想就这么用算了，可是发现好多都不理解，也就起了解析源码的心思，下苦功夫了，以前老版本的有人写过，不过threejs更新太快，有些变动，并且他只是简单的注释，并未详细的解释，对于我这种刚开始接触的小白来说
那年我七岁·2020-08-20 11:23

threejs移除对象

this.removeCube=function(){varallChildren=scene.children;varlastObject=allChildren[allChildren.length-1];if(lastObjectinstanceofTHREE.Mesh){scene.remove(lastObject);this.numberOfObjects=scene.children
ponGISer·2020-08-20 07:54

easyAR中webAR部分使用问题与解决方案汇总

easyAR中webAR部分使用问题与解决方案汇总WebAR使用方面threejs使用方面WebAR使用方面1.开始识别后，程序每隔一段时间向服务器post一次数据请求，导致对识别图库的调用次数过多解决方案
qq_37888703·2020-08-20 04:20

js也能写3D游戏？

先要上这个网站https://threejs.org，然后下载它的three.js源码放到一个目录，比如js。
caimouse·2020-08-20 03:28

Three.js入门

Three.js入门2019/11/7周四Three.js官网：http://threejs.org/，左边菜单栏第一个documentation可以阅读使用指南和参考手册，在https://www.techbrood.com
hanne_lovegood·2020-08-19 17:03

threejs fire 火焰与烟雾效果

在threejs中有一个为我们提供了可以实现火焰和烟雾效果的包，我们可以直接引用这个包，通过设置某些参数实现需要的效果。
凌风子夜·2020-08-18 01:47

学习Threejs的那些事儿

Threejs---Web端的三维可视化引擎库写在最开始的话从首页例子说起1搭建threejs环境写在最开始的话    （关心技术内容的小伙伴这一段就跳过吧，是我自己瞎扯了）终于终于，我开始了threejs
奋斗不止haha·2020-08-18 00:31

Threejs实现滴滴官网首页地球动画功能

偶然翻滴滴官网看到首页下翻第六栏（大概）有个绚丽的地球的三维动画，试着用there.js实现了下，基本实现了动画效果，不过还是有些问题；这个动画看似简单，但也用到好的绘制方法和计算，这里先写一下主要功能的实现；先看示例：http://39.106.166.212:8080/webgl/t4（由于是写dome的一个项目，内容较多没做优化，第一次加载会会比较慢，需多等待几秒）（lice这个截图工具也是
·2020-08-17 07:09

Threejs 光照渲染

2019独角兽企业重金招聘Python工程师标准>>>1、绘制的对象黑不溜秋首先了解一下，渲染的原理和机制法向量问题法线是垂直于我们想要照亮的物体表面的向量。法线代表表面的方向因此他们为光源和物体的交互建模中具有决定性作用。每一个顶点都有一个关联的法向量。如果一个顶点被多个三角形共享，共享顶点的法向量等于共享顶点在不同的三角形中的法向量的和。N=N1+N2；所以如果不做任何处理，直接将3维物体的点
weixin_33712987·2020-08-17 03:05

使用 React 和 Threejs 创建一个VR全景项目

最近我在学习使用React配合Three.js来搭建一个可以浏览720全景图片的项目实现的是加载一张2:1的720全景分享一下我的创建过程一、搭建框架并安装需要的插件npxcreate-react-appparano//创建一个React项目npminstall-Stypescript//安装typescript，这个是类型辅助插件，与全景项目关系不大npminstall-S@types/thre
Windy_Z·2020-08-17 00:00

THREEJS----修复spotLight.toJSON()后 通过ObjectLoader加载target朝向问题

37220行Object.toJSON添加判断object是否有target属性如果有通过direction属性记录target的位置38931行添加根据direction(记录spotLight.target的位置)修改spotLight.target的朝向测试最终所有属性正常但是依旧光线朝向(0,0,0)点,THREE.ObjectLoader(json)后创建空物体target=THREE.
天边那朵云·2020-08-16 19:58

79 Three.js 使用导入的模型生成粒子

实现案例案例查看地址：http://www.wjceo.com/blog/threejs/2018-03-25/139.html首先，引入script加载器，这里的案例是使用的STL格式的文件生成，所以
暮志未晚Webgl·2020-08-16 00:46

基于CEF的WINFORM浏览器

最近需要研究ThreeJS，下载了之后发现DEMO中很多需要load本地资源的例子不能显示，主要是由于浏览器的跨域访问问题。
firefight·2020-08-15 22:03

threeJs+光照+方块模型+控制器

最近一直在看three.js的相关资料，官网的看了，基本上是对新手很不友好的。下面是我的一个练习。光照+控制器+模型+材质等等知识都用了一下…效果图由于懒得拍成视频然后转GIF图,直接用静态图了。下载项目相关npminstallthree--save-devnpminstallthree-trackballcontrols--save-devtemplateimportconstTHREE=req
优秀的白羊君·2020-08-15 19:29
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他