Webgl 第24页

Webgl 练习记录 log 贴图滤镜

0、logger0.1、float打印因为shader里面的变量没有打印方法，所以我做了一个logger。要打印一个值，但是没有迭代，没有动态循环，也没有动态数组。这个过程比较漫长，因为我改了好几种写法，逐一发现了以上特性是不支持的。算法完成之后发现了float失精的问题：千万级别的数只剩下整数位是准确的，小数部分已经没有了；更小级别的数大约支持到小数点后3~5位。在字体的渲染方面，试了一下数字打

LEMOSSR·2023-04-16 08:28

【前端】几个简单的例子带你入门webgl

关注并将「趣谈前端」设为星标每天定时分享技术干货/优秀开源/技术思维之前群里有粉丝提问，就是shader不是很理解。然后今天他就来了，废话不多说，读完今天的这篇文章你可以学到以下几点：为什么需要有shader?shader的作用是什么？？？？shader中的每个参数到底是什么意思？？怎么去用？？？你如果会了，这篇文章你可以不用看????，不用浪费时间，去看别的文章。如果哪里写的有问题欢迎大家指正，

徐小夕@趣谈前端·2023-04-16 08:28

webgl-原生纹理贴图

踩坑：1、图片不显示：图片分辨率为非2的幂次方，图片不能被渲染。图形变成黑方块2的N次幂：1248163264128256512102420484096……2、几何图形配置映射方式，顶点坐标和纹理坐标对应需要注意，构建顺序与新增顶点的奇偶性相关。如果新增顶点时奇数，顶点排列顺序为：T=[n-1n-2n]；如果新增顶点为偶数，顶点排列顺序为：T=[n-2n-1n]；图片素材：链接:https://p

不穿铠甲的穿山甲·2023-04-16 08:57

CORS

XMLHttpRequest和fetch请求WebGLWeb字体使用drawImg将image/video

Veycn·2023-04-16 05:23

前端跨端开发选型对比

