【WebGL

计算机图形学笔记：从 WebGL 到 WebGPU

WebGL与WebGPUWebGL的基础是OpenGL。OpenGL的初始版本可以追溯到1992年，整个OpenGL的设计是基于状态机模型。状态驱动的OpenGL难以利用今
谷雨の梦·2023-10-18 21:13

WebGL笔记：图形转面的原理与实现

1）回顾WebGL三种面的适应场景TRIANGLES单独三角形TRIANGLE_STRIP三角带TRIANGLE_FAN三角扇备注在实际的引擎开发中，TRIANGLES是用得最多的TRIANGLES的优势是可以绘制任意模型
Wang's Blog·2023-10-18 21:37

unity（WebGL） 截图拼接并保存本地，下载PDF

截图参考：Unity3D局部截图、全屏截图、带UI截图三种方法_unity截图_野区捕龙为宠的博客-CSDN博客文档下载：UnityWebGL生成doc保存到本地电脑_unitywebgl保存文件_野区捕龙为宠的博客
野区捕龙为宠·2023-10-17 10:53

WEB 3D框架

http://www.cnblogs.com/dxy1982/archive/2012/08/01/2609582.htmlWebGL开启了网页3D渲染的新时代，它允许在canvas中直接渲染3D的内容
itproject-manager·2023-10-17 06:21

突袭HTML5之WebGL 3D概述

WebGL开启了网页3D渲染的新时代，它允许在canvas中直接渲染3D的内容，而不借助任何插件。
dicang4263·2023-10-17 06:16

MAPTALKS加载I3S

MapTalks介绍MapTalks是由国人独立研发的WebGL三维地图。优点：独立的底层实现保证了拥有更多的性能优化手段;基于PBR的材质系统，让三维地图
polong·2023-10-17 05:48

bim 模型web页面展示_基于HTML5/WebGL技术的BIM模型轻量化Web浏览解决方案

尤其是HTML5/WebGL技术的发展更是在各个行业内引起颠覆性的变化，大家感受最深刻的可能是游戏、电商、O2O等和我们生活息息相关的行业，但这次我想讲一下不受普通人关注但又人人都离不开的建筑业在互联网大潮冲击下的变革
weixin_39889214·2023-10-17 04:36

bim 模型web页面展示_HTML5/WebGL技术BIM模型轻量化Web浏览解决方案

原标题：HTML5/WebGL技术BIM模型轻量化Web浏览解决方案互联网技术的兴起极大地改变了我们的娱乐、生活和生产方式。
weixin_39557199·2023-10-17 04:06

初见物理引擎库Cannon.js：使用dat.gui修改物体属性

简介熟悉Three.js的读者肯定对dat.gui不陌生，通过该工具能够创建一个小型的菜单，如下图，在菜单中能够实时的修改一些变量或执行一些操作：在Three.js官方案例中，也大量的使用了此类工具，如webgl_clipping_stencil
syzdev·2023-10-16 17:12

three.js入门到实战

学习之前示例演示参考资料api查询：http://www.webgl3d.cn/threejs/docs/index.html#代码地址：https://github.com/mrdoob/three.js
我们一起学前端·2023-10-16 11:08

ThreeJS-3D教学十-有宽度的line

webgl中线是没有宽度的，现实的应用中一般做法都是将线拓宽成面来绘制。默认threejs的线宽是无法调节的，需要用有厚度的线THREE.Line2。
天外天-亮·2023-10-16 11:58

Unity发布WebGL后跳转页面的问题

Unity发布WebGL后跳转页面的问题最近在做的一个实验平台的项目，需要自己写一个在线的编译器，但是由于WebGL的特殊性，无法在Unity内部实现这个编译器，然后只能房子啊另一个页面上，用页面跳转来实现
Yekura·2023-10-15 23:04

视图平截锥体（view frustum）几何体渲染 -ThreeJS camera例子

视图平截锥体（viewfrustum）几何体渲染threejs中webgl_camera例子中渲染出了视图平截锥体的形状，其实现了frustumgeometry对象用于专门负责viewfrustum几何体数据的生成
绿风烟·2023-10-15 08:07

Unity AVPro Video使用和WebGL播放视频流

