threejs(webgl)

三维监控系统模型

1、使用babylonjsbabylonjs本身是一个非常好的web三维引擎，比起threejs来说有更好的用户UI效果，看一个效果图，本身是从例子里修出来的，数据始终正向对准客户2、创建过程创建一个secene
qianbo_insist·2022-03-15 14:50

[live streaming] CG&WebGL&Threejs知识以及学习思维分享。

对于一次直播分享的文字版记录(建议看视频),视频云盘链接全篇主要分为几个方向进行了介绍:ComputerGraphics相关WebGL相关Threejs相关Q&A暂不记录注意下述内容与直播内容可能稍微存在差异
·2022-03-14 11:27

webgl未使用独立显卡报告

0x00楔子最近客户在使用我们的的三维可视化平台的时候，总是会出现浏览器崩溃，webglcontextlost的情况。这种请一般出现在电脑配置很低的电脑上，比如没有独显，只有很小现存的集成显卡的电脑。
·2022-03-14 10:48

webgl未使用独立显卡报告

0x00楔子最近客户在使用我们的的三维可视化平台的时候，总是会出现浏览器崩溃，webglcontextlost的情况。这种请一般出现在电脑配置很低的电脑上，比如没有独显，只有很小现存的集成显卡的电脑。
ITman彪叔·2022-03-14 10:00

风场可视化：绘制轨迹

源库：webgl-windOriginMyGitHub绘制轨迹在原文中提到绘制轨迹的方法是将粒子绘制到纹理中，然后在下一帧上使用该纹理作为背景（稍微变暗），并每一帧交换输入/目标纹理。
·2022-03-12 10:06

ArcGIS API 场景添加 3D Tiles

背景知识deck.gl是由Uber开发并开源出来的基于WebGL的大数据量可视化框架。它具有提供差别类型可视化图层，GPU渲染的高性能等特征。
Xuds·2022-03-11 15:14

threejs+vue3实现烟花效果

前言今年过年由于疫情又没回家，就抽空看了看WebGL编程指南和Three.js开发指南，为了练手，就简单实现了一下冬奥开幕式上的迎客松烟花效果，纯小白，这篇文章主要是记录这次实践过程，涉及的也都是threejs
·2022-03-11 12:11

WebGL基础（一）： 从一个鼠标画点开始了解原生webGL

面向web前端的WebGL教程，网络上的教程均是假设有计算机图形学基础，对web开发者来说不是很友好，故开辟此坑最终效果https://codepen.io/chendonmin...鼠标点击画一个点。
·2022-03-10 18:27

【Threejs系列】-如何快速入门前置介绍

Threejs到底是什么?学习Threejs需要提前了解什么?3D方面知识以及术语解释看段示例代码注意下述内容是作为笔者的视角下很短时间内所学到知识点的总结,如有遗漏(不解处)及时指出笔者做修复。
·2022-03-10 11:55

基于Three.js制作一个3D中国地图

动画效果不想看繁琐步骤的，可以直接去github下载项目，如果可以顺便来个star哈哈本项目使用vue-cli创建，但不影响使用，主要绘制都已封装成类1.使用geoJson绘制3d地图1.1创建场景相关//创建webGL
·2022-03-09 12:02

webGL: vertexAttribPointer 函数理解

MDN官方定义告诉显卡从当前绑定的缓冲区（bindBuffer()指定的缓冲区）中读取顶点数据。语法voidgl.vertexAttribPointer(index,size,type,normalized,stride,offset);参数index指定要修改的顶点属性的索引size指定每个顶点属性的组成数量，必须是1，2，3或4。type指定数组中每个元素的数据类型normalized当转换为
·2022-03-07 12:36

Mozilla Firefox, Apple Safari,Chrome等主流浏览器均开始WebGL支持

WebGL已出现在MozillaFirefox,AppleSafari,如今您已可在最新开发者预览版GoogleChrome浏览器中试用WebGL。莫非这次是玩真的？！
web3d·2022-03-07 09:46

风场可视化：绘制粒子

