threejs(webgl)

Threejs漫天多彩粒子天空--粒子系统打造

一、导语漫天多彩粒子天空特效应该也是Threejs项目中挺常见的一个需求，因为它是基于粒子系统，可以衍生出许多的不一样的方案，比如，星空特效，下雨特效，飘雪特效等等，不仅可以用在项目中增加氛围，有时候可以结合
慕容一刀@·2023-12-19 11:41

Threejs利用着色器编写动态飞线特效

一、导语动态飞线特效是可视化数据地图中常见的需求之一，鼠标点击的区块作为终点，从其他区块飞线至点击区块，附带颜色变换或者结合粒子动画二、分析利用创建3点来构成贝塞尔曲线，形成线段利用着色器材质来按照线段以及时间点变化来变化线段的颜色形成动画三、上基础代码//贝塞尔曲线constcurve=newTHREE.QuadraticBezierCurve3(source,center,target)//创
慕容一刀@·2023-12-19 11:09

D3.js

D3.js为什么学习D3D3.js和threejs的应用场景完全不一样。threejs主要应用与基于webGL的3D场景，而D3.js确主要应用与2D场景。它们一起形成了一种互补关系。
强某某·2023-12-19 08:12

WebGL 2D入门篇（画矩形）

functioninit(){//获取元素varcanvas=document.getElementById('canvas');//获取二维图形的绘图上下文varcontext=canvas.getContext('2d');//绘制蓝色矩形context.fillStyle='rgba(0,0,255,1)';//设置填充颜色为蓝色context.fillRect(50,20,200,200)
WebGiser·2023-12-19 02:24

【OpenGL/WebGL】Shader中如何获取摄像机视口的宽高

一般的WebGL或OpenGL开发框架都会将摄像机的投影矩阵传入Shade
loveoobaby·2023-12-18 05:24

threejs加载IFCLoader

项目场景：提示：使用react-cli集成threejs库使用IFCLoader加载模型是遇到的问题问题描述提示：react-cli/vue-cli项目使用threejs中的IFCLoader错误信息描述解决方案
stpzhf·2023-12-18 00:03

three.js（二）

three.js（二）参考前言正文简单开始(不使用任何框架)补充粗略带过(使用Vue框架)细致讲解(比如我使用react框架)App.jsx的进阶版项目打包补充打包遇到的问题:原因:解决办法:参考https://threejs.org
踏过山河，踏过海·2023-12-17 17:47

three.js(一)

mkdirmy-threejs-projectcdmy-th
踏过山河，踏过海·2023-12-17 17:15

Unity发布WebGL测试界面处理方式参考

如果使用Unity发布WebGL经常会和网页进行交互，为了能够做到界面统一，往往所有UI都是在页面上开发的，Unity本身不做任何UI或者只做三维UI，但是在开发过程中，为了测试接口，难免要在Unity
ttod_qzstudio·2023-12-17 04:38

webGL开发智慧城市流程

开发智慧城市的WebGL应用程序涉及多个方面，包括城市模型、实时数据集成、用户界面设计等。以下是一个一般性的流程，您可以根据项目的具体需求进行调整，希望对大家有所帮助。
defdsdddev·2023-12-17 03:01

webGL开发智慧交通项目

开发智慧交通项目涉及到多个方面，包括实时通信、用户界面设计、地理信息系统（GIS）整合等。以下是一个一般性的流程，您可以根据项目的具体需求进行调整，希望对大家有所帮助。北京木奇移动技术有限公司，专业的软件外包开发公司，欢迎交流合作。需求分析：定义项目的目标，明确希望实现的智慧交流项目的功能和特性。考虑用户的需求，例如实时信息传递、位置共享、事件通知等。选择通信技术：选择适合项目需求的通信技术。对于
defdsdddev·2023-12-17 03:01

webGL开发数字孪生项目的流程

WebGL（WebGraphicsLibrary）是一种用于在Web浏览器中进行高性能图形渲染的JavaScriptAPI。
defdsdddev·2023-12-17 03:30

数字孪生项目的开发平台

WEBGL开发数字孪生项目的流程涵盖了需求分析、场景搭建、模型创建、数据接入、动画与交互、性能优化、测试与部署以及维护与升级等方面。
defdsdddev·2023-12-17 03:58

cesium 自定义贴图，shadertoy移植教程。

它提供了一个图形化的编辑器，可以让用户编写基于WebGL的GLSL着色器代码，并实时预览渲染结果。ShaderToy支持多种渲染效果，包括2D和3D图形、粒子系统、动画等。
gis_rc·2023-12-17 00:46

three.js纹理贴图不清晰，颜色失真

一.贴图不清晰给渲染器加一些配置选项：//初始化渲染器letrenderer=newTHREE.WebGLRenderer({antialias:true,//抗锯齿//alpha:true})renderer.setPixelRatio
拾荒旧痕·2023-12-17 00:15

threejs 你是我心中最亮的星

threejs你是我心中最亮的星研究threejs，随便搞了个demo，稍微改了改默认代码就变成下面这样了。效果图如下：用到了一个素材，更像是陨石或者星星。中间有个小太阳，隐隐约约泛着洁白的光晕。
xyccstudio·2023-12-16 17:38

threejs 多屏互动效果，居然还能这么玩

threejs多屏互动效果看别人做了多屏互动的效果，觉得还挺有意思的，也顺便自己动手操作一下试试。先来张效果图：项目地址参考地址项目基于vue+threejs。
xyccstudio·2023-12-16 17:08

mars3d中bookmark视⻆书签，⽣成包含threejs加载模型的图⽚

问题:expImage示例⽣成书签视⻆图⽚时：1.如果地图中有threejs加载的模型，⽣成视⻆书签后，⽣成的图⽚中没有模型效果图如下：期望效果:地图上three加载模型时，⽣成视⻆书签时，视⻆图⽚中也有模型显示解决
mianmian0103·2023-12-16 03:33

【超图】SuperMap iClient3D for WebGL/WebGPU —— 单体gltf模型与Blender中的方向对应关系

作者：taco在很多包含动画的场景中，像模拟小人的行走、模拟火车的轨迹运行，又或者是模拟风力发电等等等。我们通常会加一些动画模型到里面。而有的时候可能会出现，这火车怎么倒着走啊！这人怎么头朝下啊。这种方向的问题。在多年的支持过程中，发现其实制作动画模型最简单\最方便的制作方式是使用Blender工具进行制作。gltf有很多开源的工具可以将max制作的转换为这种格式。但是额外的要安装各种插件。插件有
老孟爱吃Taco·2023-12-16 02:40

SuperMap WebGL拖拽式画圆和画矩形

三维开发中，有时候需要用到鼠标拖拽的方式去绘制圆形和矩形，甚至可以在绘制的时候实时显示绘制图形的面积或者周长等几何信息。那么话不多说，先看效果：动图我们可以看到绘制显示是根据鼠标实时生成的，主要的代码为控制鼠标事件//鼠标左键handler.setInputAction(function(event){if(Cesium.defined(earthPosition)){if(activeShape
THEDEAMON·2023-12-15 19:04

创建一个有阴影的threejs三维几何体

import*asTHREEfrom"three"import{OrbitControls}from'three/examples/jsm/controls/OrbitControls'constwidth=window.innerWidth;constheight=window.innerHeight;//创建场景constscene=newTHREE.Scene();scene.backgro
奚大野...·2023-12-15 17:08

Threejs之相机基础

参考资料正投影相机…相机控件MapControls知识点注：基于Three.jsv0.155.0正投影相机正投影相机-Canvas尺寸变化包围盒Box3地图案例(包围盒、正投影)相机动画(.position和.lookAt())不同方向的投影视图旋转渲染结果(.up相机上方向)管道漫游案例OrbitControls旋转缩放限制相机控件MapControls代码实现Three.js{"imports
开心就是最好·2023-12-15 11:43

canvas 和 webgl 的区别

Canvas和WebGL都是用于在Web浏览器中绘制图形和动画的技术，但它们在实现和功能上有一些区别：渲染方式：Canvas：Canvas使用2D渲染上下文（2Dcontext）来绘制图形和图像。
weixin_43962020·2023-12-15 10:43

【超图】SuperMap iClient3D for WebGL/WebGPU ——暴雪

基于SuperMapiClient3DforWebGL/WebGPU实现暴雪仿真效果。先来看下效果暴雪1.修改天空盒子看看北京这天气，雾霾霾的。
老孟爱吃Taco·2023-12-15 09:36

js也能写3D游戏？

先要上这个网站https://threejs.org，然后下载它的three.js源码放到一个目录，比如js。
Peppa_6dad·2023-12-15 08:45

什么是云流化？

现有基于WebGL和HTML5技术的传统解决方案中，存在展示效果完全依赖用户的终端设备性能的问题。为了突破这些技术的局限性，云流化
点量实时云渲染·2023-12-15 06:55

今天我们来谈谈【像素流送】到底是什么？！

现有基于WebGL或HTML5技术的解决方案存在一些弊端，其内容显示的逼真度和交互体验取决于用户的终端性能，这就要求用户必须使用高配置的设备才能获得高质量的体验，无疑增加了用户成本投入，这是非常不利于产品分享和体验的
点量实时云渲染·2023-12-15 06:55

threejs ShapeGeometry 自定义贴图的uv坐标

问题描述：由于一些原因，要绘制一个长方形，但是这个长方形并不是PlaneGeometry，而是一个ShapeGeometry。但是同样的贴图，同样的形状，贴图贴在PlaneGeometry上时可以正常显示，但是贴在ShapeGeometry中却不可以正常显示。所以判断是贴图uv坐标问题。问题排查：PlaneGeometry默认顶点坐标和uv坐标对应关系如下，其中点1，2，3，4为geometry的
qq_37200686·2023-12-15 05:57

unity中：搭建在线AR应用

使用ImagineWebAR-ImageTracker插件部署WebGL应用在使用ImagineWebAR-ImageTracker插件进行WebGL应用开发时，有两个关键知识点需要掌握：1.部署到支持
Dawn·张·2023-12-14 21:06

Unity WebGL 常见问题总结

转载至：https://www.it610.com/article/1295062035498868736.htm1.webgl不显示字体开始导出来发现一些字不显示，还以为分辨率压缩Text文本导致字不显示
VirtualCreator·2023-12-14 21:00

Unity打包浏览器端网页HTML（WebGL）以及部署到Tomcat浏览器访问报错问题解决

Unity默认打包是PC端客户端程序，想要打包浏览器可以访问的WebGL网页，需要修改一些配置。我使用的Unity版本是2021.3.24f1。
-道不虚行只在人-·2023-12-14 21:29

Unity打包WebGL的全过程及在打包和使用过程中会遇到的问题(本地测试)

目录概要Unity打包WebGLPlayerSettings设置ResolutionandPresentationOtherSettingsPublishingSettings本地服务器测试环境配置问题盘点概要盘点
我是秦始皇 v50看实力·2023-12-14 21:29

Unity3d 2020版本发布WebGL报错Uncaught SyntaxError: Invalid or unexpected token 和unityFramework is not...修正

问题描述如题的问题是在Windows项目发布WebGL时遇到的，Unity3d的版本是2020.3.12f1c1，部署平台是IIS，运行浏览器是Chrome。
十幺卜入·2023-12-14 21:22

Unity WebGL项目打包后本地打开报错问题解决方法

在Unity打包WebGL项目后，本地打开html页面出现错误提示。
古明地蓝·2023-12-14 21:52

[Unity] IL2CPP WebGL 出现错误信息 FS.syncfs

loader.js:1warning:2FS.syncfsoperationsinflightatonce,probablyjustdoingextrawork在Google浏览器中运行WebGL出现的错误是因为写了加载和反序列化本地
虐码锅锅·2023-12-14 21:19

Unity webgl读取streamingAssetsPath文件夹txt

usingSystem.Collections;usingSystem.Collections.Generic;usingUnityEngine;usingUnityEngine.Networking;usingUnityEngine.Events;usingSystem.IO;publicstaticclassStreamingAssetPathConfigReader{//////读取Stre
奇大可·2023-12-14 21:18

Unity打包到Webgl平台以及遇到的问题

Unity打包到Webgl平台以及遇到的问题参考网站Unity打包WebGL的全过程及在打包和使用过程中会遇到的问题(本地测试)-CSDN博客unity打包到Webgl并配置能正常运行这里我用的是Unity2022.3.3f1c1
unity_http·2023-12-14 21:42

WEB 3D技术 简述React Hook/Class 组件中使用three.js方式

npminitvite@latest输入一下项目名称然后技术选择react也不太清楚大家的基础那就选择最简单的js然后我们就创建完成了然后我们用编辑器打开创建好的项目目录然后在终端执行npminstallthree引入threeJS
跟 耿瑞 卷出一片天·2023-12-14 19:51

3D Font

特点:*真实3D字母，可用作游戏对象*移动友好低聚*VR兼容*WebGL兼容*30种以上不同字体*材料和颜色可定制WebGL演示https://indiechest.itch.io/3d-font-engine
mayzhengxi·2023-12-14 13:08

vue2 引用3D模型

一、首先安装对应的插件（前往查看model-viewer）#installpeerdependencyThreeJSnpminstallthree#installpackagenpminstall@google
Frontend-Arway·2023-12-06 18:45

5.2k Star！一个可视化全球实时天气开源项目！

主要功能全球天气可视化：利用WebGL技术，提供了一个逼真的全球地图，显示实时的天气情况。你可以轻松地查看地图上不同地区的气象数据，如温度、风速、降雨量等等。它使用户能够更直观地
孜孜孜孜不倦·2023-12-06 09:58

VUE2+THREE.JS 销毁，防止越来越卡顿

beforeDestroy(){this.resetScene();},deactivated(){this.resetScene();},//销毁场景等信息resetScene(){this.isShowWebgl
月下脆竹書閣·2023-12-05 05:49

webGL开发虚拟实验室技术方案

1.WebGL框架：选择适用于虚拟实验室开发的WebGL框架，例如Three.js或Babylon.js。这些框架提供了强大的图形渲染和用户交互功能。2.3D模型和纹理：收集或创建虚拟实验室
defdsdddev·2023-12-05 02:46

webGL开发VR和AR应用

开发WebVR（虚拟现实）和WebAR（增强现实）应用需要使用WebXR技术，结合WebGL以实现高质量的图形渲染。以下是开发这类应用的一般技术方案，希望对大家有所帮助。
defdsdddev·2023-12-05 02:46

WebGL开发数据可视化应用

WebGL是一种强大的图形渲染技术，用于在浏览器中创建高性能的交互式数据可视化应用。以下是开发这类应用的一般技术方案，希望对大家有所帮助。
defdsdddev·2023-12-05 02:46

SuperMap iClient3D for WebGL教程（Entity）-EllipseGraphics

EllipseGraphics，顾名思义就是椭圆的实体对象，我们首先通过下面的图1来看下EllipseGraphics具有哪些参数，图1EllipseGraphics参数1.semiMajorAxis:椭圆长半轴；2.semiMinorAxis:椭圆短半轴，其值应不大于semiMajorAxis，长短半轴相等即为圆；3.height:椭圆相对于地球椭球面的高度；4.extrudedHeight:t
ayiyayiyo·2023-12-05 01:15

Vue3集成ThreeJS实现3D效果，threejs+Vite+Vue3+TypeScript 实战课程【一篇文章精通系列】

Vue3集成ThreeJS实现3D效果，threejs+Vite+Vue3+TypeScript实战课程【一篇文章精通系列】项目简介一、项目初始化1、添加一些依赖项二、创建3D【基础搭建】1、绘制板子，
程序员小杰#·2023-12-04 17:26

Threejs 汽车模型的展示和选配(vue3)

继续跟着b站@老陈打码一起学习threejsgltf文件下载https://pan.baidu.com/s/15PHhoj3qmNiDhiAu9S7b0A提取码:66661.搭建项目使用vue脚手架搭建项目
Web阿成·2023-12-04 16:37

WebGL笔记：矩阵缩放的数学原理和实现

矩阵缩放的数学原理和平移一样，以同样的原理，也可以理解缩放矩阵让向量OA基于原点进行缩放x方向上缩放：sxy方向上缩放：syz方向上缩放：sz最终得到向量OB矩阵缩放的应用比如我要让顶点在x轴向缩放2，y轴向缩放3，轴向缩放41）顶点着色器的核心代码attributevec4a_Position;//列主序mat4m4=mat4(2.0,0.0,0.0,0.0,0.0,3.0,0.0,0.0,0.
Wang's Blog·2023-12-04 16:36

ThreeJs样例 webgl_shadow_contact 分析

webgl_shadow_contact官方样例中，对阴影的渲染比较特殊，很值得借鉴，学习渲染阴影的思路；这个例子中对阴影的渲染，并没有使用任何光源，没有用shadowmap的常规方式渲染阴影；而是使用了深度材质
从杰·2023-12-04 16:36
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他