threeJs

关于今后的考虑以及发展方向

2.threejs（webGL）（10.9-10.30）没有3D的展示，基本不好意思拿出去忽悠客户。可以用于全息投影等方面的展示。
你好吗少年·2020-08-15 12:54

threejs官网中的example第一个案例webgl_animation_cloth

webgl_animation_cloth起因代码详解参考资料起因最近在使用pano2VR，是通过封装的threejs，所以就看了一下threejs。
???xixi·2020-08-15 01:32

基于Threejs的物体旋转鼠标滚轮交互_艾孜尔江撰

简单实现基于Threejs的物体旋转鼠标滚轮交互body{font-family:Monospace;background-color:#f0f0f0;margin:0px;overflow:hidden
艾孜尔江·2020-08-15 00:52

threejs 模型的几何变换(旋转、缩放、平移)

缩放立方体网格模型x轴方向放大2倍，如果连续执行两次该语句，相等于比原来方法4倍mesh.scale.x=2.0;//x轴方向放大2倍立方体网格模型整体缩小0.5倍，相当于xyz三个方向分别缩小0.5倍mesh.scale.set(0.5,0.5,0.5);//缩小为原来0.5倍网格模型Mesh的属性scale返回值是一个Vector3对象，查看three.js官方文档你可以知道Vector3对象
默茉·2020-08-15 00:42

ThreeJS —— 机房Demo（一）

ThreeJS——机房Demo（一）目录结构初始化Three三大件：场景、相机、渲染器添加轨道控制器添加Stats初始化灯光编写入口文件创建一台机器（一）——创建几何体创建一台机器（二）——创建多材质几何体创建一台机器
Gvonte·2020-08-15 00:36

Three.js模型对象旋转、平移、缩放变换

缩放变换本文是Three.js电子书的4.2节点模型Points、线模型Line、网格网格模型Mesh等模型对象的基类都是Object3D，如果想对这些模型进行旋转、缩放、平移等操作，如何实现，可以查询Threejs
郭隆邦技术博客·2020-08-15 00:14

threejs笔记4

threejs笔记3这是第一次学习threejs，记录一些学习笔记，简化知识点,如果对您也有帮助请搜索头像二维码或者搜索小程序“上品威客”，感谢您的支持让场景动起来调用requestAnimationFrame
spwke_com·2020-08-15 00:20

对threejs官方案例webgl_kinect的思考

官方案例地址：https://threejs.org/examples/#webgl_kinect下面是我自己对于代码的分析：程序首先
String_Kun·2020-08-15 00:20

threejs指定对象旋转中心

指定对象旋转中心默认情况下，对象的旋转中心都是自身的中心。对于组对象而言，也是如此。因此，可以利用这个特点，实现对象绕任何点旋转，也就是指定旋转中心。比如我们想要下图的对象绕A点旋转我们可以添加我们的对象到一个组对象，然后移动对象，让A点对准组的中心位置，如下：此时，如果我们旋转组对象，整个组里面的对象都绕着组的中心旋转，那么就实现了对象绕A点旋转了。但是，此时我们的对象位置变了，所以，我们再把组
目尽地平线·2020-08-15 00:31

threejs中坐标系转换和实现物体跟随鼠标移动

坐标系转换下面函数可以将鼠标所在点的屏幕坐标转化成一个Threejs三维坐标：convertTo3DCoordinate(clientX,clientY){varmv=newTHREE.Vector3(
目尽地平线·2020-08-15 00:59

ThreeJs案例三 控件旋转缩放放大

1、实现步骤1、引入控件文件2、创建控件对象varcontrols=newTHREE.OrbitControls(m_Camera,m_Renderer.domElement);//创建控件对象3、为控件对象添加事件监听函数controls.addEventListener('change',render);//监听鼠标、键盘事件2、关键代码1、html文件中2、js文件中functionrend
@lazypet~·2020-08-15 00:48

threejs：鼠标拖动物体旋转、平移、缩放

例程来源：Three.js零基础入门教程第1.1和1.3节js库：OrbitControls.js实现代码：functionrender(){renderer.render(scene,camera);//执行渲染操作}render();varcontrols=newTHREE.OrbitControls(camera);//创建控件对象controls.addEventListener('cha
陈学俊·2020-08-15 00:48

Threejs根据鼠标动态改变controls的target（缩放中心点）

好久没更新博客了，记下一笔最近看到很多公司的产品的鼠标交互部分，controls的缩放中心不是固定的，比如这个，这个鼠标的交互方式跟我们平常用到的OrbitControls或者TrackballControls都不一样，特别是缩放时，它的target不是固定的，最近研究了一下：废话不多说，先上图：普通的缩放操作优化后的缩放操作代码如下：$('body').on('mousewheel',funct
pengpai123·2020-08-14 23:31

THREEJS（版本85）实现鼠标点击的高亮显示（如颜色变化）

啥也不多说，看效果图：鼠标点击时，发生颜色变化（可以引申出去做很多其他的操作）代码：首先初始化：varobjects=[];varraycaster=newTHREE.Raycaster();varmouse=newTHREE.Vector2(),INTERSECTED,SELECTED;需要把你要实现的效果的geometry加载到objects中varshape32=createMesh(lin
bianbianbian1·2020-08-14 23:59

WEBGl之THREEJS导入shp文件，生成三维模型

对于GISER来说，去学习3dsmax或者blender去绘图，想死有没有，如果threejs可以导入shp文件，就可以呈现效果那是多么完美的事情啊！
bianbianbian1·2020-08-14 23:59

threejs字体加载（threejs版本85左右）

前段时间，我写过一个threejs旧版本（56）的字体加载（http://blog.csdn.net/qq_29026209/article/details/73431442），但是因为更新需要，所以重新更博
bianbianbian1·2020-08-14 23:59

ThreeJs技术交流（1）——以限定位置的方式移动物体

ThreeJs技术交流（1）——以限定位置的方式移动物体写在前面效果演示如何实现HTML代码结束语写在前面之前有一位读者@就是很爱你呀提出了一个问题：我觉得非常有意思，囿于当时项目上的其他事情没有来得及研究
懒人窥·2020-08-14 23:33

使用ThreeJs从零开始构建3D智能仓库——第三章（选中物体与特效）

使用ThreeJs从零开始构建3D智能仓库——第三章写在前面——目录结构如何选中物体选中物体的原理选中物体的实现添加选中后的发光特效HTML更新如下结束语写在前面——目录结构这一章我们来完成激动人心的，
懒人窥·2020-08-14 23:33

Threejs载入obj和mtl以及添加旋转和阴影,自适应，鼠标控制

Example03.01-AmbientLightbody{background:#000;color:#000;padding:0;margin:0;overflow:hidden;font-family:monospace;font-size:13px;text-align:center;}a{color:skyblue}#info{position:absolute;top:0px;widt
Hi_Panda_CRL·2020-08-14 23:16

THREEJS的鼠标事件实现（中心旋转，放大缩小等）

最近使用threejs自带的TrackballControls.js或者OrbitControls.js发现一个问题：在场景中在一个平行光，当移动物体时，背面始终是黑的，因为没有光照，（本质就是因为使用自带的滚动求
bianbianbian1·2020-08-14 22:36

使用EasyAR实现WebAR案例

mod=view&aid=272.解压3.打开backend----PHP文件夹把里面的recognize.php这个文件复制到html-------SimpleThreeJsExample文件夹下。
同灯花城·2020-08-14 21:35

智能家居3D动画效果展示项目日志

智能家居3D动画效果展示项目概述D1:第一天D2前端框架选择，学习概述开这个博客讲述使用threejs、3Dmax、JavaScript等实现家居3D展示智能家居控制家居用电智能设备的动画演示，记录整个项目从无到有的心路历程
weixin_38958948·2020-08-14 14:35

给 Qt 添加模块

JS绘制3D的有ThreeJS库，应该可以用于QML。继续搜索，发现Qt里面有一个QtCanvas3D模块，可以用来进行3D绘制。
weixin_33835690·2020-08-14 14:16

CesiumJs和SuperMap Desktop结合的三维显示的优化

所有针对需求，筛选了现有的三维引擎或三维平台，OSG太过底层，babylonjs、threejs适用于数据量小的小场景，webglearth简单实用，但是demo较少、更新慢，openwebglobe加载不流畅
wshdf·2020-08-14 13:42

基于three.js的3D炫酷元素周期表

（这里是原项目地址：threejs.org/examples/cs…）除了优化了原来的HELI
weixin_34056162·2020-08-14 12:14

threejs 鼠标移动控制模型旋转

threejs鼠标移动控制模型旋转-->varcamera,scene,renderer,geometry,material,mesh;varpivot5,pivot6;init();functioninit
逯加·2020-08-14 03:06

解决Ionic4/Angular8+threejs(r111)的兼容性问题

开发环境说明当前的前端项目是基于Ionic4进行开发的,底层基于Angular8框架.项目中使用到了threejs库,之前版本用的是r0.108.0,最近做了个版本升级,升级到了r0.111.0,结果在编译的时候报了如下几种错误
moxiaomomo·2020-08-13 16:46

从Maya中把模型搬运至网页的过程

虽然利用threejs来在网页中渲染3d模型不是第一次折腾了，但是还是遇到了各种问题。总结下我所遇到的问题，希望能给正在使用threejs的小伙伴一个帮助。
abcxyz8889991·2020-08-13 12:31

基于WebGL/Threejs技术的BIM模型轻量化之图元合并

随着WebGL标准被广泛接受，出现了许多基于HTML5的开源三维引擎，如threejs、scenejs等。
allenjiao·2020-08-13 11:48

THREEJS实战6_加载fbx模型

threejs加载fbx原理顶点数据顶点位置顶点颜色顶点法向量数据geometry.attributespositioncolornormal顶点法向量与光照阴影有关漫反射光的颜色=几何体表面基色光线颜色
yma16·2020-08-12 12:16

Threejs从入门到。。。。。。。还是入门

前言threejs官网：https://threejs.org/github各个版本：https://github.com/mrdoob/three.js/tags版本更迭很快，我用的时候还是r90秒秒钟
hugeo-coala·2020-08-11 23:30

threejs坐标转换

屏幕坐标转three.js坐标将屏幕坐标转变成threejs空间坐标：functiontransToThreeCoord(x,y){letmouse=newTHREE.Vector3();mouse.x
目尽地平线·2020-08-11 22:35

Three.js 自定义了一个几何体

几何体本质：立方体几何体BoxGeometry本质上就是一系列的顶点构成，只是Threejs的APIBoxGeometry把顶点的生成细节封装了，用户可以直接使用。
梁涛999·2020-08-11 21:00

threeJS纹理控制偏移+Sprite标签运用

本章节主要涉及的知识点是：1、canvas绘制（绘制线、曲线）2、threeJS中处理2个挨得极近的物体3、纹理的控制（纹理的偏移控制）4、精灵材质+canvas作为纹理的运用其他的都是一些基础的知识效果录屏
webgl_谷子·2020-08-11 14:40

shader04-简单的小星系

录屏：代码：threeJS25-shader04-简单的小星系body{background-color:#000;margin:0px;overfl
webgl_谷子·2020-08-11 14:40

threeJS案例模板

今天一个朋友需要一个orb的three场景，为了更多对threeJS感兴趣的同学，特此写了一个小小的Demo模板。本模板的基本功能包括：1.灯光2
webgl_谷子·2020-08-11 14:39

threejs 实现3d全景 鼠标 旋转

1、引入，请修改OrbitControls对应的地址2、创建对象functioninitControls(){controls=newTHREE.OrbitControls(camera);controls.addEventListener('change',render);controls.autoRotate=false;//自动旋转开关controls.autoRotateSpeed=2;}
feng_hai_·2020-08-11 11:29

使用vr-panorama生成一个vr全景漫游系统(一)

前言本文是用来记录个人项目vr-panorama的实现过程及一些技术难点，阅读本文需要对threejs和空间几何有一些了解。
weixin_33817333·2020-08-10 23:06

使用three.js加载obj+mtl模型完整案例

使用three.js加载obj+mtl模型使用说明资源下载目录结构js部分csshtml效果图后记使用说明这里我借鉴了threejs案例的部分代码（传送门：https://threejs.org/examples
checkMa·2020-08-10 19:02

Threejs实现全景图功能

可以利用Threejs中的立方体或者球体实现全景图功能，把立方体或球体当成天空盒子，将无缝衔接的图片贴上，看起来就像在一个场景中，相机一般放置在中央，只要离边缘足够远就看不出是立方体或球体，但如果超出边界就能看到他们
蓬 蒿 人·2020-08-10 05:28

Three.JS学习 3：Threejs画网格

本文学习来源：http://www.hewebgl.com/article/getarticle/57http://www.cnblogs.com/mythou/p/3327046.html右手直角坐标系各轴之间的顺序要求符合右手法则,即以右手握住Z轴,让右手的四指从X轴的正向以90度的直角转向Y轴的正向,这时大拇指所指的方向就是Z轴的正向.这样的三个坐标轴构成的坐标系称为右手空间直角坐标系右手坐
谢厂节_编程圈·2020-08-10 04:24

在ThreeJS中如何让三维模型实现空间树展示？

空间树展示示例描述与操作指南示例效果展示实现步骤示例描述与操作指南空间树展示示例，主要用于将BIM模型的建筑空间结构展示出来。通过调用获取模型空间树列表接口将模型空间架构展示出来。用户将完整代码下载下来后，将模型id和用户个人账户devcode替换上去，即可展示自有模型。示例效果展示实现步骤第一步获取并创建树结构通过调用获取模型空间树的接口，获取对应模型树结构并在三维界面左侧展示出来，具体接口在页
盈嘉小红砖(同公众号)·2020-08-10 04:32

ThreeJS中文字体乱码问题

这几天刚刚接触ThreeJS，使用几天发现ThreeJS中默认是不支持中文的，只能显示英文，在网上找了一些资料，终于可以显示中文了。在此把显示中文的方法写下来，供大家参考，本人只是小白，大神勿喷。。。
城南城北666·2020-08-10 03:35

[ThreeJs学习笔记] 精灵与canvas结合动态生成伪三维文字

精灵与canvas结合动态生成伪三维文字介绍由于三维文字太过占用内存，但是项目中又需要，参考在CSDN各路大佬的相关代码，研究出了另一种创建三维文字的方法，这种方法可以创建伪三维文字####创建过程如下1.使用canvas画布，并在画布上写入自己想要创建的三维文字letcanvas=document.createElement('canvas');canvas.width=256;canvas.h
幻梦往昔·2020-08-10 00:37

[ThreeJs学习笔记]2.Threejs卡顿优化-释放显卡缓存

做项目的过程中，遇到了很多的卡顿问题，最后经由暮志未晚https://www.wjceo.com/群内各个大佬的指点，明白释放缓存的重要性，在这里作为一篇小笔记记录在这里1.删除场景中的物体时，记得同时调用dispose方法来清空显存占用/***清空当前obj对象的缓存*@parammeshmesh对象**/functionclearCache(mesh){letmesh;mesh.geometr
幻梦往昔·2020-08-10 00:37

Threejs 传入顶点数据 设置

threejs什么都写好了，于是我就把自己的webgl迁移到threejs上实现加载自己定义的json文件，得到顶点，法向量，颜色的数据，怎么在threejs中设置？
那年我七岁·2020-08-09 23:09

Three.js - 使用 Sprite 精灵创建文字标签

示例：https://ithanmang.gitee.io/threejs/home/201808/20180815/03-sprite-text.html示例创建一个三维坐标轴，使用canvas绘制字体
ithanmang·2020-08-09 21:53

ThreeJs技术交流（3）——结合ECharts在3D画面上添加图表

ThreeJs技术交流（3）——结合ECharts在3D画面上添加图表写在前面效果演示如何实现添加固定视角的图表添加始终朝向用户视角的图表结束语写在前面前几天又有一个朋友问我一个效果怎么做。
懒人窥·2020-08-09 21:30

ThreeJs技术交流（2）——箭头、标语等流动特效

ThreeJs技术交流（2）——箭头、标语等流动特效写在前面效果演示如何实现结束语写在前面好久没写文章了，最近趁休息在家无聊有时间再来写点东西。前段时间有朋友问我一个效果怎么做。
懒人窥·2020-08-09 21:30

ThreeJS学习笔记（5）-绘制网格

绘制一个网格的代码，如下所示：body{margin:0;}div#canvas-frame{border:none;cursor:pointer;width:100%;height:600px;background-color:#EEEEEE;}//定义场景并初始化varscene;functioninitScene(){scene=newTHREE.Scene();}//定义相机并初始化var
hbliu_ren·2020-08-09 21:30
上一页 19 20 21 22 23 24 25 26 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他