源库：webgl-windOriginMyGitHub绘制地图粒子查看源库，发现单独有一个Canvas绘制地图，获取的世界地图海岸线坐标，主要格式如下：{"type":"FeatureCollection
·2022-03-05 10:33

OpenLayers 6.13 新特性

可以在一个标签中用不同的字体、样式了模块ol/proj中，useGeographic()和setUserProjection()方法现在已经是官方API了，这两个方法使得地理坐标或局部投影坐标系的使用更简单改进提升了WebGL
·2022-03-02 12:12

如何在 ThreeJS 中实现辉光效果

全局辉光全局辉光（Bloom），又称泛光。它其实是一种作用于特定区域的外发光效果。在游戏中，我们经常可以见到外发光的效果。典型的比如室内场景下的吊灯、电子设备屏幕、室外夜晚的路灯、车灯等等。这些场景的共性是他们提供了亮度和气氛的强烈视觉信息。在实际生活中，这些辉光是由于光线在大气或我们的眼睛中散射而造成的。但是渲染这些物体到屏幕上后，它所达到眼睛的光强是有限的。因此，需要人为地模拟这种效果，更加逼
·2022-02-28 20:17

WebGL 与 WebGPU比对[5] - 渲染计算的过程

前两篇文章介绍了WebGL和WebGPU是如何准备顶点和数字型Uniform数据的（纹理留到下一篇），当渲染所需的原材料准备完成后，就要进入逻辑组装的过程。
·2022-02-28 10:13

风场可视化：绘制粒子

源库：webgl-windOriginMyGitHub绘制地图粒子查看源库，发现单独有一个Canvas绘制地图，获取的世界地图海岸线坐标，主要格式如下：{"type":"FeatureCollection
·2022-02-27 09:56

ShaderLab实现Vignette过场动画效果

实现Vignette过场动画效果postprocessing中有渐晕效果（Vignette），镜头可以由边缘往中间慢慢变黑；但是我打包WebGL的时候提示我postprocessing，GPU不支持..
小紫苏·2022-02-25 11:00

Khronos 会议干货 | WebGPU 1.0 即将发布

2022年1月25日Khronos组织了一场备受瞩目的WebGL+WebGPU网络研讨会。
·2022-02-24 12:22

Threejs-医疗骨骼分析系统

加载项目，最终在手机端呈现（网页端也响应适配完成）效果预览加载stl模型拆解骨骼模型剖切查看内部结构核心代码引入js库全局变量初始化加载模型及设置相关物体属性续上续上代码简要粘贴部分，其实大部分都是通过threejs
dadalang·2022-02-23 16:05

three.js中出现条纹阴影和网格阴影解决办法

ThreeJS开启阴影正确做法：渲染器启用阴影renderer.shadowMap.enabled=true;灯光产生阴影light.castShadow=true;物体遮挡阴影obj.castShadow
·2022-02-21 17:44

threejs--自定义矩阵实现全景视觉

本文需要你有基础的webgl知识，了解矩阵、向量、透视投影、裁剪空间、视图变换和threejs框架等等内容。
花拾superzay·2022-02-21 15:36

webgl绘图原理

webgl的同步绘图的现象,其实是由于webgl底层内置颜色缓冲区导致的.它在电脑中会占用一块内存,在我们使用webgl绘图的时候,是在颜色缓冲区中画出来,但是图片暂时还未渲染出来.只有webgl自己知道
Viewwei·2022-02-21 01:08

风场可视化：风场数据

引子了解WebGL基础之后，接着去看获取解析风场数据的逻辑，又遇到问题。
·2022-02-20 14:49

WebGL 纹理压缩 crunch

1、WebGL支持将压缩过的纹理传入到显卡，显卡自带解压功能，这就减少了传输数据量，加快纹理传输到显卡；2、该功能依赖于硬件支持，WebGL本身并不限制要支持哪种格式，截止到落笔之时，这些支持都是通过扩展
百思不得Ting姐·2022-02-20 09:54

还想回头再看看的地址

20191203程序员的7件武器https://www.cnblogs.com/justdoitba/articles/8064433.htmlwebgl中文学习网http://www.hewebgl.com
夜色001·2022-02-19 20:27

webgl刷底色

给一个元素绘制底色,我们一般使用css进行设置,其实我们也可以使用webgl对底色进行绘制.绘制步骤如下获取webgl对象获取webgl对象只要使用的context方法constgl=canvas.getContext
Viewwei·2022-02-19 20:26

WebGL 与 WebGPU比对[4] - Uniform

这篇文章罗列了原生WebGL1/2中的uniform资料，以及WebGPU中的uniform资料，有一些例子供参考，以用来比
·2022-02-19 10:10

threejs 管子_Three.js 菱形管道

JavaScript语言：JaveScriptBabelCoffeeScript确定varww=window.innerWidth,wh=window.innerHeight;varrenderer=newTHREE.WebGLRenderer
weixin_39604557·2022-02-19 07:27

关于three.js修改直线页面没显示问题

body{margin:0;}#WebGL-output{}$(function(){varscene=newTHREE.Scene();//场景varcamera=newTHREE.PerspectiveCamera
weixin_30369087·2022-02-19 07:57

THREEJS002 绘制一条直线

THREEJS002绘制一条直线实现思路设置需要渲染的DOM初始化threejs的渲染器//初始化RendererfunctioninitRenderer(){width=document.getElementById
日积-月累·2022-02-19 07:27

基于three.js开发可视化应用经验总结

文章目录背景简介技术方案介绍及对比WebglThree.jsWEBGL和Three.js的关系具体应用过程星空背景流线汇聚效果行政分区环形选择器Three.js中使用TWEEN插件实现动画使用orbitcontrols
lovelygugu·2022-02-19 07:55

threejs- z-fighting 问题

https://blog.csdn.net/ruangong1203/article/details/77462643https://sites.google.com/site/threejstuts/
四是二非·2022-02-18 16:25

一.webgl和three的介绍

什么是WEBGL？WebGL(Web图形库)是一种JavaScriptAPI，用于在任何兼容的Web浏览器中呈现交互式3D和2D图形，而无需使用插件。
霁雨轩阁·2022-02-17 19:31

Unity5中WebGL平台封装的一些技巧

转载：http://www.cnblogs.com/jom0/p/6151985.html最近在接触unity的WebGL平台,其实这个平台作为WebPlayer的替代品,已经能满足大部分的开发需求,而且不需要额外的插件支持
循环渐进123456·2022-02-17 19:45

基于Threejs的国际象棋3D棋盘——练习寻路算法

在ThreeJS简介中已经介绍了如何使用ThreeJS框架显示一个简单的对象，并为其赋予了一个简单的默认材质。
ayusong870·2022-02-17 05:00

小程序WebGL奇妙的Bug之旅

小程序的WebGL坑比较多，其中一个算是HDR会在多次进出页面偶现全黑、全半黑、一半亮一半黑的情况。
DeepKolos·2022-02-16 01:07

百度地图JS开发，打开空白一片，报错BMapGL is not defined，ERR_FILE_NOT_FOUND

type=webgl&v=1.0&ak=****************net::ERR_FILE_NOT_FOUNDUncaughtReferenc
小康师兄·2022-02-15 11:22

2020-04-02

第7行：vargl=getWebGLContext(canvas);在获取WebGL绘图上下文时，canvas.getContext()函数接收的参数，在不同浏览器中会不同，所以我们写了一个函数getWebGLContext
安安静静追风·2022-02-15 04:59

SuperMap iClient3D for WebGL教程（Entity）- PolylineVolumeGraphics

本节课程我们学习最后一个实体对象PolylineVolumeGraphics，线体积对象，它可以通过线数据挤出不同的形状，而成为体数据，比如我们希望在线绘制一根圆形的管道、绘制一堵围墙，那这样对象就能派上大用场了。首先我们来看一个简单的效果图吧简单的PolylineVolumeGraphics实现代码如下functioncomputeCircle(radius){varpositions=[];f
为梦齐舞·2022-02-14 18:20

Unity发布WebGL网页版

开始WebGL开发什么是UnityWebGL?**WebGL工程选项允许Unity以JavaScript程序形式发布使用HTMl5技术和WebGL渲染API、在网页浏览器中运行的Unity内容。
妖孽追梦·2022-02-14 15:54

Unity3D官方教程：WebGL

什么是UnityWebGL?**WebGL工程选项允许Unity以JavaScript程序形式发布使用HTMl5技术和WebGL渲染API、在网页浏览器中运行的Unity内容。
FoxGameY·2022-02-14 15:54

第一节 关于WebGL的一些基础性介绍

学习交流欢迎加群：789723098，博主会将一些demo整理共享1.什么是WebGL百度百科给出的解释是：WebGL（全写WebGraphicsLibrary）是一种3D绘图协议，这种绘图技术标准允许把
coder_路远·2022-02-14 15:24

unitywebgl发展计划

在今年的三月发布的Unity5.0中，我们展现了WebGL的技术预览。
凭谁问·2022-02-14 15:23

在vue中使用unity3D实现webGL将要呈现的效果

文章目录Vue+webGL+unity3D1.什么是webGL?1.1兼容性2.什么是unity3D?
百里狂生·2022-02-14 15:53

覆盖 Safari、Edge，主流浏览器几乎均已实现 WebGL 2.0 支持

从Firefox到Safari，所有的主流浏览器现已经全部支持WebGL2.0。
小怪兽是我·2022-02-14 15:53

深入WebGL后处理特效——掌握变形技

后处理(Post-processing)，是针对原有的游戏画面进行算法加工，达到提升画面质量或增强画面效果的技术，可通过着色器Shader程序实现。概述变形特效是处理和增强画面效果的一类后处理技术，经常被应用在各类相机短视频app特效中，如美颜瘦身、哈哈镜特效。美颜相机的变形特效本文主要从各类美颜相机中梳理了以下几种常用的变形特效：局部扭曲(twirleffect)局部膨胀(inflateeffe
YoneChen·2022-02-14 11:17

WebGL 与 WebGPU比对[3] - 顶点缓冲

1.获取高频操作对象1.1WebGL获取上下文对象WebGL获取的是WebGLRenderingContext/WebGLRenderingContext2对象，必须依赖于有合适宽度和高度的HTMLCanvasElement
·2022-02-14 10:46

WebGL 与 WebGPU比对[2] - 初始化篇

1.获取高频操作对象1.1WebGL获取上下文对象WebGL获取的是WebGLRenderingContext/WebGLRenderingContext2对象，必须依赖于有合适宽度和高度的HTMLCanvasElement
·2022-02-14 10:46

webGL缓冲区对象数据的存取

将变量传入顶点着色器1.创建缓冲区对象：varvertexBuffer=gl.createBuffer();2.将缓冲区对象绑定到target上：gl.bindBuffer(gl.ARRAY_BUFFER,vertexBuffer);这一步是为了允许使用vertexBuffer表示的缓冲区对象，并确定这个缓冲区对象是什么类型（作用），其中gl.ARRAY_BUFFER表示缓冲区对象包含了顶点的数据
第一最寂寞·2022-02-13 16:40
上一页 48 49 50 51 52 53 54 55 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他