threejs(webgl)

Three.js——基于原生WebGL封装运行的三维引擎

文章目录前言一、什么是WebGL？
骆骆爱学习·2023-11-12 22:00

OpenGLES 入门简介

OpenGLforEmbededSystem）是OpenGL（OpenGraphicsLibrary）的精简子集，是以手持和嵌入式设备为目标的高级3D图形API，如现在火爆的智能手机，支持桌面系统，还是浏览器3D图形标准WebGL
LceChan·2023-11-12 21:18

canvas webGL SVG 比较

u010513603/article/details/80351569实际使用：https://www.cnblogs.com/best/p/6107565.html概要：Canvas位图，是需要自己画点的白板；WebGL3
NRlovestudy·2023-11-12 02:20

ThreeJs基础常识

作者：桑榆QQ：934440653有问题，评论留言，或qq联系前两章的尚未整理，后续整理完成，会补上。第一章场景待更新…第二章相机待更新…第三章渲染器1.参数**名称****描述**antialiasBoolean，默认为false。是否开启反锯齿。precision这个材质使用从摄像机到网格的距离来决定如何给网格上色。alphaBoolean，默认为false。是否可以设置背景色透明。premu
桑榆未晚_·2023-11-11 21:53

vue项目中使用ThreeJs加载外部的obj模型文件

1、安装three以及依赖npminstallthreenpminstallthree-orbitcontrolsnpminstallthree-obj-mtl-loader2、实现代码import*asThreefrom'three'importOrbitControlsfrom'three-orbitcontrols'import{OBJLoader}from'three-obj-mtl-lo
北辰//·2023-11-11 15:23

vue+threejs加载展示3d模型文件注意事项

前几天了解到了threejs这个库，一时间惊为天人，因为想做一个展示3d零件模型的demo，就尝试了一下，在此记录一下踩的坑首先，一定要看文档！
txlfreedom·2023-11-11 15:19

浅谈 WebVR 全景

本文将会简单探究WebVR全景的实现原理，同时也会用threejs实现两个小的demo，希望对大家以后在业务上遇到类似的场景能有所帮助。
徐小夕@趣谈前端·2023-11-11 08:15

WebGL-Vue3-TS-Threejs：基础练习 / Javascript 3D library / demo

一、理解Three.jsThree.js是一个用于WebGL渲染的JavaScript库。它提供了一组工具和类，用于创建和渲染3D图形和动画。
snowball_li·2023-11-11 08:15

threejs光源的使用

灯光是场景中非常重要的一部份，没有光源线框材质都不可见（除非使用基础材质），threejs包含大量的光源，每个光源都有特别的行为和用法，本次我们来探讨不同光源的用法。
小辛学java·2023-11-11 02:05

基于 HTML5 WebGL 构建智能数字化城市 3D 全景

前言自2011年我国城镇化率首次突破50%以来，《新型城镇化发展规划》将智慧城市列为我国城市发展的三大目标之一，并提出到2020年，建成一批特色鲜明的智慧城市。截至现今，全国95%的副省级以上城市、76%的地级以上城市，总计约500多个城市提出或在建智慧城市。基于这样的背景，本系统采用Hightopo的HTforWeb产品来构造轻量化的智慧城市3D可视化场景，通过三个角度的转换，更清晰让我们感知到
图扑软件·2023-11-10 13:51

WebGL智慧城市软件项目

WebGL开发智慧城市项目时，需要考虑多个方面，包括技术、隐私、安全和可持续性。以下是一些需要注意的关键问题，希望对大家有所帮助。北京木奇移动技术有限公司，专业的软件外包开发公司，欢迎交流合作。
defdsdddev·2023-11-10 13:41

一篇文章揭秘JetBrains的 AI 图形发展历程

起初主要使用基于WebGL的工具，这些工具可以在浏览器中实时随机生成所有内容，下面的图像就是用这种方式创建的。2020年，JetBrains发布了第一款基于深
界面开发小八哥·2023-11-10 11:17

Unity3D WebGL修改默认的载入进度条

首先在项目文件Assets文件夹下创建文件夹WebGLTemplates然后去C:\ProgramFiles\Unity2018.3\Editor\Data\PlaybackEngines\WebGLSupport
YuanHang66·2023-11-10 06:06

Unity3D WebGL平台使用WebSocket通信的方法和示例

之前在WebGL平台和服务端交互的时候使用的是UnityWebRequest,通过WebAPI的方式进行交互，后来发现可以用WebSocket交互后就果断换了WebSocket。
YuanHang66·2023-11-10 06:06

webGL编程指南 第二章 coloredPoints.js

