threejs(webgl)

动手实践WebVR 全景

本文将会简单探究WebVR全景的实现原理，同时也会用threejs实现两个小的demo，希望对大家以后在业务上遇到类似的场景能有所帮助。
Dream_travelerly·2024-02-02 08:33

Three.js学习二——Three.js极简入门

创建一个场景渲染场景使立方体动起来结果准备开发环境1、一台可用浏览器的带文件系统的电脑；2、下载官网提供的three.js-master代码包，官方提供的示例和相关库文件都在里面，官网地址：https://threejs.org
Mr_Bobcp·2024-02-02 05:16

WebGL开发GIS系统

WebGL在GIS（地理信息系统）开发中能够提供强大的图形渲染能力，使得在Web浏览器中创建高性能的地理空间应用成为可能。
super_Dev_OP·2024-02-02 05:06

webgl开发交互式艺术品

开发交互式艺术产品是一个令人兴奋的领域，而WebGL正是实现这一目标的理想选择。以下是一些在WebGL中开发交互式艺术产品时的关键考虑事项，希望对大家有所帮助。
super_Dev_OP·2024-02-02 05:06

Three.js学习1：threejs简介及文档本地部署

华丽的分割线-------------------------github：https://github.com/mrdoob/three.js/官网：Three.js–JavaScript3DLibraryThreejs
stones4zd·2024-02-02 02:03

Threejs_07 环境、透明度、纹理、ao、光照等贴图的渲染

@老陈打码继续学习老陈threejs支持！！！！！！
Web阿成·2024-02-01 15:21

three.js和vue.js学习 -- 创建一个3d模型demo

写在开头转载链接：https://zhuanlan.zhihu.com/p/333615381https://techbrood.com/threejs/docs模型下载链接：https://sketchfab.com
深海大大·2024-02-01 15:21

Three.js高光贴图(.specularMap)

参考资料：threejs中文网threejsqq交流群：814702116Three.js高光贴图(.specularMap)本文是Three.js电子书的8.8节高光网格材质MeshPhongMaterial
Threejs可视化·2024-02-01 15:21

Cesium开发高级篇 | 01空间数据可视化之Primitive

在使用PrimitiveAPI之前，您最好具备WebGL基础知识，如果对WebGL不是太了解，建议先学习《WebGL编程指南》这本书。Primitive介绍1.Primitive组成Pr
暮紫月升·2024-02-01 14:16

threeJS创建mesh，创建平面，设置mesh的平移，旋转、缩放、自传、透明度、拉伸...

这个小案例是当初我在学习的时候，小的一个小案例，代码还需要进一步优化；还请谅解~~；主要用到了threeJS创建mesh，创建平面，设置mesh的平移，旋转、缩放、自传、透明度、拉伸等这些小功能；（点击每个
bainaibei2058·2024-02-01 09:42

Threejs API——`OrbitControls`相机控件

