threeJs

详解Threejs中的光源对象

光源的分类AmbientLight（环境光），PointLight（点光源），SpotLight（聚光源）和DirectionalLight（平行光）是基础光源HemisphereLight（半球光源），AreaLight（区域光源），LensFlare（镜头光晕）是有特殊用途的光源半球光源HemisphereLight半球光直接放置于场景之上，光照颜色从天空光线颜色颜色渐变到地面光线颜色半球光不
fx67ll·2021-12-02 10:00

Nginx调优：gzip的相关设置

问题：公司项目在开发一项3D全景功能时，需要用到threejs这个框架进行3D渲染，一般3D文件的大小都在40M以上，这次我们渲染的文件在44M左右，下载所花费的时间是80s。
·2021-10-08 16:27

ThreeJS 模型点击事件添加

created(){//声明raycaster和mouse变量varraycaster=newTHREE.Raycaster();varmouse=newTHREE.Vector2();},mounted(){window.addEventListener('click',onMouseClick,false);},methods:{onMouseClick(event){//通过鼠标点击的位置计
·2021-09-11 09:10

模型数据实时交互

经过一个半月的技术验证已将数据模型转成2D/3D之间转换；blender、QDIS3.12、ThreeJS、BOOM已反复论证，目前已集成到原微服务技术架构上，前端应用VUE。
·2021-09-08 11:43

Threejs实现穿越云层动效

上文说到，我对《你的性格主导色》活动中最感兴趣的部分就是通过Three.js实现穿越云层动效了，据作者说每朵云出现的位置都是随机的，效果很好，下图是我实现的版本。在线Demo首先说下实现穿越云层动效的基本思路：沿着Z轴均匀的放一堆64*64的平面图形，这些平面的X坐标和Y坐标是随机的（很像下图的桶装薯片）把上面的所有图形合并成一个大的图形把大的图形和贴片材质（云）生成网格，网格放进场景中动效就是将
·2021-08-17 11:11

Threejs：Class constructor Object3D cannot be invoked without 'new'

在threejs开发过程中，需要使用three-css2drender在物体上方渲染文字，浏览器报ClassconstructorObject3Dcannotbeinvokedwithout'new'错误
柒弟·2021-07-09 09:37

Threejs实现酷炫3D地球技术点汇总

前言ezgif.com-gif-maker在线预览地址：https://joy1412.cn/online/show3dEarth/本篇介绍一下如何用Threejs实现一个酷炫的3D地球特效，使用到的技能点如下
嘟爷MD·2021-06-26 15:31

threeJs基础（1）

三大组件1.场景varscene=newTHREE.Scence();承载所绘对象的容器，如要显示个苹果，需将苹果加入场景中。eg:vargeometry=newTHREE.CubeGeometry(1,1,1);规定一个几何体；varmaterial=newTHREE.MeshBasicMaterial({color:0x00ff00});规定一个样式varcube=newTHREE.Mesh(
尘世中迷途小羔羊·2021-06-25 07:37

Vue+Three.js+Rhino三维建模初探

最近在研究三维可视化发现了一堆奇怪的问题我好菜啊我怎么这么菜记录一下过程和一些坑Three.js官网：https://threejs.org/学犀牛中文论坛：http://www.xuexiniu.com
saint37·2021-06-23 00:19

threeJs基础文档

three.js基础结构目录一个three.js项目至少需要的东西有——[]scene：场景[]camera：摄像机[]render：渲染器[]light：灯光可能需要的有——[]controls：摄像机控制器[]raycaster：点击射线，用于点击事件[]loader：加载器，特殊的物体例如模型需要使用加载器，而且不同格式的模型需要不同的加载器[]object：场景内的物体对象场景在three
论宅·2021-06-21 21:21

在Unity3D里理解实现PBR 算法【译1】

PhysicallyBasedRenderingAlgorithms:AComprehensiveStudyInUnity3D【翻译1】关于PBR基于物理的渲染（PBR）这几年非常热门，Unity5、虚幻4、寒霜甚至是ThreeJS
_ArayA_·2021-06-14 18:41

Three.js入门

Threejs为什么？webGL太难用，太复杂！但是现代浏览器都支持WebGL这样我们就不必使用Flash、Java等插件就能在浏览器中创建三维图形。Three.js的出现完美地解决了这个矛盾。
强某某·2021-06-14 11:25

Hello Three.js 之 三维空间中观察物体的方法—照相机

照相机此处所说照相机与现实有所差别,由于threejs创建的场景是三维的，人眼要看出三维效果就需要有透视点。
风铭·2021-06-12 19:52

three.js 性能优化

Referencehttps://discoverthreejs.com/tips-and-tricks/https://blog.mozvr.com/a-painter-performance-optimizations
Cesium4Unreal·2021-06-07 23:23

第二章1小节 基础组件构建项目

以下文章即LearnThreejs第三版英文翻译学习记录，可以到正版书店购买对应书籍。在之前的章节中，你学习了Three.js的基础。
我的名字好长好长灬·2021-05-31 22:44

ThreeJs学习笔记——ObjLoader加载以及渲染分析

一、前言这篇文章主要学习ThreeJs中的demoloader/obj2，主要是分析一下obj是如何加载的，纹理以及材质是如何加载的，3dcamera以及cameracontroller这些是如何实现的等
仰简·2021-05-12 13:55

three.js之camera

在Threejs中相机的表示是THREE.Camera，它是相机的抽象基类，它有两种相机，分别是正投影相机THREE.OrthographicCamera和透视投影相机THREE.PerspectiveCamera
sakatayui酱·2021-05-10 17:05

学习ThreeJS 06 动画系统

获取3d模块动画信息:THREE.JSONLoaderTHREE.ObjectLoaderTHREE.BVHLoaderTHREE.ColladaLoaderTHREE.FBXLoaderTHREE.GLTFLoaderTHREE.MMDLoaderTHREE.SEA3DLoader调用和运行varmesh;//CreateanAnimationMixer,andgetthelistofAnima
Zszen·2021-05-10 04:40

记录threejs曲线宽度linewidth问题LineBasicMaterial

默认使用LineBasicMaterial，可以画出1px宽度线条，使用threejs，QuadraticBezierCurve3，创造曲线点位，使用BufferGeometry配置点位位置。
aatter·2021-05-08 14:30

如何用threejs实现实时多边形折射

前言在本教程中，您将学习如何使用Three.js在三个步骤中使对象看起来像玻璃。渲染3D对象时，无论使用某种3D软件还是使用WebGL进行实时显示，始终都必须为其分配材料以使其可见并具有所需的外观。可以使用Three.js之类的库中的现成程序来模仿许多类型的材料，但是在本教程中，我将向您展示如何使用三个对象（三个步骤）使对象看起来像玻璃一样。步骤1：设定和正面折射在本演示中，我将使用菱形几何图形，
·2021-05-07 18:42

Three.js入门(二)——画星空

下载地址:http://threejs.org/首先创建一个HTML文件,引入three.js引擎包Three.js实现3D空间粒子效果body{background-color:#000000;
简聆壹·2021-05-07 18:35

渲染器

Threejs的渲染需要用到HTML5的canvas，那么我们在使用threejs的时候可以自己创建一个canvas，也可以使用threejs自己生成的canvas，不过为了提高代码的可读性，建议在html
牛马风情·2021-05-04 22:09

threejs的插件库

物理库https://github.com/chandlerprall/Physijs渐变https://github.com/tweenjs/tween.js
Doter·2021-05-03 21:35

threejs-day1(响应式设计/图元)

响应式设计1.使用css使canvas填充页面html,body{margin:0;//body默认有5个像素的margin值height:100%;//高度充满窗口}#canvas{width:100%;height:100%;display:block;//默认为inline，行内元素末尾有空格，通过块级消除空格}调整画布大小functionresizeRendererToDisplaySiz
小杰66·2021-04-30 11:01

【黑马程序员济南中心】前端就业班笔记Canvas（一）

什么是Canvas就是HTML5给出的一个可以展示绘图内容的标签.最早是苹果公司提出的该标签.threejs.org里面有汽车等3D的仿真基本使用使用canvas标签,即可在页面中开辟一格区域.可以设置其
b06ee9db5ac0·2021-04-29 04:05

Spline使用体验

下载安装注册登陆登陆成功后有非常友好的提示教程，是在threejs的基础上造的轮子，所以软件上手很简单。
狂暴机甲·2021-04-27 10:14

【GIS】QGIS中2.5D渲染和导出三维场景

本文内容如下：QGIS中带高程面数据的2.5D渲染QGIS导出三维场景(html)注意，两个为独立实验；QGIS版本2.18，qgis2threejs可能也有新版了……1.数据准备准备一份带高程的面状要素数据集
PancakeCard·2021-04-25 02:48

WebAR与小程序AR极速入门教程

幸亏在微信小程序官方提供了扩展工具：threejs-miniprogram，但是发现加载模型还要做许多适配，确
Km0tion·2021-04-16 11:44

使用 React 和 Threejs 创建一个VR全景项目的过程详解

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

vue使用threejs加载glb或者gltf模型，以及踩坑

需要在组件内引入下列的东西import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/controls/OrbitControls'import{GLTFLoader}from'three/examples/jsm/loaders/GLTFLoader'创建scenethis.scene=newTHREE.Scene(
·2021-04-02 19:05

浅谈图形学、WebGL 以及 Three.js

WebGL：基本概念/CanvasThree.js：相关API/通过Three.js来实作—————————————————————————————————————————————展示：https://threejs.org
·2021-03-22 14:40

threeJS鼠标单击模型边缘高亮

系列文章目录threeJS单击模型高亮文章目录系列文章目录前言一、引入依赖文件二、使用步骤1.创建效果组合器（EffectComposer）该着色器主要功能是解决锯齿问题。
喵喵虫·2021-02-08 09:58

图解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
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他