前言在现在的大前端时代，产生了很多的跨端技术和框架，前端再也不是了那个只需要写html、css、js的时代，而是需要涉及到app、小程序、网页(web、h5、大屏数据可视化、webgl)、桌面端(window

桃小瑞·2023-04-16 00:29

前端知识点

层次关系，常用属性、布局、选择器、权重、盒模型、Hack、CSS预处理器、CSS3、Flexbox、CSSModules、Documentflow、BFC、HTML5（离线&存储、Histoy,多媒体、WebGL

自you是敏感词·2023-04-15 23:07

3DTiles 1.0 数据规范详解[1] 介绍

Web中的三维html5和webgl技术使得浏览器三维变成了可能。巧妇难为无米之炊，三维数据（三维模型）是三维可视化重要的一环，事实上就是：三维数据众多，行业跨界广。

唐城·2023-04-15 18:12

不用后处理更改Cesium3dtileset的颜色shader

ForEach.shader=function(gltf,handler){if(hasExtension(gltf,'KHR_techniques_webgl')){if(gltf.extensions.KHR_techniques_webgl.shaders.length

directx3d_beginner·2023-04-15 18:10

2021-02-24

可以配合一下这个文字教程学习：https://webglfundamentals.org/webgl/lessons/zh_cn/视频里的一些函数建议认真看一下API：https://developer.mozilla.org

JaneMinHa·2023-04-15 16:34

前端面试：TCP/IP协议栈中的socket是干什么用的？

我觉得因人而异吧，如果今后的发展路线只想做终端类的（h5，app，WebGL），那么其实这一块儿并没有多重要。但是如果您是想要全栈发展的话，socket是一个太基础不过的知识了。

Yubble·2023-04-15 11:05

Http1.1_1

isanapplication-levelprotocolfordistributed,collaborative,hypermediainformationsystems.HTTPhasbeeninusebytheWorld-WideWebglobalinformationiniti

孤独斗士·2023-04-15 10:14

Unity3D打包WebGL并使用MQTT

Unity3D打包WebGL并使用MQTT1.环境准备Unity:2021.3stomp.js2.3.3:下载地址:https://www.jsdelivr.com/package/npm/stompjs2

ice_bear221·2023-04-15 00:55

介绍6个你一打开，就会惊讶的小众网站！

今天给大家分享一些小众的但是十分好玩有趣的网站FluidSimulationhttps://paveldogreat.github.io/WebGL-Fluid-Simulation这是一个流体背景生成器

互联网运营知识库·2023-04-14 20:25

基于webgl的三维室内空间逻辑建模 three.js ThingJS

室内空间最直观的定义是被墙面、地板面和屋顶面围合而成的有界空间。与室外空间相比，[ThingJS平台]的室内空间的三维可视化要求更加精细，如果不能很好地表达容易对用户造成误导！与室外空间相比,室内空间的层次结构较为明显,各楼层间主要是通过楼梯、电梯等这些通道进行连接，除建筑本身结构外还有门窗、栏杆、楼梯等要素，要注意这些人工要素的功能性表达。尤其是室内空间通道的特殊性，制作室内模型的时候要注意空间

小锘good·2023-04-14 15:58

好玩的js

2、three.jsThree.js中文网http://www.webgl3d.cn/Three.js–JavaScript3DLibraryhttps://threejs.org/画3d图且能做动画和游戏的

lsswear·2023-04-14 14:00

发布WebGL遇到的问题

本文地址：https://blog.csdn.net/t163361/article/details/129734803以下为发布WebGL时遇到的问题以及解决方案。

听星·2023-04-14 08:00

2022-06-14 Canvas画布模糊问题

threejs的处理流程renderer=newTHREE.WebGLRenderer({antialias:true});renderer.setPixelRatio(win

SMSM·2023-04-14 01:42

几个JavaScript机器学习开源框架

通过做一些Search和研究发现，这里的确有一些简洁的库，可以将JavaScript、机器学习、DNN甚至NLP结合在一起，而且在浏览器端大多库会调用WebGL

January丶缘·2023-04-13 22:18

cesium自学记录(一）

简介：Cesium是国外一个基于JavaScript编写的使用WebGL的地图引擎。

智商偏低·2023-04-13 17:43

【Three.js】Three.js快速上手教程

即：three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能，是一个常见的web3D库。

卸载引擎·2023-04-12 18:27

Three 之 three.js （webgl）基础第一个入门 Web 3D 场景

Three之three.js（webgl）基础第一个入门Web3D场景目录Three之three.js（webgl）基础第一个入门Web3D场景一、简单介绍二、Three中构建场景主要的三要素三、场景（

仙魁XAN·2023-04-12 18:55

使用 Three.js 的 3D 制作动画场景

由于GSL语法的复杂性，对于许多开发人员来说WebGL是一个未知的领域。但是有了Three.js，在浏览器中3D的实现变得简单。

ygtu2018·2023-04-12 16:37

前端工程师初识Three.js

一、展示效果图1.1颜色模型自转效果1.2贴图模型自转效果二、web图形库的定义1、什么是WebGL：webGL(web图形库)是一个中JavaScriptAPI，用于在web浏览器中呈现交互式2D与3D

xinxiaoyong·2023-04-12 16:07

three.js

模型旋转、缩放、平移变换四*常用材质五*模型复制和克隆六*光源对象七*层级模型八*模型文件加载九*纹理贴图十*相机对象十一*精灵模型和粒子系统十二*帧动画[十三*骨骼动画，变形动画](http://www.webgl3d.cn

玩具大兵·2023-04-12 16:35

Three.js旋转动画、requestAnimationFrame周期性渲染

Three.js旋转动画、requestAnimationFrame周期性渲染本文是Three.js电子书的1.2节基于WebGL技术开发在线游戏、商品展示、室内漫游往往都会涉及到动画，初步了解three.js

郭隆邦技术博客·2023-04-12 16:03

Three.js入门

Threejs是一款WebGL三维引擎，在所有WebGL引擎中，Three.js是国内文资料最多、使用最广泛的三维引擎。

程序猿向前跑·2023-04-12 16:02

Three.js初学

因为需要使用3D绘图，开始学习Three.js，以下是初学的一些总结基于原生WebGL封装运行的三维引擎一个示例/***创建场景对象Scene*/varscene=newTHREE.Scene();/*

lsinzjcs·2023-04-12 16:02

Three.js教程：顶点位置数据解析渲染

yevtte2023·2023-04-12 16:00

Three.js教程：旋转动画、requestAnimationFrame周期性渲染

yevtte2023·2023-04-12 16:24

基于webgl的建筑安全三维可视化应用 ThingJS 3d 开发

建筑安全管理一直是城市管理一项重要工作，[ThingJS]有不错的案例如腾讯总部大厦，项目难度虽然很虐，但在此项目中需要获取高层建筑几何特征和健康信息，尤其体现了三维模型在表达房屋信息方面具有直观、方便的优势，能以可视化方式反映建筑物的几何外观及内部结构，被认可为腾讯“微翎”项目的核心应用，[三维项目演示DEMO点击查看>>]其实，房屋安全问题对于社区来讲更为重要，居民楼或者库房都如雨后春笋冒出来

小锘good·2023-04-12 11:16

webgl——必须掌握的数学知识

文章目录前言坐标系屏幕坐标系右手、左手坐标系其它坐标系向量向量比较向量大小、单位向量行向量和列向量向量基本运算：向量加减、向量与标量乘除向量重要运算：点乘与叉乘矩阵矩阵加减矩阵数乘矩阵乘矩阵矩阵转置逆矩阵正交矩阵行主序和列主序WebGL

迦南giser·2023-04-12 07:22

webgl坐标转换_WebGL教程

前言通过WebGL做了很多项目，感觉有必要录制一套视频教程，所以在这里写一个录制大纲，大家也可以通过章节目录了解下WebGL的基本内容。

晓剑15703836037·2023-04-11 11:09

Unity加载3dTile倾斜摄影数据(WebGL)

格式倾斜摄影数据加载，支持osgb格式倾斜摄影数据加载2.支持编辑器下加载预览，方便进行场景编辑3.支持海量的数据量加载4.多线程LOD算法动态加载卸载5.支持urp,hdrp等渲染管线6.支持PC，WebGL

Answer-3·2023-04-11 11:39

Unity WebGL三维地球

bingmap，谷歌地图，高德地图等影像加载2.支持高程三维地形加载3.支持在线，离线数据加载4.支持unity坐标和经纬度坐标互相转换5.支持fbx模型放置在地球上6.支持倾斜摄影数据放置在地球上7.支持pc,webgl

Answer-3·2023-04-11 11:32

WebGL--vue+openlayers实现轨迹回放动画

vue+openlayers实现轨迹回放动画效果:代码:{{buttonContent}}//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）//例如：import《组件名称》from'《组件路径》';////引入主要组件////import{Feature,Map,Overlay,View}from"ol";import{Map,View,Feature}

喝西瓜汁的兔叽Yan·2023-04-11 07:50

webgl-根据鼠标点击而移动

html*{margin:0px;padding:0px;}您的浏览器不支持HTML5,请更换浏览器main.jsletcanvas=document.getElementById('webgl')canvas.width

不穿铠甲的穿山甲·2023-04-11 05:53

Unity2021发布WebGL与网页交互问题

（一）首先说Unity调用页面方法的办法。首先是需要在工程的Asset目录里面建一个Plugins文件夹，然后在文件夹里面创建一个.txt文件，名字倒是无所谓，创建好后要把扩展名改成.jslib。文件要包含类似如下内容：mergeInto(LibraryManager.library,{Hello:function(){window.alert("Hello,world!");},HelloStr

ttod_qzstudio·2023-04-11 00:10

SuperMap iClient 3D for WebGL 类结构图（Cesium）

SuperMapiClient3DforWebGL类结构图SuperMapiClient3DforWebGL一款在服务式GIS架构体系中，无任何插件，跨浏览器的客户端产品。

Gerhard_杨光辉·2023-04-10 21:37

unity打包webgl PC端和移动端使用

测试版本unity5.6.3版本PC端浏览器win10自带的浏览器(谷歌没能打开-----肯定是可以的，暂时没去找办法)移动端安卓(无ios手机)主机局域网内做iis再使用移动端微信打开链接------成功打开打包的方法百度很多，正常打包就行，无需改动什么下面是打包出来的文件(名称是默认的--可以自行更改)下面是PC端成功运行(全屏的话跟移动端的方法是一样的-----照着移动端的抄就行)移动端的打

萌萌哒蕗甴噐·2023-04-10 17:34

230：vue+openlayers使用WebGLPoints显示数据，根据某属性值的不同阈值显示不同颜色点

第230个点击查看专栏目录本示例的目的是介绍演示如何在vue+openlayers项目中使用WebGLPoints显示数据，根据某属性值的不同阈值显示不同颜色点。

还是大剑师兰特·2023-04-10 15:42

2023 前端面试题

main、article、section、aside、footer）表单控件（calender、date、time、email、url、search）音视频处理API（audio、video）Canavs/webGL

冰魂破·2023-04-09 23:01

webgl 学习笔记

webgl介绍区别webgl是在传统的html文件的系统上，添加了GLSLes（主要是编写着色器的配置）webgl通过js赋值给着色器数据，着色器主要是编写绘制图形需要的配置项webgl代码的主要部分和一些需要知道的概念介绍学习新语言

_旁观者_·2023-04-09 19:44

和我一起学【Three.js】「初级篇」：0. 总论

1.什么是Three.jsThree.js是一个基于WebGL的3DJavaScript开源库（遵循MIT协议），它使Java

libinfs·2023-04-09 10:33

ThreeJS中的点击与交互——Raycaster的用法

1190000010490845坐标系我们的手机屏幕是二维的，但是我们展示物体的世界是三维的，当我们在构建一个物体的时候我们是以一个三维世界既是世界坐标来构建，而转化为屏幕坐标展示在我们眼前，则需要经历多道矩阵变化，中间webGL

IamaStupid·2023-04-09 03:15

Unity反编译:AssetStudio资源浏览器及代码查看器

前言假如你手上有Unity发布出来的exe文件、apk文件或者webGL文件，但就是没有工程源文件，那么，如何从这些文件里面一窥究竟呢？这就需要资源提取工具以及代码反编译工具！

dzj2021·2023-04-08 20:58

Unity使用webSocket与服务器通信（一）搭建一个简单地服务器和客户端

你想在unityWebGL里面使用TCP通信吗，那么你可以用一用webSocket。

dzj2021·2023-04-08 20:27

three.js三大基本概念

照相机（Camera），以及你在场景中创建的物体1.渲染器（Renderer）渲染器：决定了渲染的结果应该画在页面的什么元素上面，并且以怎样的方式来绘制代码如下：varrenderer=newTHREE.WebGLRenderer

Silly_727a·2023-04-08 10:17

SuperMap iClient3D for WebGL教程-CylinderGraphics

CylinderGraphics翻译过来就是圆柱对象，只是这个圆柱对象比较特别，可分别指定上下圆柱面的半径，从而可以衍生出圆锥和圆台对象，下面小编就来讲解下CylinderGraphics如何使用。首先还是老规矩，先看下对象的所有属性。CylinderGraphics属性这里小编对几个比较特别的属性进行讲解length：圆柱的长度，也就是圆柱的上下圆面间的空间距离topRadius：上圆面半径bo

Mr桔子先生·2023-04-08 07:00

Cocos Creator 橡皮擦(刮刮卡)功能（转）

（WEBGL和Native端测试可用）maskNode是详细设置如下我们在scratchCardCtr上挂载了一个脚本scratchCardNodeCtrl直接上这个脚本的代码吧1234567

myflyingangel2016·2023-04-08 02:06

Threejs写的渐变发亮半球

WebGL中文网看过这个一般对threejs

gardenlike2·2023-04-08 02:02

推荐频道

Webgl

Webgl 练习记录 log 贴图 滤镜