【WebGL】Three.js 第11页

LightningChart JS 5.0Crack

LightningChartJS5.0CrackLightningChartJSisaWebGL-based,GPUacceleratedandcross-platformchartinglibrarythathasbeendevelopedtodeliveroutstandingperformanceforthemostdemandingdata-drivenapplications.Perfo

SEO-狼术·2023-12-20 10:44

鸿蒙4.0核心技术-WebGL开发

场景介绍WebGL主要帮助开发者在前端开发中完成图形图像的相关处理，比如绘制彩色图形等。接口说明表1WebGL主要接口列表接口名描述canvas.getContext获取canvas对象上下文。

Android每日一讲·2023-12-20 10:44

Vue3使用Three.js导入gltf模型并解决模型为黑色的问题

Three.js可以让我们在网页上创建交互式的3D图形和动画。它是一个强大的JavaScript库，可以帮助我们轻松地在浏览器中实现复杂的3D效果，而无需深入了解底层的We

Heartsuit·2023-12-20 05:00

四章-41-使用WebGL渲染海量矢量要素

源码见1041.html，对应的官网示例https://openlayers.org/en/latest/examples/webgl-points-layer.html?

彩云飘过·2023-12-19 14:14

D3.js

threejs主要应用与基于webGL的3D场景，而D3.js确主要应用与2D场景。它们一起形成了一种互补关系。简而言之D3JS就是一个数据可视化的库。那什么是数据可视化呢？

强某某·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

Three中几何体姿态变换

在three.js中创建出来的几何体都是平行于坐标轴的，有时候我们在项目中需要对几何体的姿态进行一定的变化，举个例子，我们给地球添加一个地点标注的时候，所创建的地点标注应该是和地球相切的，而不是平行于坐标轴

忽而秃头·2023-12-18 07:50

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

一般的WebGL或OpenGL开发框架都会将摄像机的投影矩阵传入Shade

loveoobaby·2023-12-18 05:24

three.js（二）

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

踏过山河，踏过海·2023-12-17 17:47

three.js(一)

文章目录three.js环境搭建正文补充示例==效果==知识点补充1:一个标准的html知识点补充2:原生的前端框架和Vue框架的区别原生的前端框架Vue框架声明式编程和响应式编程three.js环境搭建正文搭建

踏过山河，踏过海·2023-12-17 17:15

three.js加载OBJ模型

南方姑娘-qing·2023-12-17 10:50

three.js聚光源SpotLight例子

效果：说明：这里创建了SphereGeometry球缓冲几何体，使用的材质是兰伯特网格材质MeshLambertMaterial，并对球缓冲几何体使用了纹理贴图效果，添加了聚光源，全部代码如下：//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";imp

汉武大帝··2023-12-17 04:38

three.js实现管道漫游

先看效果：https://live.csdn.net/v/345285虫洞风格管道风格开始漫游结束漫游importDrawerfrom"@/components/Drawer.vue";//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";import{

汉武大帝··2023-12-17 04:38

three.js模拟太阳系

地球的旋转轨迹目前设置为了圆形，效果：//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";import{GLTFLoader}from"three/examples/jsm/loaders/GLTFLoader.js";exportdefault{da

汉武大帝··2023-12-17 04:32

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

【超图】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

Three.js中文网14入门案例

Three.js中文网import*asTHREEfrom'three';import{OrbitControls}from'three/addons/controls/OrbitControls.js

夏暖冬凉·2023-12-15 17:49

Three.js中文网1-12入门案例

Three.js中文网import*asTHREEfrom'three';import{OrbitControls}from'three/addons/controls/OrbitControls.js

夏暖冬凉·2023-12-15 17:41

Threejs之相机基础

包围盒、正投影)相机动画(.position和.lookAt())不同方向的投影视图旋转渲染结果(.up相机上方向)管道漫游案例OrbitControls旋转缩放限制相机控件MapControls代码实现Three.js

开心就是最好·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

一行代码解决Three.js中只能在一侧看到物体的问题

项目场景：因为该项目比较复杂庞大，在此就简单介绍一下：通过Three.js创建若干个物体进行了组装，从而形成了一个类似眼球模拟模型的项目，用户可以通过拖动鼠标来达到控制视角（摄像机）的目的，以此来观察整个眼球状态

hiddenSharp429·2023-12-15 06:12

three.js 入门三：buffergeometry贴图属性（position、index和uvs）

