threejs(webgl)

mapbox-gl结合threejs

文章目录前言为什么使用threebox代码示例总结前言最近在研究threejs和mapbox的结合，花了一天多的时间，结合threebox这个mapbox的三维库，给mapbox中创建自定义图层，添加自定义几何体
迦南giser·2023-06-17 11:05

mapbox-gl添加threejs飞线

初始化地图并加载three图层2绘制飞线几何体将几何体正确定位在mapbox上正确操作BufferGeometry几何体3tween实现动画全部代码总结待改进之处参考更新蝌蚪状飞线效果如下，思路可参照threejs
迦南giser·2023-06-17 11:05

新的挑战：WebGL

这段时间一直在死磕Chromium的8K高清视频播放，虽然之前写过一些关键技术的实现，主要难点差不多攻破，但投入到产品中，依然还要解决很多实际中的问题，比如卡顿、格式支持、音视频不同步等等。前期的相关文章：Chromium改造实录：国标AVS2&AVS3支持起来Chromium改造实录：增加MP2音频支持Chromium改造实录：增加MPEGTS格式支持选择最新Chromium，支持H264/H2
云水木石·2023-06-17 02:26

一个《跳动的爱心》代码，纯HTML+JS，双击直接运行

集合了web动画库GSAPJS、OBJ文件加载器OBJLoader、WebGL第三方库Three.js等。效果非常棒！
倾斜的水瓶座·2023-06-17 01:06

学习unity，做自己的游戏

Unity所支持的游戏平台还延伸到了基于WebGL技术的HTML5网页平台，以及tvOS、Ocul
·2023-06-16 22:36

【WebGL】ShadowMap实现阴影原理

假如场景中有一个平面和三角形，实现阴影的步骤和原理如下：1.以灯光为相机视角渲染平面和三角形，记录片元的深度信息到gl_FragColorattributevec4a_Position;uniformmat4u_PvMatrix;uniformmat4u_ModelMatrix;voidmain(){gl_Position=u_PvMatrix*u_ModelMatrix*a_Position;}
GAMESLI-GIS·2023-06-16 22:12

【Unity 渲染】Projector（纹理映射）

背景之前看webgl的纹理映射，最近刚好学习unity中发现有类似概念Projector，记录一下，两篇博客对比学习。参考unitywebgl
GAMESLI-GIS·2023-06-16 22:12

unity webGL与js 交互

