E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
webGl
【ThreeJS】基础教学 创建一个立方体
-场景搭建-ThingJS开发者社区讲THREE很难学,这是误导,其实是很简单的;就拿他文章里的代码,全部注释一遍给大家参考吧;three.js
webgl
-geometry-cube//引入three库
Ning+
·
2023-09-20 15:15
ThreeJS
ThreeJS
WebGL
Web3D
ThreeJS-3D教学一基础场景创建
它建立在
WebGL
技术之上,并提供了丰富的功能和工具,使开发者可以轻松地构建令人惊叹的3D可视化效果。
天外天-亮
·
2023-09-20 15:45
three
3d
前端
unity 发布
WebGL
读取TXT 遇到的问题
路径问题//stringpath=Path.Combine(Application.streamingAssetsPath,"data.txt");//unityEditor,
webgl
端都可以读取//
乱七八糟的笔记
·
2023-09-20 10:02
unity
webgl
Unity
WebGL
编译 报错: emcc2: error: ‘*‘ failed: [WinError 2] ϵͳ�Ҳ���ָ�����ļ���解决办法
导出路径不能有中文系统名(win)含有中文,修改环境变量Temp和Tmp,如下图:真正的原因:杀毒软件删除了部分wasm相关文件,如:错误日志BuildingLibrary\Bee\artifacts\
WebGL
Dekiven
·
2023-09-19 14:23
Unity
unity
webgl
il2cpp
build
error
ThreeJs 基础入门
使用它可以让我们更加直观的了解
webgl
的世界。
了无_数据科学
·
2023-09-19 07:58
Unity减少发布打包文件的体积——获取精灵图片的信息限制它的大小
一、起因一个工程,打包成
webGL
且压缩成zip文件后,接近400M,后来把大的精灵图片设置最大尺寸,降低大小后,再次发布,zip文件缩减到250M二、如何一键获得工程里面的精灵图片信息三、获取精灵图片信息
dzj2021
·
2023-09-19 04:05
unity
WebGL
打包体积
webgl
_gpgpu_birds 样例分析
webgl
_gpgpu_birds是一个three.js的官方样例,这个例子模拟了鸟群的运动,是一个群组动画,并且动画的帧率也很高;鸟群的运动很自然,非常值得研究。
从杰
·
2023-09-19 03:04
three.js
shader
3D
编程
webgl
three.js
webgl
_nodes_materials_instance_uniform 例子分析
在three.js的官方例子中
webgl
_nodes_materials_instance_uniform可以看到场景中有一个格子背景,一个环绕运动的点光源,12个颜色各异的球体网格。
从杰
·
2023-09-19 03:33
javascript
webgl
three.js
threeJs 样例,
webgl
2_volume_perlin的修改
官方例子
webgl
2_volume_perlin.html,把perlin噪音绘制出来了,可以直观感受perlin噪音的图像形状。原例子支持立方体,我把立方体改为了球形。
从杰
·
2023-09-19 03:32
javascript
三维开发
SuperMap iClient for
WebGL
加载HDR格式的环境光贴图
.hdr->.ktx)三、HDR格式的环境光贴图加载3.1关键代码3.2效果展示前言在三维渲染效果要求越来越逼真的大环境下,超图不负众望,最新SuperMapiClient3D11i(2023)for
WebGL
supermapsupport
·
2023-09-18 12:17
三维GIS
webgl
贴图
HDR
环境光
2023/09/17
j2.git删除所有stash或指定stashgitstashdrop[可选stash名]3.vue在函数默认参数后增加新参数4.gitpush添加“-u”参数5.vscode快捷输入符号$的使用6.
WebGL
搜捕鸟了
·
2023-09-18 10:04
知识积累
每周小记
前端
笔记
vscode
网格布局
git
开发
threejs的使用
threejs介绍:Three.js是一款基于
WebGL
的JavaScript3D库,用于创建和渲染3D图形场景。
简宁909
·
2023-09-18 09:05
javascript
开发语言
ecmascript
3d
WebGL
光照介绍——平行光、环境光下的漫反射
目录光照原理光源类型平行光点光源环境光反射类型漫反射漫反射光颜色计算公式环境反射环境反射光颜色表面的反射光颜色(漫反射和环境反射同时存在时)计算公式平行光下的漫反射根据光线和法线方向计算入射角θ(以便求两者点积:cosθ)归一化法线:表面的朝向一个表面具有两个法向量平面的法向量唯一示例代码——平行光漫反射(LightedCube.js)示例效果代码详解顶点着色器部分JavaScript程序部分环境
山楂树の
·
2023-09-18 05:06
WebGL
webgl
着色器
计算机视觉
3d
WebGL
根据模型矩阵的逆转置矩阵计算运动物体的光照效果
目录前言坐标变换引起法向量变化变化规律:魔法矩阵:逆转置矩阵逆转置矩阵的用法总结Matrix4对象的setInverseOf、transpose方法规范(以完成逆转置矩阵)示例代码(LightedTranslatedRotatedCube.js)代码详解示例效果前言场景中的物体运动,观察者的视角也很可能会改变,物体平移、缩放、旋转都可以用坐标变换来表示。显然,物体的运动会改变每个表面的法向量,从而
山楂树の
·
2023-09-18 05:33
WebGL
webgl
矩阵
计算机视觉
3d
Web端如何快速展现超大场景的三维模型3DTiles格式
以下是一些常见的在Web端快速展现超大场景的三维模型3DTiles格式的方法:1、平台的选择基于CesiumJS:CesiumJS是一个基于
WebGL
的开源JavaScript库,支持加载和渲染3DTiles
3D探路人
·
2023-09-17 11:22
人工智能
无人机
3d
算法
c#
腾讯地图 Javascript API使用之地图自定义标记
腾讯位置服务JavaScriptAPI是由JavaScript语言开发的地图应用编程接口,在此基础上腾讯位置服务推出了其升级版JavaScriptAPIGL,其基于
WebGL
实现的高性能三维渲染引擎而封装的一套
_bugMaker
·
2023-09-17 01:25
WebGL
正确处理对象前后的关系——隐藏面消除(深度测试)/ 深度冲突
目录前言验证
WebGL
处理对象前后关系的规则——后绘制的图形覆盖先绘制的图形隐藏面消除(深度测试)开启隐藏面消除功能,需要遵循以下两步:1.开启隐藏面消除功能。
山楂树の
·
2023-09-17 00:15
WebGL
webgl
计算机视觉
WebGL
从0到1绘制一个立方体
目录前言组成立方体的面、三角形、顶点坐标和顶点颜色通过顶点索引绘制物体gl.drawElements(mode,count,type,offset)函数规范示例程序彩色立方体(HelloCube.js)代码详解向缓冲区中写入顶点的坐标、颜色与索引gl.ELEMENT_ARRAY_BUFFER绑定顶点索引数据目标gl.drawElements()详解示例效果为立方体的每个表面指定颜色组成立方体的面、
山楂树の
·
2023-09-17 00:15
WebGL
webgl
3d
计算机视觉
WebGL
模型视图投影矩阵
WebGL
透视投影_山楂树の的博客-CSDN博客中的PerspectiveView代码一个问题是,我们用了一大段枯燥的代码来定义所有顶点和颜色的数据。
山楂树の
·
2023-09-17 00:15
WebGL
webgl
WebGL
正射投影
目录可视范围(正射类型)可视空间正射投影的盒状可视空间的工作原理盒状可视空间定义盒状可视空间Matrix4.setOrtho()按键控制near、far编辑示例效果示例代码代码详解修改near和far值通过右方向键增大near的值通过下方向键减小far的值修改近裁截面宽高导致物体“变形”宽高缩小一半,保持宽高比宽高缩小一半,高度不变,改变宽高比可视范围(正射类型)虽然你可以将三维物体放在三维空间中
山楂树の
·
2023-09-17 00:14
WebGL
webgl
unity
webgl
开发踩坑——从开发、发布到优化
目录前言环境unity
webgl
的一些注意点videoplayer修改——》VideoPlayer
WebGL
插件text修改——解决不能显示汉字问题制作、读取ab包unityaudioclip减小建议减小包体全过程记录
xiaoLongww
·
2023-09-15 23:48
C#
心得
杂谈
unity
webgl
游戏引擎
使用Chrome开发工具调试Canvas
不管你是使用2D还是
WebGL
,任何用过的人都知道很难调试,使用Canvas通常需要长长的难以跟踪的调用列表functiondraw(){context.clearRect(0,0,258,258);context.fillStyle
叁弦
·
2023-09-15 20:04
工具插件
开发工具
调试
实时渲染新技术能给业主带来哪些价值?点量云
目前在数字孪生三维可视化项目领域,本地部署和
Webgl
方案是使用比较多的。本地部署方案,根据项目的需要配备几台高性能电脑,在电脑上安装相应的三维可视化模型即可,通常使用的频率不是很高。
点量云实时渲染-小芹
·
2023-09-15 18:47
云流化
云流化像素流云渲染
webgl
实时云渲染方案
云渲染
数字孪生
轻松上手Three.js:JavaScript 3D库指南
与
WebGL
不同,开发人员在使用Three.js进行开发时,无须掌握高深的图形学知识,只需使用少量JavaScript代码即可创建出一个3D场景。
衍生星球
·
2023-09-15 07:05
three学习
three.js
3D
webgl
ThreeJS – 如何提升three.js的渲染效果
1THREE.
WebGL
Renderer的参数设置THREE.
WebGL
Renderer对象的参数设置非常影响渲染效果要想获得比较好的渲染效果,对THREE.
WebGL
Renderer可进行以下参数设置
奇怪的点
·
2023-09-14 14:59
3d
Mars3D认识与理解
Mars3d三维可视化平台是火星科技(opensnewwindow)http://marsgis.cn/研发的一款基于
WebGL
技术实现的三维客户端开发平台,基于Cesium(CesiumJS–Cesiumhttps
棉棉11111111111
·
2023-09-12 12:23
产品运营
科技
学习
跨平台游戏引擎 Axmol-2.0.0 正式发布
下载https://github.com/axmolengine/axmol/releases/tag/v2.0.0更新日志添加实验性的WebAssembly构建支持(
WebGL
2.0),由@nowasm
一线灵
·
2023-09-12 08:18
axmol
游戏引擎
游戏引擎
WebGL
视图矩阵、模型视图矩阵
目录立方体由三角形构成视点和视线视点、观察目标点和上方向视点:观察目标点:上方向:在
WebGL
中,观察者的默认状态应该是这样的:视图矩阵程序(LookAtTriangles.js)实际上,“根据自定义的观察者状态
山楂树の
·
2023-09-12 05:54
WebGL
webgl
矩阵
HT for Web (Hightopo) 使用心得(1)- 基本概念
HTforWeb,通常简称为HT,这是一个基于JavaScript开发的
WebGL
引擎。可用于2D/
图扑数字孪生
·
2023-09-11 14:46
大数据
信息可视化
数字孪生
三维可视化
GitHub上的
WebGL
库调研
1.three.js star:32.9K 更新速率:频繁 这个无需多说,当下最流行的
WebGL
库,轻量级,容易使用,很多
webgl
库都是基于它来构建。
sky.....
·
2023-09-11 13:45
webgl
webgl
Cesium学习笔记
Cesium使用
WebGL
来进行硬件加速图形化;跨平台;跨浏览器;实现真正的动态数据进行可视化。Cesium基于Apache开源协议,支持商业和非商业免费使用。
sky.....
·
2023-09-11 13:44
cesium
webgl
三维GIS
webgl
与webgpu比较
绘制流程
webgl
无论是操作着色器,还是操作VBO,亦或者是创建一些Buffer、Texture对象,基本上都得通过gl变量一条一条函数地走过程,顺序是非常讲究的。
sky.....
·
2023-09-11 13:10
webgpu
webgl
webgl
webgpu
HT for Web (Hightopo) 使用心得(1)- 基本概念
HTforWeb,通常简称为HT,这是一个基于JavaScript开发的
WebGL
引擎。可用于2D/
图扑可视化
·
2023-09-11 12:02
数字孪生
三维可视化
uniapp微信小程序加载spine动画
目录1.XMLHttpRequest封装spine-
webgl
小程序适配修改加载动画1.XMLHttpRequest封装functionXMLHttpRequest(){this.config={};}
selectJiun
·
2023-09-11 09:25
joker的开发日记
微信小程序
spine
动画
WebGL
纹理——在矩形表面贴上图像
目录
WebGL
要进行纹理映射,需遵循以下四步:1.准备好映射到几何图形上的纹理图像。2.为几何图形配置纹理映射方式。3.加载纹理图像,对其进行一些配置,以在
WebGL
中使用它。
山楂树の
·
2023-09-11 06:10
WebGL
webgl
纹理贴图
WebGL
同时使用多幅纹理
该函数的核心部分代码如下所示:需要注意的是前言
WebGL
可以同时处理多幅纹理,纹理单元就是为了这个目的而设计的。本例程序在矩形上重叠粘贴两幅纹理图像。下图显示了本例运行效果,两张纹理图像在矩形上的混
山楂树の
·
2023-09-11 05:40
WebGL
webgl
纹理贴图
着色器
图像处理
GLSL ES着色器 精度限定字
目录前言
WebGL
支持的三种精度数据类型的默认精度float类型没有默认精度预处理指令在GLSLES中常用的三种预处理指令。
山楂树の
·
2023-09-11 05:40
GLSL
ES
着色器
html2canvas 截屏遇到的问题
遇到两个问题:截下来的图里面没有地图保存到本地的时候,浏览器显示网络错误下载失败解决:第一个问题:原因是地图里面的用了
webgl
导致的。
墨语轩
·
2023-09-11 03:55
随笔
html2canvas
Webgl
入门笔记-画矩形
本人是三维可视化方向的研究生,最近因为时间比较多,想深入学习下
webgl
,这边推荐下b站的
webgl
入门教程。
Web图形学工作站
·
2023-09-10 20:51
webgl
webgl
webgl
第11课-绘制矩形
需要源码可以Q群:828202939或者点击这里希望可以和大家一起学习、一起进步!!纯手打!!书籍是PDF电子档,也在Q群里,所有的课程源代码在我上传的资源里面,本来想设置开源,好像不行!如有错别字或有理解不到位的地方,可以留言或者加微信15250969798,在下会及时修改!!!!!上节课主要的怎么利用gl.drawArryas这个函数来绘制一些基本的图形,那么对于复杂的图形我们怎么处理呢?比如
webgl_谷子
·
2023-09-10 20:50
webgl
webgl学习
绘制矩形
webgl绘制矩形
webgl入门
webgl基础
webgl第十一课
如何用html语言制作圆角矩形,
webGL
中圆角矩形的绘制
前言在写HTML这类自带样式设置的渲染语言时,可能写出一个圆角矩形仅仅就是一个样式设置就搞定了;但是有没有想过,直接在
webGL
中用原生的着色器算法写出一个类似CSS圆角样式的效果怎么做?
weixin_39958100
·
2023-09-10 20:50
如何用html语言制作圆角矩形
【零基础学
WebGL
】绘制矩形
接下来,进入正题,一步步分解在
WebGL
世界如何绘制一个矩形。第一步:获取
WebGL
渲染上下文这里不过多介绍,主要是使用canvas.getContextAPI,获取
webgl
上下文。
web老猴子
·
2023-09-10 20:20
javascript
开发语言
ecmascript
【零基础学
WebGL
】绘制图片
前言通过本文的学习,你可以掌握使用
WebGL
绘制任何一张图片。下图是本文的示例图片:理论知识在绘图之前,一起学习一些理论知识吧。
前端开发小司机
·
2023-09-10 20:20
前端
JavaScript
WebGL
绘制一个面
引子JavaScript
WebGL
基础疑惑点之后进行了一些优化,然后尝试绘制常见二维的面。
WebGL
中几何体最终都是由三角形构成,由三角形切入比较合适。
_XXHolic_
·
2023-09-10 20:49
WebGL
javascript
canvas
html5
webgl
WebGL
绘制一个矩形
WebGL
绘制一个矩形本文是
WebGL
电子书的1.2节内容学习建议学习本节课,建议先结合注释看看案例源码,对于不熟悉的
WebGL
API可以在MDN搜索文档,不过刚开始学习,没必要去掌握每一个
WebGL
API
郭隆邦技术博客
·
2023-09-10 20:49
WebGL
webgl
绘制矩形
WebGL
attributevec3aVertexPosition;voidmain(){//直接将外部传入的顶点坐标作为最终坐标gl_Position=vec4(aVertexPosition,1.0
qq_43451782
·
2023-09-10 20:19
WebGl
原生
webgl
学习(五)
WebGL
绘制矩形(二):更简洁的代码
本专栏所有文章示例代码均可在我的gitee码云上获取,读者可自行下载:https://gitee.com/babyogl/learn
WebGL
;本文demo代码在chapter-03下的rectangle
coder_路远
·
2023-09-10 20:48
原生WebGL基础学习
原生webgl学习
WebGL画矩形
WebGL接口封装
webgl
之绘制一个矩形
功能:使用
webgl
绘制一个矩形,这里通过绘制两个三角形来实现一个矩形的绘制步骤:1获取
webgl
上下文2获取着色器字符串3创建,加载,编译着色器4给着色器的变量赋值5绘制图形第一步:获取
webgl
上下文
g0415shenw
·
2023-09-10 20:18
webgl
WebGl
-10.绘制一个矩形
使用三角形的绘制方法gl.TRIANGLE_STRIP来通过4个点绘制两个三角形,实现绘制一个矩形。下面是四个点的位置v0(-0.5,0.5)v1(-0.5,0.5)v2(0.5,0.5)v3(0.5,-0.5)使用三角带gl.TRIANGLE_STRIP这种绘图模式组成的第一个三角形是(v0,v1,v2)第二个是(v2,v1,v3)varvertices=newFloat32Array([-0.
牛code
·
2023-09-10 20:18
#
canvas
html5
javascript
html
原生
webgl
学习(四)
WebGL
绘制矩形(一)
本专栏所有文章示例代码均可在我的gitee码云上获取,读者可自行下载:https://gitee.com/babyogl/learn
WebGL
;本节代码在文件夹chapter-02里面的color-triangle
coder_路远
·
2023-09-10 20:18
原生WebGL基础学习
原生webgl学习
webgl画矩形
webgl画三角形
上一页
12
13
14
15
16
17
18
19
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他