环境：three.js0.159.0一、基础知识geometry：决定物体的几何形状、轮廓；material：决定物体呈现的色彩、光影特性、贴图皮肤；mesh：场景中的物体，由geometry和materia组成；texture：贴图，用于将一个jpg等格式的图片贴到material上面（当然，material也可以不贴texture）；另外，如果material上是定义的color，那么说明，物

jackletter·2023-12-15 05:30

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方式

之前已经讲过了用vue结合three.js进行开发那么自然是少不了react我们还是先创建一个文件夹终端执行npminitvite@latest输入一下项目名称然后技术选择react也不太清楚大家的基础那就选择最简单的

跟耿瑞卷出一片天·2023-12-14 19:51

如何将从GitHub上弄下来的Three.js本地官网设为中文

我们辛辛苦苦从git上面弄下来的Three.js本地文档启动之后会发现好家伙这鬼东西是个英文的我们可以找到根目录下的docs下的index.html然后全局搜索language变量声明的地方letlanguage

跟耿瑞卷出一片天·2023-12-14 19:34

3D Font

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

mayzhengxi·2023-12-14 13:08

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

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

孜孜孜孜不倦·2023-12-06 09:58

Three.js修改模型中心点

需求中需要修改模型的中心点到其他位置，用于实现一些模型的对齐。本文使用三种方式实现修改模型的中心点：一、通过为模型添加父物体，再移动模型的相对位置，之后的位移旋转等通过父物体来操作。这个方法相对简单，但一方面不是“真正”地修改模型中心点，也会给模型的管理增加难度。二、通过移动模型的顶点实现修改中心点位置这个方法通过矩阵将模型所有顶点的位置全部修改了，同理，需要整体缩放模型顶点位置、角度，都可以通过

ShawnWeasley·2023-12-06 05:48

Three.js中OutlinePass与后处理冲突问题

需求是鼠标滑过物体的时候物体显示为描边选中状态方案一：OutlinePass首先尝试了官方的OutlinePass来添加外边框选中功能这是没加OutlinePass的效果：这是使用OutlinePass后的，描边是可以了，但是锯齿严重，且模型发黑：深入调研了一下发现是OutlinePass与renderer.outputEncoding=THREE.sRGBEncoding冲突，不支持sRGBEn

ShawnWeasley·2023-12-06 05:48

Three.js设置透明背景

首先我的html结构如下：DemoThree.js设置透明背景步骤如下：1.为body添加背景图body{margin:0;overflow:hidden;background-image:url('../static/53d69d934eb64.jpg');background-size:cover;background-repeat:repeat;background-position:cen

ShawnWeasley·2023-12-06 05:48

three.js中绘制RingGeometry不显示

在项目中想要实现圆弧绕立方体旋转的效果结果绘制出来的圆弧不显示多次调整位置圆弧终于显示出来了但只有一个角度能观察到这个角度可以看到换个角度又不行了查看了官方文档发现原来是少了个配置项side:THREE.DoubleSideconstringMaterial=newTHREE.MeshBasicMaterial({color:0xffffff,side:THREE.DoubleSide})加上之后

paradoxaaa_·2023-12-05 15:24

推荐频道

【WebGL】Three.js

LightningChart JS 5.0Crack

鸿蒙4.0核心技术-WebGL开发

Vue3使用Three.js导入gltf模型并解决模型为黑色的问题

四章-41-使用WebGL渲染海量矢量要素

D3.js

WebGL 2D入门篇（画矩形）

Three中几何体姿态变换

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

three.js（二）

three.js(一)

three.js加载OBJ模型

three.js聚光源SpotLight例子

three.js实现管道漫游

three.js模拟太阳系

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

webGL开发智慧城市流程

webGL开发智慧交通项目

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

数字孪生项目的开发平台

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

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

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

SuperMap WebGL拖拽式画圆和画矩形

Three.js中文网14入门案例

Three.js中文网1-12入门案例

Threejs之相机基础

canvas 和 webgl 的区别

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

js也能写3D游戏？

什么是云流化？

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

一行代码解决Three.js中只能在一侧看到物体的问题

three.js 入门三：buffergeometry贴图属性（position、index和uvs）

unity中：搭建在线AR应用

Unity WebGL 常见问题总结

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

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

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

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

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

Unity webgl读取streamingAssetsPath文件夹txt

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

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

如何将从GitHub上弄下来的Three.js本地官网设为中文

3D Font

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

Three.js修改模型中心点

Three.js中OutlinePass与后处理冲突问题

Three.js设置透明背景

three.js中绘制RingGeometry不显示

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