1.unity传值给jsunity中：voidAwake(){Application.ExternalCall("GetCookie");//GetCookie参数是js方法名字}js中：functionGetCookie(){varresult=document.cookie;if(result!=""){varresult=decodeURIComponent(result);}console
野区捕龙为宠·2023-06-16 21:50

基于 HTML5 WebGL 与 WebVR 3D 虚拟现实的可视化培训系统

前言2019年VR,AR,XR,5G,工业互联网等名词频繁出现在我们的视野中，信息的分享与虚实的结合已经成为大势所趋，5G是新一代信息通信技术升级的重要方向，工业互联网是制造业转型升级的发展趋势。本文所讲的VR是机械制造业与设备的又一次交流，当技术新星遇上制造潮流，无疑将成为制造业，工控业等行业数字化转型的重要驱动力。“5G+VR+工业互联网”必将成为新的一年不变的话题，如何将当前工业中遇到的问题
·2023-06-16 20:23

图扑数字孪生工厂合集 | 智慧工厂可视化，推动行业数字化转型

前言图扑软件基于HTML5（Canvas/WebGL/WebVR）标准的Web技术，满足了工业物联网跨平台云端化部署实施的需求，以低代码的形式自由构建三维数字孪生、大屏可视化、工业组态等等。
·2023-06-16 18:18

Three.js教程：三维坐标系

推荐：将NSDT场景编辑器加入你的3D工具链其他系列工具：NSDT简石数字孪生三维坐标系本节课的目的就是为了加强大家对threejs三维空间的认识。
ygtu2018·2023-06-16 17:33

【Unity3D】Unity使用自己生成的DLL文件

目录生成DLL文件创建DLL类库工程生成DLL文件Unity使用DLL文件打版WebGL生成DLL文件创建DLL类库工程测试的时候，如果有多个class，可以写到一个文件中；多个文件的没有测试生成DLL
zhchyun2008·2023-06-16 16:44

【Unity3D】Debugging WebGL builds（nginx版）

目录DebuggingandtroubleshootingWebGLbuildsThebrowser’sJavaScriptconsolewindownginx【官网地址】：https://docs.unity3d.com
zhchyun2008·2023-06-16 16:14

WebGL的一些Bug

setting1")at_JS_WebRequest_Create(...)类似这样的问题解决方案1：可能是BestHTTP插件导致的，打开BestHttp插件目录，找到BestHTTP/Plugins/WebGL
Future_404·2023-06-16 13:43

Vue中如何进行3D场景展示与交互（如Three.js）

Vue中如何进行3D场景展示与交互（如Three.js）随着WebGL技术的发展，越来越多的网站开始使用3D场景来展示产品、游戏等内容。
硬件人某某某·2023-06-16 13:29

vue-cli中使用threejs, 并实现OrbitControls鼠标控制效果

主要是接上一篇在vue-cli中使用threejs，并实现鼠标控制移动，以及点击交互效果基于在vue-cli中使用threejs，并实现鼠标控制移动，以及点击交互效果这篇的代码结构，添加如下代码vue-cli
风筝啊·2023-06-16 04:40

WebGL入门(六)-通过坐标计算实现图形的平移、旋转和缩放变换

通过坐标计算实现图形的平移、旋转和缩放变换1.图形的平移1.1平移效果说明1.2平移原理说明1.3平移图形的实现步骤1.3.1在顶点着色器中声明存放平移信息的uniform变量u_Translation1.3.2获取顶点着色器uniform变量u_Translation的存储地址1.3.3向顶点着色器uniform变量u_Translation写入平移信息数据1.4平移图形的demo代码2.图形的
点燃火柴·2023-06-15 22:49

【Three.js】第十二章 Materials 材质

编写着色器是WebGL和Three.js最具挑战性的部分之一，但不要担心；Three.js有许多带有预制着色器的内置材质。我们将在以后的课程中探索如何创建我们自己的着色器。
顽皮宝·2023-06-15 16:01

Three.js教程：光源对物体表面影响

推荐：将NSDT场景编辑器加入你的3D工具链其他系列工具：NSDT简石数字孪生光源对物体表面影响实际生活中物体表面的明暗效果是会受到光照的影响，threejs中同样也要模拟光照Light对网格模型Mesh
ygtu2018·2023-06-15 11:19

烟雾调节器

先看效果：烟雾调节展示再看代码：可调节的烟雾特效*{margin:0;padding:0;}html,body{overflow:hidden;}.webgl{position:fixed;top:0;
timi先生·2023-06-15 04:44

ThreeJS教程：山脉地形高度可视化

推荐：将NSDT场景编辑器加入你的3D工具链3D工具集：NSDT简石数字孪生山脉地形高度可视化一个山脉地形的高度可视化，具体说就是地形不同的高度设置不同的颜色值。有多种方式，下面就举一个设置顶点颜色.attributes.color的例子本节课算是一个练习题，用到的知识点前面几节都将讲解过，所以视频主要把思路给大家说一遍，然后大家根据课程课程思路自己手写一遍。1.山脉几何体y坐标范围loader.
yevtte2023·2023-06-15 02:23

ThreeJS教程：CSS3批量标注多个标签

推荐：将NSDT场景编辑器加入你的3D工具链3D工具集：NSDT简石数字孪生CSS3批量标注多个标签下面下工厂为例，使用CSS3DRenderer批量渲染多个HTML元素标签。CSS3渲染器基本代码CSS3渲染器代码和上节课内容一样设置即可。//引入CSS3渲染器CSS3DRendererimport{CSS3DRenderer}from'three/addons/renderers/CSS3DR
yevtte2023·2023-06-15 02:53

ThreeJS教程：地图案例(包围盒、正投影)

推荐：将NSDT场景编辑器加入你的3D工具链3D工具集：NSDT简石数字孪生地图案例(包围盒、正投影)地图案例(包围盒、正投影)地图案例会涉及到几何体、包围盒、正投影相机三方面知识点。平面填充几何体ShapeGeometry包围盒Box3正投影相机OrthographicCameraShapeGeometry渲染河南省地图轮廓constdata=[//河南边界轮廓边界经纬度坐标[110.3906,
yevtte2023·2023-06-15 02:53

Hightopo 使用心得（1）- 基本概念

HTforWeb，通常简称为HT，这是一个基于JavaScript开发的WebGL引擎。可用于2D/
CodingInProgress·2023-06-14 23:35

WebGL着色器渲染小游戏实战

项目起因经过对GLSL的了解，以及shadertoy上各种项目的洗礼，现在开发简单交互图形应该不是一个怎么困难的问题了。下面开始来对一些已有业务逻辑的项目做GLSL渲染器替换开发。起因是看到某些小游戏广告，感觉机制有趣，实现起来应该也不会很复杂，就尝试自己开发一个。https://upload-images.jianshu.io/upload_images/20436965-31ef047a085
凹凸实验室·2023-06-14 19:15

图扑智慧充电桩可视化运营平台｜新能源数字化

而图扑软件基于WebGL自主研发的HTforWeb产品，也曾为众多数字孪生项目提供技术服务。本文我们将展示应用HT产品搭建的轻量化新能源充电桩三
·2023-06-14 14:19

HTML5智慧化工数字孪生WebGL三维可视化系统

前言作为全球化学品第一生产大国，我国危险化学品规模总量大、涉及品种多、应用范围广、管理链条长、安全风险高，历来是防范化解重大安全风险的重点领域。危险化学品领域频繁发生的典型事故，暴露出传统安全风险管控手段问题突出。建设背景石油石化行业是国家重要的支柱行业，具有生产规模大，生产线长，数据模型大，物料危险性高等特点。特殊的作业环境、偏远的厂区位置，使得工作人员作业值守难度大、成本高、效率低。随着5G、
·2023-06-14 10:25

现有Unity转微信小游戏

关于微信小游戏开发的内容在《UnityWebGL微信小游戏适配方案》中有详细，这里会忽略大部分更深入的细节，大家可以自行在下面的地址中找到答案。
小盖子·2023-06-14 07:28

ThreeJS 炫酷特效旋转多面体Web页 Demo 01《ThreeJS 炫酷特效制作》

本案例为一个threejs的特效网页，大小球体进行包裹，外球体为透明材质，但是进行了线框渲染，使其能够通过外球踢查看其内球体。
1_bit·2023-06-13 17:16

GIS融合之路（三）CesiumJS和ThreeJS相机同步

我们终于实现了双向的相机同步。完成了这些，GIS系统算是正式可以在山海鲸中使用了。而且后面的章节我们会提到，山海鲸开放了整合CesiumJS的接口，因此只需要开启反向相机同步，即可无缝的将之前的CesiumJS代码迁移过来了。
山海鲸可视化·2023-06-13 17:00

TS及webgl学习之路1。

123456TypeScriptHTMLApp789101112.showWindow{13width:400px;14height:400px;15background-color:silver;16}171819202122HTML部分，主要引入了逻辑代码块的TS代码及现成的矩阵JS库还有自己写的TS的JS声明文件d.ts1classGreeter{2element:HTMLElement;3
weixin_30827565·2023-06-13 14:48

WebGPU NDC 标准设备坐标系

webgl的ndc大家已经很熟悉了是一个位于中心点（0,0,0）xyz为2x2x2的左手坐标系空间，webgl程序中矩阵变换的目的，就是把想看的物体都变换到这个坐标系下。
Webglzhang·2023-06-13 14:48

WebGPU你让我等的好辛苦啊

它旨在解决现有Web图形API（如WebGL）的一些限制和性能瓶颈，并提供更
MFineToo·2023-06-13 14:17

webgl-矩阵、旋转、平移、缩放 glMatrix组件

引入新组建glMatrixglMatrix.js/*!@fileoverviewgl-matrix-Highperformancematrixandvectoroperations@authorBrandonJones@[email protected](c)2015-2021,BrandonJones,ColinMacKenzieIV.Per
不穿铠甲的穿山甲·2023-06-13 14:17

Unity导出WebGL工程，并部署本地web服务器

WebGL打包设置修改在BuildSettings->PlayerSettings->OtherSettings->Rendering将ColorSpace设置为Gamma将LightmapEncoding
五仁烧饼·2023-06-13 05:41

PixiJS 源码解读：绘制矩形，底层都做了什么？

它的底层是WebGL。用PixiJS绘制一个矩形，代码实现为：constapp=newPIXI.Application({width:500,height:300
前端西瓜哥·2023-06-13 00:25

一起学 WebGL：绘制图片

之前讲解了如何用WebGL绘制红色三角形，今天西瓜哥带大家来学习如何将图片绘制到画布上的技术：纹理映射（texturemapping）。
前端西瓜哥·2023-06-13 00:24

关于threejs 着色器代码（二）#if 0 > 0 意义和用途

image.png今天在学习threejs片元着色器代码的时候忽然遇到上面这行代码，一开始很懵逼，写过代码的都知道'0>0'这个明显没有任何意义，那为啥threejs这么牛逼的三维库会这样写呢，然后我就去找群友问
aibinMr·2023-06-12 21:55

百度地图绘制地区的棱柱效果-定位-自定义点-文本标记-信息弹窗

文章目录百度地图webgl使用自定义地图样式地区镂面棱柱效果绘制点信息以及信息弹窗百度地图webgl使用在项目的index.html中引入注意，百度webgl的引入和百度地图的引入的链接是不一样的，这里的
DCodes·2023-06-11 22:54

angular8+threejs 如何架构项目+分离模型+模型动画调用+动画暂停/继续

原因：threejs在运用的时候因为是没有html全都是js，所以我想把每个模型都分成不同的service来处理，而且事件也分离到自己的service里面附加模型下载地址：传送门结构事例（有点乱没整理求不要骂
候鸟_ywh·2023-06-11 21:10

unity发布webGL后无法预览解决

众所周知，unity发布成webgl后是无法直接预览的。因为一般来说浏览器默认都是禁止webgl运行的。直接说我最后的解决方法：去vscode里下载一个liveserver,安装好。
紫龙大侠·2023-06-11 16:06

Cefsharp-Winform114.2.100(5735)最新版本体验

版本说明：官方仓库最新版本体验，114.2.100（分支5735）,支持MP3,WEBGL，不支持H264视频体验H264参阅109版本（CSDN中搜索）Cefsharp109.1.110（winfrom
久爱物联网·2023-06-11 02:09

TypeScript的深度应用及实践总结

1背景从目前JavaScript的发展和应用趋势来看，它的发展异常迅速，我们可以用它进行web开发、移动应用开发、桌面软件开发、后端开发，以及未来成为趋势的VR、WebGL及物联网的应用开发等，它的标准从
Thomas赵骐·2023-06-10 22:26

Three.js教程：对象克隆、复制

推荐：将NSDT场景编辑器加入你的3D工具链其他系列工具：NSDT简石数字孪生对象克隆.clone()和复制.copy()Threejs大多数对象都有克隆.clone()和复制.copy()两个方法,点模型
ygtu2018·2023-06-10 21:00

Three.js使用指南（入门版）

安装你可以从官方网站（https://threejs.org）下载最新版本的Three.js，或者使用npm安装：npmi
西装暴徒_12138·2023-06-10 04:00

【threejs初级】初级demo&案例

前置知识：vue2+threejsVue里使用three.js实现3D模型小案例:非常基础的无贴图旋转立方体，有完整代码前置知识：vue3+ts+threejsvue3.0+ts+threejs实现简单的
Lana学习中·2023-06-09 23:45

Threejs开发3D展馆 | 大帅老猿threejs特训

本文将介绍如果使用Threejs开发制作一个3D展馆，效果如图：首先，我们需要一个展馆模型。我是通过Blender做出来的，在Blender中将模型导出为glb格式。
sam_20801·2023-06-09 19:45

Three.js教程：常见光源类型

推荐：将NSDT场景编辑器加入你的3D工具链其他系列工具：NSDT简石数字孪生常见光源类型Threejs虚拟光源是对自然界光照的模拟，threejs搭建虚拟场景的时候，为了更好的渲染场景，往往需要设置不同的光源
·2023-06-09 14:17

Unity AssetBundle包--打包、加载、卸载过程及用例

2.场景打包到各个平台（AndoridiOSUWPWebGL)-代码实现。3.场景中部分游戏对象打包。4.自动化打包--编辑器开发。结论二：
Gyp郭小帅·2023-06-08 20:35

ThreeJs学习笔记——渲染(render)分析

一、前言ThreeJs封装了WebGL进行渲染时所涉及到的相关概念，如光照，材质，纹理以及相机等。除此之外，其还抽象了场景(Scene)以及用于渲染的渲染器(WebGLRenderer)。
仰简·2023-06-08 17:59
上一页 32 33 34 35 36 37 38 39 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他