我会持续更新关于wegl的编程指南中的代码。git代码地址sogooday当前的代码不会使用书中的缩写，每一步都是会展开写。希望能给后来学习的一些帮助在上一节的代码中是使用一个固定的颜色进行绘制clickPint.js本节中我们将使用随机的颜色进行绘制点Document画布清除点letcanvas=document.getElementById('canvas');canvas.width=400
sogooday·2023-11-10 04:15

webGL编程指南 第二章 clickPint.js

我会持续更新关于wegl的编程指南中的代码。git代码地址：sogooday当前的代码不会使用书中的缩写，每一步都是会展开写。希望能给后来学习的一些帮助上一节内容:helloPoint2.js。当前的工程师点击页面并且用一个固定的颜色把点击的绘制出来Document画布清除点letcanvas=document.getElementById('canvas');canvas.width=400;c
sogooday·2023-11-10 04:45

webGL编程指南 第五章 MultiTexture.html

我会持续更新关于wegl的编程指南中的代码。当前的代码不会使用书中的缩写，每一步都是会展开写。希望能给后来学习的一些帮助git代码地址：空上一章节中我们学习texParameteri的使用,这一章节中我们两个图片进行混合Document#canvas{width:100vw;height:100vw;border:1pxsolidgreenyellow;}!!!!!需要指出的是要选择当前文件夹下的
sogooday·2023-11-10 04:12

【 Threejs 】- Shader 着色器实例渲染教程

着色器在threejs中是一个难点，话不多说，先来看看着色器是什么？如果您已经有使用计算机绘图的经验，您就会知道在这个过程中您先画一个圆，然后画一个矩形、一条线、一些三角形，直到您组成您想要的图像。
蚂蚁二娘·2023-11-09 20:57

Threejs教程之着色器

Three.js着色器Three.js视频教程很多时候如果想写一些特效，往往需要编写着色器代码GLSL，如果你不熟悉着色器语言，自然需要学习着色器语言语法，如果你有着色器语言基础，直接使用Threejs
郭隆邦技术博客·2023-11-09 20:56

threejs -内置着色器包的使用详解

threejs提供了丰富的着色器包，搭配后处理通道使用，可以实现非常强大的效果。
凌风子夜·2023-11-09 20:26

threejs中的着色器入门一

可编辑渲染管线：——WebGL中
凌风子夜·2023-11-09 20:26

Three.js-着色器加工材质及材质着色器详解

目录1.onBeforeCompile.onBeforeCompile(shader:Shader,renderer:WebGLRenderer)2.Three材
HM-hhxx！·2023-11-09 20:54

threejs(11)-精通着色器编程（难点）1

一、初识着色器语言GLSL代表openGLShadingLanguage，它是着色器程序的特定标准，您将在接下来的章节中看到。根据硬件和操作系统，还有其他类型的着色器。在这里，我们将使用由KhronosGroup监管的openGL规范。了解OpenGL的历史有助于理解其大部分奇怪的约定，为此我建议您查看：https://openglbook.com/chapter-0-preface-what-i
拾荒李·2023-11-09 20:53

WebGL的技术难点分析

WebGL是一项强大的技术，但在开发过程中可能会遇到一些挑战和技术难点。以下是一些与WebGL相关的技术难点，希望对大家有所帮助。北京木奇移动技术有限公司，专业的软件外包开发公司，欢迎交流合作。
defdsdddev·2023-11-09 12:29

webGL项目的开发流程

WebGL(WebGraphicsLibrary)是一种用于在网页上渲染2D和3D图形的JavaScriptAPI。下面是创建Web应用程序中使用WebGL的流程，希望对大家有所帮助。
defdsdddev·2023-11-09 12:54

LightingChart JS 5.0 Crack

高性能JS图表基于WebGL的跨平台图表工具包LightningChartJS旨在提供尽可能最佳的性能。最新的性能统计显示，LightningChartJS可
sdk大全·2023-11-09 08:30

SuperMap iClient3D for WebGL 添加天地图底图