1.创建MediaPlayer对象。在Hierarchy视图右击Video->MediaPlayer或者选择菜单栏的GameObject菜单，然后选择Video->MediaPlayer。2.创建DisplayuGui对象。在Hierarchy视图右击UI->DisplayuGui或者选择菜单栏的Component菜单AVProVideo->DisplayuGui。3.给DisplayuGui指定
人生不过一瞬间·2023-10-14 20:30

WebGL进阶——走进图形噪声

导语：大自然蕴含着各式各样的纹理，小到细胞菌落分布，大到宇宙星球表面。运用图形噪声，我们可以在3d场景中模拟它们，本文就带大家一起走进万能的图形噪声。概述图形噪声，是计算机图形学中一类随机算法，经常用来模拟自然界中的各种纹理材质，如下图的云、山脉等，都是通过噪声算法模拟出来的。通过不同的噪声算法，作用在物体纹理和材质细节，我们可以模拟不同类型的材质。基础噪声算法一个基础的噪声函数的入参通常是一个点
YoneChen·2023-10-14 14:44

Openlayers加载海量数据之WebGL

Openlayers加载海量数据之WebGLOpenlayers6及以上版本，地图的每个图层都是单独进行渲染的。也就是说有的图层可用Canvas2D渲染，有的图层可以用WebGL渲染。
Aiences·2023-10-14 14:30

webGl shader的学习记录(二)js 与(glsl语言) OpenGL ES之间如何进行交互？及其如何在js中对vertexShader与fragmentShader进行赋值

再上一个的章节之中我们知道，着色的书写分两个着色器（顶点着色器与片元着色器），从而结合成为一个可以使用的单独使用的着色器的程序。下面我们将会接触到的是，如何使用js与(glsl语言)OpenGLES之间进行交互。在了解两者之间如何通讯的时候，我们需要了解一些定义。这些定义出来的数据，可以是的glsl与js进行交互。attribute变量：attribute变量是只能在vertexShader中使用
sogooday·2023-10-14 09:59

webGL编程指南 第三章 绘制四角形.helloQuadjs（加餐）

我会持续更新关于wegl的编程指南中的代码。当前的代码不会使用书中的缩写，每一步都是会展开写。希望能给后来学习的一些帮助git代码地址接着上一节接着做使用缓冲区赋值。本节中我们还是使用4个顶点，放在一个数组中。然后去获取缓冲区中的数据，同时绘制矩形在绘制的时候我们给它添加上颜色。下面是代码Documentletcanvas=document.getElementById('canvas');let
sogooday·2023-10-14 09:29

webGl shader的学习记录(一) 在canvas的中心画出一个红点 点图元

笔者也在学习如何写出shader下面是自己的想法希望对大家有用其实在webGl写shader的时候，我们可以分将整体分为几个部分第一部分是顶点着色器1，建立顶点着色的相关代码，2，创建顶点着色器，并将顶点着色器的代码
sogooday·2023-10-14 09:29

webGL编程指南 第二章 helloPint.js

我会持续更新关于wegl的编程指南中的代码。git代码地址：sogooday当前的代码不会使用书中的缩写，每一步都是会展开写。希望能给后来学习的一些帮助效果如下下面是代码Document/*在这里需要注意的是在写vertexShaderSource与fragmentShaderSource因为是没有文本提示的，很容易写错的*///订单着色器letvertexShaderSource=`voidma
sogooday·2023-10-14 09:58

WebGL编程指南学习中整体的理解

在学习webgl的时候，我们大概可以将代码分为5各部分写opengles的代码顶点着色器与片元着色器（主要处理的部分）使用webgl的api将顶点着色器与片元着色器传递给opengles使用js作为桥梁
sogooday·2023-10-14 09:58

webGL编程指南 第三章 multiPoints.js

希望能给后来学习的一些帮助git代码地址https://github.com/soGooday/webPlan/blob/main/webGL/webGl%E7%BC%96%E7%A8%8B%E6%8C
sogooday·2023-10-14 09:58

关于webl中TRIANGLES_STRIP

webgl中的三角形的绘制有三种方法分别是:TRIANGLES：每三个定点决定一个三角形例如[012][3,4,5][5,6,7]顶点数与三角形是n:n/3的关系TRIANGLES_FAN：第0个定点是多所有三角形共享的
sogooday·2023-10-14 09:58

webGl shader的学习记录(五)：如何画线段