文章目录API用法APIOrbitControls相机控制用法导入import{OrbitControls}from'three/examples/jsm/controls/OrbitControls.js'import{DRACOLoader,AmbientLight,Color,MOUSE,
博客zhu虎康·2024-02-01 09:42

Arcgisjs结合threejs做动态线图层

（案例地址）该案例仅在mapview下有效，sceneview就不显示了，下面将结合threejs对该案例进行修改，实现sceneview下的三维动态线图层。
阿卡坤·2024-02-01 04:46

unity（WebGL） 把截图保存下载到本地

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、编写jslib二、c#代码1.引入插件2.测试调用总结前言提示：这里可以添加本文要记录的大概内容：尊重原著:原文链接:https://blog.csdn.net/Wrinkle2017/article/details/117660124以下方法都可以搭配本文使用：截图的方法：链接:unity自由框选截图（两种方法，亲测
野区捕龙为宠·2024-02-01 00:52

ThreeJS之3D柱形图

学习threejs第二篇，3D柱形图练习，本文参考了网上的实现方式，用html方式进行了实现。
苜蓿花乐园·2024-01-31 12:08

three.js 选中模型

模型加载容器webgl,可以是一个非满屏的容器监听鼠标点击事件import{onMounted}from'vue'onMounted(()=>{letdom=document.getElementById
inkbamboo·2024-01-31 11:36

搭建WebGL开发环境

前言本篇文章介绍如何搭建WebGL开发环境WebGLWebGL的技术规范继承自免费和开源的OpenGLES标准，从某种意义上说，WebGL就是Web版的OpenGLES，而OpenGLES是从OpenGL
SauronKing·2024-01-31 10:00

如何解决THREEJS物体重叠问题（物体闪烁问题）

Three在使用绘制墙面得时候发现里面得物体从墙外面溢出重合了，如图：要解决这个问题我们需要了解什么是Z-Buffer、Z-FightingZ-Buffer在threejs中，使用深度缓冲（Z-Buffer
心淡然如水·2024-01-31 10:42

WebGL开发项目的类型

WebGL（WebGraphicsLibrary）是一种用于在Web浏览器中渲染交互式3D和2D图形的JavaScriptAPI。
super_Dev_OP·2024-01-31 04:41

WebGL开发艺术和创意项目

WebGL提供了强大的图形渲染能力，可以用于开发各种艺术和创意项目。以下是一些使用WebGL开发艺术和创意项目的示例，希望对大家有所帮助。1.交互式艺术品：利用WebGL，可以创建具有交互性的艺术品。
super_Dev_OP·2024-01-31 04:41

Threejs 展示——obj 格式模型导入

文章目录需求分析1.HTML版本2.Vue版本需求导入obj格式的模型数据分析.obj：WavefrontOBJ格式，是一种广泛使用的三维模型文件格式。预览.obj格式文件的软件可点此下载需要准备两种格式的数据，如下所示1.HTML版本html
博客zhu虎康·2024-01-31 01:09

Threejs 展示——坐标间的转换

文章目录坐标系世界坐标系（WorldCoordinateSystem）：屏幕坐标系（ScreenCoordinateSystem）：相机坐标系（CameraCoordinateSystem）：坐标系之间的转换在Three.js中，展示和坐标间的转换涉及到不同的坐标系，包括世界坐标系、屏幕坐标系和相机坐标系。下面我将简要介绍这些坐标系之间的转换关系：坐标系世界坐标系（WorldCoordinateS
博客zhu虎康·2024-01-31 00:58

Threejs in autonomous driving -（2）模型精简

在开发准备阶段建模同学都会提供一个车模,从前段考量一般来说超过100kb都算是大文件了，这个模型一般是obj+mtl文件，这两个一般都会超过MB。推动精简的话都非常都难。精简方案删减模型的顶点和面片模型压缩第一种专业性比较强，我们是搞不定的，那么就可以从第二种思路为出发点。通过万能的搜索引擎搜索我们可以找到被誉为3d业界的json格式的gltf。gltf简介。这里推荐两个工具obj2gltfhtt
土肥圆_c1ab·2024-01-30 23:18

vue3+threejs+koa可视化项目——实现登录注册（第三步）

文章目录⭐前言往期node系列文章threejs系列相关文章vue3+threejs系列⭐koa后端登录注册逻辑（jwt）koa登录注册⭐vue3前端登录注册权限控制登录页面注册页面⭐总结⭐结束⭐前言大家好
yma16·2024-01-30 22:17

three.js学习笔记(二十一)——页面加载进度条

介绍到目前为止，我们页面上只有一块WebGL画布，当其准备好后就即刻显示出来。本次课程将学习如何添加一个简单的条状加载器，在加载资源时进行填充。场景将为黑色，只有在全部内容加载完毕才淡出显示。
hongsir_12·2024-01-30 20:36

Unity-WebGL

问题：提示gzip压缩报错解决：关闭打包的地方压缩，如下图问题：窗口未全屏解决：使用百分比画布替换固定尺寸画布参考：新版Unity打包Webgl端进行屏幕自适应_unitywebgl分辨率自适应-CSDN
Dongo2·2024-01-30 18:12

ThreeJS快速入门指南

Three.js屏蔽了WebGL的底层调用细节，让开发者能更快速的进行3D场景效果的开发。
诸葛亮的芭蕉扇·2024-01-30 09:52

VUE项目搭建

vue项目搭建选择程序放置的文件夹，在路径栏中输入cmd，再按回车打开命令行窗口在命令行中输入以下内容vuecreatethreejs选择vue3默认创建完成之后的界面是这样打开创建好的工程项目，在package.json
言馨·2024-01-29 22:06

【Threejs】03缓冲区几何体

缓冲区几何体缓冲区集合体可以用来表示线、面和集合体（也就是一维、二维、三维图形）利用缓冲区几何体创建三角形创建简单的缓冲区集合体对象//创建缓冲区集合体constgeometry1=newTHREE.BufferGeometry();创建顶点向量要创建的是一个三角形图形，需要有三个点每三个值创建一个顶点//创建向量constvertices=newFloat32Array([-1.0,-1.0,0
言馨·2024-01-29 22:36

【Threejs】04材质贴图和360°环境贴图

上一节中讲述了缓冲区几何体，这一节我们来着重讲述一下纹理（texture）。利用纹理我们可以给物体和环境添加自己喜欢的图案。材质贴图创建纹理首先利用TextureLoader创建一个texture变量，在load后面添加图片路径//创建纹理consttexture=newTHREE.TextureLoader().load("/textures/03-map.jpg");创建几何体添加材质在我们原
言馨·2024-01-29 22:36

【Threejs】06blender使用方法

移动视角按住鼠标滚轮缩放画布滑动滚轮添加物体shift+a移动物体点击右上角红框位置选择移动缩放物体选中物体按住键盘s键##查看视角按住波浪键（tab键上方）调整相机视角按住波浪键点击相机视角点击坐标轴右侧箭头选择视图勾上锁定相机移动相机到合适角度按住快捷键F12进行渲染·给物体添加材质选中物体点击右侧材质点击新建在材质中选择高光反射材质选择基础色，点击右上角红框着色模式就可以看到上色后的物体垂直
言馨·2024-01-29 22:36

【Threejs】01创建我的第一个threejs项目

默认大家已经创建好threejs的工程文件，打开main.js文件引入threejs//导入threejsimport*asTHREEfrom"three";创建一个场景constscene=newTHREE.Scene
言馨·2024-01-29 22:06

【Threejs】05环境光和点光源

threejs中的MeshBasicMaterial物体不受光照影响，也就是说这种材质即使没有光我们也能看见。
言馨·2024-01-29 22:05

259：vue+openlayers: 显示海量多边形数据，10ms加载完成

第259个点击查看专栏目录本示例的目的是介绍演示如何在vue+openlayers项目中通过WebGLVectorLayerRenderer方式加载海量多边形数据。
还是大剑师兰特·2024-01-29 15:32

threejs-day3(摄像机/阴影/雾/渲染目标/自定义缓冲几何体)

摄像机透视摄像机PerspectiveCameraimport*asTHREEfrom"../../three";import{OrbitControls}from"../../three/examples/jsm/controls/OrbitControls";import{GUI}from"dat.gui";constcanvas=document.querySelector("#canvas
小杰66·2024-01-29 13:30

WebGL开发数字孪生系统

使用WebGL开发数字孪生系统通常涉及以下步骤。WebGL是一种用于在浏览器中实现3D图形渲染的JavaScriptAPI，它可以用于创建交互性强、高度可视化的数字孪生系统。
super_Dev_OP·2024-01-29 11:59

WebGL技术开发框架

WebGL技术框架是一些提供了便捷API和工具的库，用于简化和加速在Web浏览器中使用WebGL进行3D图形开发。以下是一些常用的WebGL技术框架，希望对大家有所帮助。
super_Dev_OP·2024-01-29 11:57

【Three.js】创建一个三维场景

目录前言Three.js环境搭建安装导入创建一个场景准备一个dom容器创建场景、相机和渲染器创建立方体渲染场景创建轨道控制器完整代码前言Three.js是一个用于创建WebGL渲染的JavaScript
叶子yes·2024-01-29 04:12

【WebGPU】简介和开始

在WebGPU出现之前，有一个WebGL，它提供了WebGPU的部分功能。它开创了一种新的富媒体Web内容类别，并且开发者也利用它构建了许多精彩的内容。
prinTao·2024-01-28 22:21

React+Three.js实现粒子包围的安卓机器人

喜欢做动画的我很早之前就已经开始关注Threejs这个框架了，觉得这个框架老酷炫了，可以在浏览器中展示一个3D场景，奈何时间与精力关系(主要是懒)一直都没有真正花功夫去学，好在最近终于开始简单学了一点Threejs
QD_ANJING·2024-01-25 11:33

05-threejs画车削缓冲几何体

，主要用于渲染具体旋转特性的物体，比如花瓶、球体等车削缓冲几何体一、前言二、项目中使用1、新建base.js文件2、新建lathe.js文件3、创建light.js文件4、组件中引入和使用三、总体代码四、效果![请添加图片描述](https://img-blog.csdnimg.cn/direct/12c624be85ed4f49b0c423bfb12c4ddb.gif)一、前言关于如何创建项目和
白白李媛媛·2024-01-25 09:15

02-项目引入threejs

three学习一、创建项目1、如果已经建好项目了，可以略过创建这一步2、初始化项目①新建一个vue2项目②打开项目的命令窗口，可直接在项目目录的路径栏输入cmd,然后回车③使用npm安装three,在命令窗口中输入npminstallthree--force,其中--force是强制安装，避免node版本过高或者过低无法安装的问题④安装完成以后如何确定自己的项目中是否安装成功呢，打开项目的pack
白白李媛媛·2024-01-25 09:14

二、什么是WebGL，它是一种3D绘图协议

度娘一下：WebGL（全写WebGraphicsLibrary）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGLES2.0结合在一起，通过增加OpenGLES2.0的一个JavaScript
柳暗花明又一匪·2024-01-24 20:09

threejs创建模型，并保存本地-带钻孔角度的模型生成

提取钻孔数据（方向角和深度，以及层高）根据方位角计算空间点位，获取到空间线数据将线数据根据层高等分，获取到单层的曲线数据将单层曲线拟合成柱体根据层信息绘制贴图
瘦猴打羽毛球·2024-01-24 17:51

threejs学习

重要概念（场景、相机、渲染器）如下图所示，我们最终看到浏览器上生成的内容是通过虚拟场景和虚拟相机被渲染器渲染后的结果，下面首先介绍这三个概念，将贯穿所有简单复杂的threejs项目。
二狗子的翠花·2024-01-24 07:46

javascript事件

从小程序到各种混合开发的解决方案，从vue，react到angular，从canvas到three.js甚至webgl，从cmd到nodejs，从gulp到webpack，各种技术让人眼花缭乱，感觉学不过来了有没有
特例独爬的蜗牛·2024-01-24 05:37

【笔记】Unity webgl 输入中文

UnityWebGL中文输入和全屏问题_鑫毒季的博客-CSDN博客插件资源来自上面这位兄台的分享。操作如下：1、将WebGLInput脚本挂在InputField组件上。
zjh_368·2024-01-23 19:04

Application.ExternalCall 已过时 另一种unity脚本调用JS的方法

我现在用的unity2018版本的调用JS的API：Application.ExternalCall过时了，官方给出了另一种方案：https://docs.unity3d.com/Manual/webgl-interactingwithbrowserscripting.html
阳光下的大嘴猴王·2024-01-23 19:34

Webgl开发输入框兼容问题及开发注意的问题

Webgl开发输入框【InputField组件】输入中文说明解决方案一通过重写原生的InputField组件来兼容解决方案二通过打包后自己定义JS总结说明  最近一直再搞WEBGL平台的项目，花了好几天解决
不为誰而做的程序员_·2024-01-23 19:33

Unity可寻址资源Addressable

目前发现了以下问题：PercentComplete的进度的前50%是读取json文本的进度，后50%是下载资源包的进度，目前后50%的进度无法正常显示WebGL版本时，浏览器打开程序，首次从服务器下载一次资源之后
阳光下的大嘴猴王·2024-01-23 19:03

unity在webgl端 输入框无法输入中文和中文显示问题的解决

unity在发布成webgl无法显示中文和inputField无法输入中文的问题应该都遇到了，博主蛋疼的查了好久才发现unity内置的inputfield类不支持IME，顺着这个路不小心找到了插件这个插件免费的
古月折口·2024-01-23 19:02
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他