首先创建一个场景window.viewer=viewer=newCesium.Viewer("map",{infoBox:false,//关闭相机信息弹窗});获取图层列表constlayers=viewer.scene.imageryLayers;在图层列表上添加一个图层，调用WebMapTileServiceImageryProvider方法加载第三方天地图viewer.imageryLaye
虱子不是狮子·2023-11-09 05:31

SuperMap iClient3D for WebGL实现浮空热力图

前言目前咱们热力图的示例是贴在模型上的,我想让他浮在空中可以吗？当然可以，操作和代码如下:1.设置两个DOM元素用于canvas的显示先添加两个块元素，并设置样式和大小：2.使用随机数模拟点位数据使用Math.random()模拟点位数据用于构建热力图。varlen=200;varpoints=[];varmax=0;varwidth=800;varheight=400;while(len--){
gis小客服·2023-11-09 05:58

SuperMap iClient3D for WebGL中气泡如何正确悬停

前言在使用SuperMapiClient3DforWebGL(下面简称WebGL)气泡的时候,你可能会发现，在场景缩放的同时气泡偏移了,不在气泡开始所在的位置了如下图所示,下面就教你气泡如何正确悬停。
gis小客服·2023-11-09 05:58

SuperMap Vue-iClient3D-WebGL 使用指南

本篇文章具体介绍一下，如何去快速的安装使用Vue-iClient3D-WebGL初始化项目。一，使用脚手架创建个新项目1.vuecreate"xxx"vuecreatedemo在
supermapsupport·2023-11-09 05:25

SuperMap iClient3D for WebGL中加载地方天地图

作者：taco在实际的场景应用中，通常都会在场景中添加一些底图。官网示例中已经包含了本地底图，iserver发布的底图，必应底图等。但是这些底图的清晰度并不能满足大部分人的需求。这时候我们就选择到了天地图。关于全国天地图的加载，之前的文档中已经介绍过了可以在（https://blog.csdn.net/supermapsupport/article/details/119787510）这部分查看到
supermapsupport·2023-11-09 05:55

纯新手如何安装 Vue 以及引入 SuperMap iClient3D for WebGL 包

纯新手如何安装Vue以及引入SuperMapiClient3DforWebGL包Vue安装安装NodeJS1.官网下载NodeJS2.安装msi文件检查NPM版本3.查看npm版本4.查看npm本地目录
supermapsupport·2023-11-09 05:54

SuperMap iClient3D for WebGL之点聚合

作者：nannan在场景中查询结果通常以标记点（布告板）的形式展现，但是如果标记点较多，不仅会大大增加客户端的渲染时间，让客户端变得很卡，而且会让人产生密集恐惧症（图1）。图1为了解决这一问题，我们需要一种手段能在用户有限的可视区域范围内，利用最小的区域展示出最全面的信息，而又不产生重叠覆盖。它就是点聚合。本文小编采用1万个点进行的聚合，下面先看点聚合效果图：图2聚合显示个数图3聚合显示原图片代码
supermapsupport·2023-11-09 05:54

SuperMap iClient3D for WebGL动态围墙

作者：kele前言在三维场景中，往往会表达各种地物的范围，传统的地物范围表达方式一般是通过线、面来框选。下面小编为大家介绍一种动态围墙效果，这种效果不仅美观，还具有科技感，下面就随小编一起来看看具体的实现过程吧。一、接口介绍动态围墙，顾名思义，我们可以将其分解为：动态、围墙；动态可通过CallbackProperty接口实现，围墙可通过entity中wall墙体实现。实现思路是给wall墙体设置颜
supermapsupport·2023-11-09 05:24

SuperMap iClient3D for WebGL-Vue组件开发之全局globe属性

Vue的MVVM架构的一个核心功能就是数据的绑定，将部分数据在data属性中进行监听，大多数开发者在使用SuperMapiClient3DforWebGL和Vue进行结合开发时，会情不自禁的将viewer
supermapsupport·2023-11-09 05:54

SuperMap iClient3D for WebGL-Vue组件开发之产品引用

作者：桔子本文同步发布于https://www.jianshu.com/p/32f5c5b91c12Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。这是Vue官网对Vue的介
supermapsupport·2023-11-09 05:53

vue3+SuperMap iClient3D for Cesium实现量测功能

整体实现是参考SuperMapiClient3DforCesium的量算功能源码，链接：http://support.supermap.com.cn:8090/webgl/examples/webgl/
巨脸怪·2023-11-09 05:50

超图-SuperMap iClient3D for WebGL 用法速搜（入门级）

文章目录一、环境依赖1.Cesium类库整合2.iClient3DforWebGL与Cesium关系3.视频教程二、监听1.用户输入事件2.坐标拾取3.拾取实体4.实体改变监听事件5.双击全屏6.相机移动事件三
搬山境KL攻城狮·2023-11-09 05:47

SuperMap iClient3D for WebGL之平面场景（三）

在之前的博文中，我们已经向大家介绍了SuperMapiClient3DforWebGL如何加载平面场景。对于球面场景和平面场景，除了在加载的时候需要转换场景模式外，还有以下几个方向与球面场景有差异。
xiaorunrunde萝蔸·2023-11-09 05:45

编译SuperMap/Vue-iClient3D-WebGL问题

1说明源码地址：https://github.com/SuperMap/iClient3D-vue发布地址：http://support.supermap.com.cn:8090/webgl/examples
leemraz·2023-11-09 05:10

vue2 集成 - 超图 - SuperMap iClient3D for WebGL 及常用方法

文章目录1：下载SuperMapiClient3DforWebGL2：格式化项目中所用的依赖包3：vue2项目引入4：vue2页面使用常见方法4.1创建三维场景，引入在线地图资源，定位到指定位置4.2坐标拾取
Kingsaj·2023-11-09 05:38

WebGL 3d模型优化实战

随着我在Echobind的投入时间以及我自己的空闲时间，我一直在慢慢学习webGL库，例如three.js、Mozilla的/SuperMedium的A-Frame、Google的模型查看器以及最近的React-three-fiber
新缸中之脑·2023-11-09 02:55

ThreeJS中导入的模型没有正常生成阴影解决办法

1.背景问题描述在一个Three.js项目中，我试图在场景中渲染一个导入的滑板模型，并希望它能在聚光灯下产生阴影。然而，在实际渲染时，我发现滑板并没有在地面上产生任何阴影。这是一个令人困惑的问题，因为其他对象（如基本的Three.js几何体）在同样的光照条件下可以正常产生阴影。为了更好地说明这个问题，以下是我当时的核心代码：在这段代码中，我使用了标签来渲染一个从外部文件加载的OBJ模型，并确保了标
YuZou 邹宇·2023-11-09 02:24

VUE使用threejs加载3D模型时报错404

在使用three.js加载3D模型时，路径是正确的，但是部署到服务器上时报错404，找不到obj文件。这是因为服务器IIS的MIME没有添加.obj扩展类型。如果mtl文件也出不来的话，就再加一个.mtl类型。然后就好了。
旭日之温·2023-11-09 02:24

Cesium开发入门篇 | 01Cesium介绍

Cesium是一个跨平台、跨浏览器的展示三维地球和地图的javascript库Cesium使用WebGL来进行硬件加速图形，使用时不需要任何插件支持，但是浏览器必须支持WebGLCesium是基于
暮紫月升·2023-11-08 23:28

threejs效果记录

目录1、渐变线2、导入字体3、定义几何体4、tween补间动画5、Sprite粒子（精灵材质）6、Sprite粒子（精灵材质）---下雪7、通过几何体创建点云8、使用环境贴图创建虚假的反光效果9、通过Reflector创建反光镜10、背景用background-image设置11、使用videoTexture用视频作为输出纹理12、纹理offset偏移13、形状缓冲几何体14、自定义形状（墙）15
蛋蛋的老公·2023-11-08 18:54

Threejs 开发3D地图实践总结

也算是由传统web转型到webgl图形学开发中，坑不少，做了一下总结分享。1、法向量问题法线是垂直于我们想要照亮的物体表面的向量。法线代表表面的方向因此他们为光源和物体的交互建模中具有决定性作用。
weixin_30877493·2023-11-08 18:51

three获取鼠标点击的物体位置

html1.坐标系  我们的手机屏幕是二维的，但是我们展示物体的世界是三维的，当我们在构建一个物体的时候我们是以一个三维世界既是世界坐标来构建，而转化为屏幕坐标展示在我们眼前，则需要经历多道矩阵变化，中间webGL
闲人不梦卿·2023-11-08 17:07

暑期项目实训:基于webgl(three.js)的牙科数据可视化展示

第一天:本组的选题是“牙科数据的分割与分类及可视化展示平台”。工作主要划分成三块：前端平台页面搭建、算法与数据可视化、后端及数据库。我和另一个同学一起负责算法与数据可视化。根据学长给的demo视频。我们将组内任务分为如下：一、牙科数据可视化（1）CBCT数据、口扫数据可视化（三维数据）其中细分由分为如下功能：三维数据呈现、改变观测视角、光照效果、材质、颜色透明度变换，形成渲染器中的GUI。（2）X
摄录·2023-11-08 17:05

threejs 判断点击的位置是否在点云中

我的点云文件格式是ply，需求是实现点云的测量，标注两个点之后连起来，计算他们的距离；展示点云首先我们需要明白展示点云必须要创建场景，相机，渲染器参考代码vue-3d-modelvue-3d-model是支持3d预览的一个插件但是这个插件并不能满足我们的需求所以我们就自己写了一个/*eslint-disable*/import{Object3D,Vector2,Vector3,Color,Scen
xiaaaa.z·2023-11-08 17:32
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他