今天学习一下如何使用webgl画一条线段letvertexShaderSource=`//浮点数设置为中等精度precisionmediumpfloat;//接收JavaScript传递过来的点的坐标（
sogooday·2023-10-14 09:28

webGl shader的学习记录(六)：如何画出一个渐变色填充的矩形

其实将两个两个三角形合并一下，就出现了。一个矩形使用两种方式一个是两个buffer一个是单一的bufferglcl代码//浮点数设置为中等精度precisionmediumpfloat;//接收JavaScript传递过来的点的坐标（X,Y）attributevec2a_Position;//接收canvas的尺寸。attributevec2a_Screen_Size;//接收JavaScript
sogooday·2023-10-14 09:28

webGl shader的学习记录(四)：如何与人互动绘制多个三角形。

正在这一章节中我们将会学习到如何使用鼠标创造多个三角形，从而实现互动老规矩首先我们需要先处理一下顶点着色器与片元着色器letvertexShaderSource=`//设置浮点数精度为中等精度precisionmediumpfloat;//接收顶点坐标(x,y)attributevec2a_Position;//接收canvas的尺寸(width,height)attributevec2a_Scr
sogooday·2023-10-14 09:27

webGl shader的学习记录(三)：怎么样去画出来一个三角形

在这章节中我们需要绘制一个静态的三角形首先我们依旧是现需要写两个顶点着色器的素材与顶点做色器的素材。就是下面这段代码//顶点着色器letvertexShaderSource=`precisionmediumpfloat;attributevec2a_Position;voidmain(){gl_Position=vec4(a_Position,0,1);}`//片元着色器letfragmentSh
sogooday·2023-10-14 09:57

webGL编程指南 第三章 绘制四角形.helloQuadjs

我会持续更新关于wegl的编程指南中的代码。当前的代码不会使用书中的缩写，每一步都是会展开写。希望能给后来学习的一些帮助git代码地址接着上一节接着做使用缓冲区赋值。本节中我们还是使用4个顶点，放在一个数组中。然后去获取缓冲区中的数据，同时绘制正方形下面是代码Documentletcanvas=document.getElementById('canvas');letgl=canvas.getCo
sogooday·2023-10-14 09:50

CSS 炫酷文本过渡动画

今天分享一个炫酷的文本过渡动画效果，如下面GIF所示，曾经是否有见过这种动画呢，想想是不是感觉挺复杂呢，通常这个过渡效果通过较为复杂的可用WebGl实现，本文通过另一种方式实现，文章尾部有神奇的代码，快来瞧瞧看吧
南城FE·2023-10-13 20:44

Three.js第一个小栗子以及代码结构。

这一章，是copy的WebGL中文网(为图方便，以下用中文网代替)的内容。再加上自己的一些理解，当然不是很多。
风筝啊·2023-10-13 15:10

Three.js实现光照阴影

1.renderer设置首先我们需要告诉渲染器我们需要阴影效果：renderer.shadowMap.enabled=true;更多详细内容可以查看WebGLRenderer的s
travelclover·2023-10-13 15:05

Three.js 从入门到精通 - 笔记总结

Three.js目录文章目录前言推荐阅读`HTML`引入`Three.js`引擎1.3D3D3D场景引入引擎案例源码立方体球体代码解释程序的结构场景-相机-渲染器对象、方法和属性WebGL封装2.旋转动画
莫兮是我·2023-10-13 13:41

Three.js入门

