threejs(webgl)

webgl绘制三角形

index.htmlwebgl绘制三角形body{margin:0;}canvas{border:1pxsolid#999;}index.js//顶点着色器程序varVSHADER_SOURCE=`attributevec4a_Position
antlove·2024-01-17 05:53

十四、Three场景物体增加描边

本次使用的是threejs138版本，在vue3+vite+ant的项目中使用。下面来看看实现的效果。房子建筑有了明显的描边效果。
arguments_zd·2024-01-17 01:41

十五、CSS3DObject和CSS2DObject的区别

Threejs版本：0.138.3下面看实现的效果：相似点使用方法都是差不多的，下面讲解下css2dobject的使用方法在index.html增加一个用于包含这些标签的div
arguments_zd·2024-01-17 01:41

十三、Three场景物体增加发光特效

本次使用的是threejs138版本，在vue3+vite+ant的项目中使用。下面来看看实现的效果。绿色罐体有了明显的发光效果。
arguments_zd·2024-01-17 01:10

NevMesh.Js你可以在Laya引擎中直接使用的AI寻路

是在ThreeJs的PatrolJS基础上，针对Laya引擎做了改造，本教程将会带大家简单了解和使用NevMesh.Js使用。
废柴小z·2024-01-16 19:54

推荐：vue-3d-loader支持.dae/.fbx/.gltf/.glb/.obj/.ply/.stl/.json，并支持同一个场景导入多个不同3D模型，支持mtl材质以及jpg/png等图片纹理

vue-3d-loader是vueJS+threeJS整合的一个3d展示组件。支持.dae/.fbx/.gltf/.glb/.obj/.ply/.stl/.json，并支持同一个场景导入多个不同3D模
你挚爱的强哥·2024-01-16 17:43

【计算机图形学】入门Three.js，并搭建你的第一个3D场景

WebGL（WebGraphicsLibrary）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGLES2.0结合在一起，通过增加OpenGLES2.0的一个JavaScript
samarua·2024-01-16 14:52

【Three.js】Three.js入门教程——清晰明了 好上手！

一、文档地址：中文网址：3.开发和学习环境，引入threejs|Three.js中文网二、Three.js和WebGL的关系：Three.js是WebGL的框架。封装和简化了WebGL的方法。
旺旺大力包·2024-01-16 14:22

Web3D编程入门总结——WebGL与Three.js基础介绍

计划分成“webgl与three.js基础介绍”、“面向对象的基础3D场景框架编写”、“模型导入与简单3D游戏编写”三个部分，其他零散知识以后有机会再总结。
我爱丁丁猫·2024-01-16 14:51

ThreeJS-3D教学十一：屏幕坐标和世界坐标转换

Titlebody{width:100%;height:100%;}*{margin:0;padding:0;}.label{font-size:20px;color:#000;font-weight:700;}.circle{width:20px;height:20px;border-radius:10px;position:absolute;left:0;top:0;background-co
天外天-亮·2024-01-16 08:49

Blender建模笔记 | 大帅老猿threejs特训

搭建元宇宙项目的方案有很多种，比较常见的就是通过Threejs来实现。对于我们程序员由设计人员提供的模型文件会出现不适应的情况，如果我们能够了解建模对于我们编程就会顺利的多。
weixin_44502951·2024-01-16 02:17

Unity WebGL报错：HTTP Response Header “Content-Type“ configured incorrectly on the server for file

WebGL报错：HTTPResponseHeader"Content-Type"configuredincorrectlyontheserverforfileBuild/KZ.wasm,shouldbe"application
mayzhengxi·2024-01-15 09:42

vue3+threejs可视化项目——搭建vue3+ts+antd路由布局（第一步）

router依赖vite配置项映射目录和代理antd国际化layout布局封装vite读取modules目录文件作为路由main入口配置文件⭐实现效果⭐总结⭐结束⭐前言大家好，我是yma16，vue3+threejs
yma16·2024-01-14 20:40

three.js : tweenjs创建threejs动画

效果：代码开始//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";import{GLTFLoader}from"three/examples/jsm/loaders/GLTFLoader.js";//效果制作器import{EffectComposer
汉武大帝··2024-01-14 19:34

【开源分享】3D 照片墙

基于threejs实现的1、功能采用显示3D照片墙，共有4中样式分别如下1.1照片墙1.2水晶球1.3螺旋塔1.4展览厅2、产品特点2.1绚丽采用Three.js的3D样式，打破了传统照片墙单调乏味的风格
猿徕如此·2024-01-14 19:50

three.js讲解

文章目录一、概念二、案例三、常见问题四、优缺点五、相关链接一、概念three.js是一个基于WebGL的JavaScript库，用于创建和展示三维图形。
雪梅零落·2024-01-14 17:04

【Threejs】代码+图文带你快速上手

目录Threejs三维坐标系轨道控制器OrbitControls让物体动起来添加光源加载纹理集成
南木元元·2024-01-14 14:49

arcgis 与luma.gl 结合做可视化

arcgis在官网有个可以和webgl结合的案例https://developers.arcgis.com/javascript/latest/sample-code/custom-gl-visuals
haibalai·2024-01-13 19:51

Canvas 指南与总结

而同样使用元素的WebGLAPI则用于绘制硬件加速的2D和3D图形。简单例子Document.getElementById()方法获取HTML元素的引用。
史一试·2024-01-13 03:11

unity webgl内存_了解Unity WebGL中的内存

unitywebgl内存SinceweshippedUnityWebGL,wehaveputalotofeffortintooptimizingmemoryconsumption.We’vealsobeenexplaininghowmemoryworksinWebGLinthemanualandinourtalksatUniteEurope2015andUniteBoston2015
culiao6493·2024-01-12 18:54

cesium 压平的一种实现方式

cesium时gis相关开发框架，gis意味着大坐标，javascript方面可以满足gis相关的坐标计算，但是webgl对大坐标精度不能满足要求，所以压平方面的操作使用纯坐标计算不好实现（一种做法是在视图坐标下进行处理
tianyapai·2024-01-12 10:36

cesium模型压平（简易版）

下边是我参考的两篇文章，感谢岭南灯火、百年内必成大牛https://www.cnblogs.com/webglblog#/c/subject/p/17093810.htmlhttps://www.cnblogs.com
lxydft·2024-01-12 10:32

vue+播放直播视频流（websocket的流文件）

前言：之前分享的有rtmp直播流，flv直播流的一些方法，这里分享下，播放websocket的直流的方法，使用的方法是JSMpeg，JSMpeg是JS写的视频、音频解码器，能使用WebGL&Canvas2D
浩星·2024-01-12 07:14

将WebGL打包的unity项目部署至Vue中

一、webgl打包创建一个空项目（或者直接使用现成的项目都可以）这里以该空项目为例子注意：如果你的unity项目中有文字，不需要使用unity默认的字体，需要更改它的字体，否则在最后生成的页面中会显示不出来文字好在你的
An1ong·2024-01-12 04:04

使用phaser+matter开发合成大西瓜

避坑：1.问题：ios部分机型出现图片展示黑色矩形原因：type:Phaser.AUTO默认采用webgl渲染，不适配的时候采用canvas，但是这种在iosiphone8出现黑色矩形解决方案：使用type
瑞瑞w·2024-01-11 21:21

WebGL开发实验设备与操作演示

在开发实验设备模型与操作演示的WebGL应用时，你需要考虑以下步骤和关键要点，希望对大家有所帮助。北京木奇移动技术有限公司，专业的软件外包开发公司，欢迎交流合作。
super_Dev_OP·2024-01-11 07:48

WebGL在虚拟现实（VR）的应用

WebGL在虚拟现实（VR）领域的应用日益增多，它为在Web浏览器中创建交互式的虚拟现实体验提供了强大的支持。以下是一些WebGL在VR领域的应用示例，希望对大家有所帮助。
super_Dev_OP·2024-01-11 07:38

shader编程-RayMarching与SDF搭建三维场景实现Blinn-Phong光照（WebGL-Shader开发基础08）

RayMarching与SDF搭建三维场景实现Blinn-Phong光照1.demo概述与效果2.Blinn-Phong光照模型介绍3.demo实现3.1场景物体准备3.2rayMarching调整3.3Blinn-Phong光照计算4.demo代码1.demo概述与效果上一篇文章学习了RayMarching，但是做出的场景的效果是黑白，这一篇在上一篇内容的基础上，进行改进，使用Blinn-Pho
点燃火柴·2024-01-10 20:52

ThreeJS核心组成

前言：学习threeJS完全是机缘巧合，记得有次客户提到我们系统（当时在职的公司产品）的数据总是以二维表的数据显示，略显枯燥乏味。
YZJGOOD·2024-01-10 20:04

如何在three.js中添加一个button

如何在three.js中添加一个button分类说明前言正文说明（心理路程）具体demo实现完整demo（只提供html的部分，js那部分你就直接加在js代码中即可）分类说明因为three.js属于WebGL
踏过山河，踏过海·2024-01-10 12:50

nginx 二级目录部署vue项目

主要是vue项目得更改资源路径通过.env环境变量来设置修改项目的基础路径，我的是vite项目，所以我要在vite.config.js中修改base属性为‘/threejs/’修改vue-router的
goms·2024-01-10 07:57

WebGL兼容性检查

引入文件WebGL.jsclassWebGL{staticisWebGLAvailable(){try{constcanvas=document.createElement('canvas');return
土生土长的IU·2024-01-10 04:26

WEB 3D技术 three.js 线框几何体

本文我们说一下线框几何体想将一个几何体以线框形式展现threeJS中有两种类可以实现第一种WireframeGeometry这种几何体其实就类似于将材质中的wireframe开启这种方法之前我们也用过还有一种就是
-耿瑞-·2024-01-10 00:04

WebGL开发的行业应用

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

WebGL在医学可视化的应用

WebGL在医学可视化方面有广泛的应用，它能够提供高性能、交互式和实时的3D图形渲染，为医学领域的图像处理、模拟和可视化带来了新的可能性。
super_Dev_OP·2024-01-09 18:01

WebGL在实验室方向的应用

WebGL在实验室方向的应用涉及到实验过程的可视化、数据分析、模拟等方面。以下是一些WebGL在实验室领域的应用示例，希望对大家有所帮助。
super_Dev_OP·2024-01-09 18:01

【Threejs】完成3D汽车动态换肤的案列

Threejs完成3D汽车动态换肤的案列课程目标基于案列实现对three核心理论剖析实战为王、理论为纲。
无处安放的波澜·2024-01-09 16:43

元宇宙基础-Three.js | 大帅老猿threejs特训营

day01作业打卡WebGL简介WebGL（全写WebGraphicsLibrary）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGLES2.0结合在一起，通过增加OpenGLES2.0
qq_37787249·2024-01-09 08:03

250：vue+openlayers 加载geotiff文件，并在地图上显示

这里使用到了WebGLTile图层和GeoTIFF脚本模块。这里一定要注意GeoTIFF的数据加载方式，要数组的模式。
还是大剑师兰特·2024-01-09 01:12

搭建基于webgl的显示方案（一）——环境搭建

因为显示方案进行调整，要学习web实时显示车辆运行过程中的信息。本章先说说一开始搭环境调试的坑。一般来说，第一件事是安装编译器。参考不少网上教材啊，我自己成功搭了两个环境（webstorm和vscode），我觉得都挺好用的。1、vscode这是网上用的比较多的，优点是轻量、跨平台、插件多。第一步：下载vscodehttps://code.visualstudio.com/download第二步：下
冰西瓜是生活动力·2024-01-08 13:03

three.js 学习笔记(学习中1.7更新) |

文章目录three.js学习笔记入门基础概念透视相机第一个three.js应用threejs画布尺寸和布局canvas画布宽高度动态变化坐标辅助器THREE.AxesHelper实现动画效果requestAnimationFrame
nuise_·2024-01-08 11:51

Three.js简介；Three.js使用与作品生成

一、Three.js简介1、简介：three.js，一个WebGL引擎，基于JavaScript，可直接运行GPU驱动游戏与图形驱动应用于浏览器。其库提供的特性与API以绘制3D场景于浏览器。
啊～哈·2024-01-08 01:16

【ThreeJS入门——】WEB 3D可视化技术——threejs

下图就是通过WebGL在网页中绘制高性能的3D图形。threejs是一个让用户通过javascript入手进入搭建webgl项目的类库。1、搭建第一个场景和物体三维的物体要渲染在二维的屏幕上。
eiei新时代好少年·2024-01-07 20:34

360*180度全景图预览插件Photo Sphere Viewer

使用该插件的唯一要求是浏览器支持canvas或WebGL。
MC桥默·2024-01-07 17:53

threejs-day4(小技巧/优化)

按需渲染不每一帧都渲染，按需渲染。例如只在camera改变的时候或者纹理模型变化的时候再次渲染等等。按需渲染不像是连续渲染那么常见,但是有些场合,例如地图浏览器,3D编辑器,3D图产生器等等的,可能还是按需渲染比较好.letrenderRequested=false;functionrender(){renderRequested=false;if(resizeRendererToDisplayS
小杰66·2024-01-07 17:03

SuperMap iClient3D for WebGL沿线飞行飞行（一）

本篇文章主要为通过调用WebGL中的控制相机的相关接口，来实现飞行管理，从而实现WebGL中的飞行管理接口不能实现的功能，如不需要.fpf文件，添加站点等。
那那那那那么长的哲尘·2024-01-07 16:05

Cesium实现流动线/动态纹理

之前主要以超图Webgl使用为主，后面由于一些原因，主要分享cesium的使用心得在使用cesium的时候，常常需要一些动态效果，例如人口迁徙图，管线流动图等，但是cesium示例中没有类似的示例，想要实现的话
那那那那那么长的哲尘·2024-01-07 16:04

编程笔记 html5&css&js 021 JavaScript

元素也能在其他语言中使用，比如WebGL的GLSL着色器语言和JSON。内容分类元数据内容、流式内容、短
明月看潮生·2024-01-07 13:32

跟随chatgpt学习如何使用GLSL进行简单的图形渲染

SimpleWebGLRenderingbody{margin:0;}canvas{width:100%;height:100%;}2.创建JavaScript文件：创建一个名为`script.js`的
洛洛31·2024-01-06 21:43

带你入门three.js——从0到1实现一个3d可视化地图

7月份我打算输出3篇万字长文带大家系统地学习可视化表达的3种方式，svg、canvas、webgl。所以这是第一篇文章3d的。
前端图形·2024-01-06 13:56
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他