设置材质效果半透明效果材质常见属性材质类型光照效果设置常见光源类型顶点位置数据解析渲染自定义几何体点模型线模型顶点颜色数据插值计算渐变色之颜色插值访问几何体对象的数据几何体的旋转、缩放、平移变换参考Three.js教程(webgl3d.cn
程序员_yw·2023-10-13 13:09

WebGL

1、javaScript不支持线程2、移动端不支持webGL3、webgl不支持filestream4、浏览器不能直接使用socket5、openGL的api只支持到最老的2.06、只支持基本的音频功能
向前ing_·2023-10-13 13:29

前端人最值得关注的JS动画库来了

这个流行的库拥有超过4.3万star，是一种直观地使用WebGL在浏览器上创建3D动画的好方法。该库提供，，CSS3D和WebGL渲染器，使我们能够在设备和浏览器之间创建丰富的
骨灰设计师小X·2023-10-13 08:39

一种正在取代WebGL的新技术-WebGPU

它是由W3C的GPU为来自苹果、Mozilla、微软、谷歌和其他公司的工程师开发的与WebGL不同，WebGPU不是任何现有的本地API的直接端口。
Real游戏引擎开发者·2023-10-13 04:13

全网首发 黑马高端课程，仅限老学员免费领取

跨平台：由于Three.js是基于WebGL的，因此它可以在任何支持WebGL的浏览器上运行，无论是桌面、移动设备还是平板电脑。性能优化：Three.js提供了许多工具和技术来优化3
骨灰级收藏家·2023-10-13 01:10

基于HTML5和WebGL的3D网络拓扑结构图

现在，3D模型已经用于各种不同的领域。在医疗行业使用它们制作器官的精确模型；电影行业将它们用于活动的人物、物体以及现实电影；视频游戏产业将它们作为计算机与视频游戏中的资源；在科学领域将它们作为化合物的精确模型；建筑业将它们用来展示提议的建筑物或者风景表现；工程界将它们用于设计新设备、交通工具、结构以及其它应用领域；在最近几十年，地球科学领域开始构建三维地质模型，而且3D模型经常做成动画，例如，在故
weixin_34174132·2023-10-12 07:20

每日前端签到（第五十四天）

第五十四天（2018-09-26）[html]有用地过WebGL吗？说说你对它的理解[css]你有用过哪些css框架？
拿着号码牌徘徊·2023-10-12 03:13

Unity打包AssetBundle报错

这个报错只产生在我unity的webgl平台打包时，其它平台是没问题的报错1.这个报错一般资源文件有重复名字的文件也会有问题不过我的不是上面1的问题。
AngerCow·2023-10-12 00:19

kepler.gl安装使用_数分钟内提供精美的地图：认识Kepler.gl

乘车共享公司使用deck.glWebGL数据可视化框
cumo7370·2023-10-11 18:57

腾讯地图基于 WebGL实现自定义栅格图层踩坑实录

以下内容转载自totoro的文章《WebGL-Y轴翻转踩坑实录》作者：totoro链接：https://blog.totoroxiao.com/webgl-flipY/来源：https://blog.totoroxiao.com
小小码农biubiubiu·2023-10-10 05:00

腾讯地图jsapi GL 加载自定义栅格图层无法在手机端显示的问题

解决：1、使用普通版本的jsapi，即不是webgl版本呢的，叠加自定义瓦片可以在手机端实现类似的效果。2、移动端需要设置view
brave211·2023-10-10 05:28

Vue3 + Photo-sphere-viewer 全景

使用该插件的唯一要求是浏览器支持canvas或WebGL。这只是一个简单的全景图，我们还可以在全景图上面不同位置添加标注，修改、删除标注等操作。
奺珁·2023-10-09 19:22

桌面动态壁纸

1、将压缩包中解压，选择所需要的壁纸复制到目录2、解压kugou动态壁纸运行程序，文件选择默认打开文件为animation_desktop_webgl.exe3、重启电脑生效
Mr_YDK·2023-10-09 16:23

浅谈webGl vr全景模式

开讲之前解释一下这些词，以免没学习过webGl的同学还要再去找百度webGL=>是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGLES2.0结合在一起，通过增加OpenGLES2.0
调皮小欧某·2023-10-08 19:34

Three.js初体验——VR全景展示

前言Three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。
kitty_ELF·2023-10-08 19:32

webgl进阶Shader篇（基于Three.js）——第一个简单的Shader

一.从一个shader开始Three.js已经简化了很多写shader的工作，最主要的工作就是他把一些常用的矩阵已经作为一个常量提供给我们。首先来看Three.js官网的说明，一些常用参数已经和几何元素、相机等关联在一起，我们只需要拿来用即可。来看第一个shader，通过shader改变几何体表面的颜色，效果还是很炫酷的。Three框架div#canvas-frame{border:none;cu
niuge No.1·2023-10-08 18:33

01-Three.js 安装以及介绍

-p8000浏览器WebGL兼容性检查WebGL.jsif(!THREE.WEBGL.isWebGLAv
IsYang·2023-10-07 16:59

Qt的WebEngineView加载网页时出现Error: WebGL is not supported

1.背景当我在qml中使用WebEngineView加载一个网页时，出现以下错误：Error:WebGLisnotsupported2.解决方案其实这个问题在Qt的帮助文档中已经提及了解决办法：因此，可以按照下面的步骤操作一下
韭菜钟·2023-10-07 10:46
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他