webgl基础介绍

【WebGL】《WebGL编程指南》读书笔记——第4章

一、前言今天继续第四章的学习内容，开始学习复合变换的知识。二、正文Example1:复合变换在书中，作者为我们封装了一套用于变换的矩阵对象：Matrix4对象。它包含以下几种方法：Matrix4.setIdentity():将Matrix4实例化为单位矩阵Matrix4.setTranslate(x,y,z):将Matrix4实例设置为平移变换矩阵，在x轴平移距离为x，在y轴平移距离为y，在z轴平
weixin_30664615·2023-10-19 08:03

【笔记】《WebGL编程指南》学习（10）

WebGL编程指南学习（10）Thisisjusttheendofthebeginning.
界明城·2023-10-19 08:02

【笔记】《WebGL编程指南》学习（6）

WebGL编程指南学习（6）6.光照光照使场景变得逼真~6.1从物理出发计算机图形学中着色（shading）的真正含义就是，根据光照条件重建“物体各表面明暗不一的效果”的过程两个物理上的事情需要考虑：发出光线的光源的类型物体表面如何反射光线光源平行光
界明城·2023-10-19 08:32

WebGL编程指南五：三角形动画

目标：绘制一个不停旋转的三角形基础概念为了一个三角形转动起来，你需要做的是：不断擦除和重绘三角形，并且在每次重绘时轻微的改变其角度。requestAnimationFrame(func)请求浏览器在将来某时刻回调函数func以完成重绘。我们应当在回调函数最后再次发起该请求。参数：func指定将来某时刻调用的函数。函数会接收到一个time参数，用来表明此次调用的时间戳返回值：Requestid传统习
Zmikoo_zyx·2023-10-19 08:31

webGL编程指南 第三章 平移三角形

我会持续更新关于wegl的编程指南中的代码。当前的代码不会使用书中的缩写，每一步都是会展开写。希望能给后来学习的一些帮助git代码地址接着上一节接着做平移的转化。在本次的案例案例中主要是xy的坐标变量相加，同时传递个给相关变量Document可以按下按键ADSW移动图形letcanvas=document.getElementById('canvas');letgl=canvas.getConte
sogooday·2023-10-19 08:00

【《WebGL编程指南》读书笔记】

《WebGL编程指南》读书笔记从事GIS开发，尤其是三维GIS开发在了解基本的GIS知识之外，还需要更多地了解计算机图形学方面的知识。
floating_heart·2023-10-19 08:30

webGL编程指南实战教程

学习路线：如果你是在校大学生，有足够的时间去学习：前端>数学（几何+线性代数）>图形学>webgl>shader>threejs>three.js源码如果你是工作中使用，需要快速出产成品：前端>threeJs
IT飞牛·2023-10-19 08:29

webGL编程指南 第三章 旋转三角形

本案例是三角形的旋转Document可以按下按键ADSW旋转的角度：letcanvas=document.getElementById('canvas');letgl=canvas.getContext('webgl
sogooday·2023-10-19 08:26

Fundamentals of Computer Graphics（虎书）第五版中文翻译目录

计算机图形学基础介绍图形领域主要应用图形API计算机图形学基础数学杂项计算机图形学基础光栅图像计算机图形学基础光线追踪计算机图形学基础表面着色计算
吾爱学编程·2023-10-19 02:33

cocoscreator 2.4.x解决图片 有锯齿

新建一个antiAlias.js插件文件写入内容cc.macro.ENABLE_WEBGL_ANTIALIAS=true;把纹理的过滤模式设置成biliner然后,把这个文件设置为插件脚本
亮亮同学·2023-10-18 23:41

Unity 发布WebGL 异常 : Uncaught ReferenceError: unityFramework is not defined

浏览器Console报错信息:Unity2020.2.2f1c1编译WebGL版本后浏览器运行卡住.Console里有报错UncaughtReferenceError:unityFrameworkisnotdefined
xxxxxue·2023-10-18 21:46

计算机图形学笔记：从 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

3、RIOT操作系统的文件结构和CC2538在RIOT中的相关基础介绍

RIOT操作系统的文件结构上一篇帖子中介绍了riot的下载和环境配置。这次介绍一下riot的系统文件架构。下面图中是下载完之后的riot操作系统的文件。这些文件夹的详细介绍在官网中有介绍。大家可以访问网站：http://www.riot-os.org/api/index.html。里面有几个重要的文件夹，分别是board，core，cpu，dist，doc，drivers，examples，pkg
莫九玉·2023-10-18 04:37

VMware安装与配置

VMware安装与配置一、VMware虚拟机安装1.基础介绍2.准备工作二、VMware虚拟网络配置1.NAT模式三、CentOS中的配置1.更改CentOS系统网卡的IP配置2.重启网卡3.再次输入ifconfig
Long丶龙·2023-10-17 23:16

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

Linux shell脚本编程语法基础

Linux脚本编写语法基础介绍：1开头程序必须以下面的行开始（必须方在文件的第一行）：#!/bin/sh符号#!用来告诉系统它后面的参数是用来执行该文件的程序。
LudyYuen·2023-10-17 01:24

数据结构的基础介绍

一、数组数组(Array)大概是最简单，也是最常用的数据结构了。其他数据结构，比如栈和队列都是由数组衍生出来的。概念每一个数组元素的位置由数字编号，称为下标或者索引(index)。大多数编程语言的数组第一个元素的下标是0。根据维度区分，有2种不同的数组：一维数组多维数组(数组的元素为数组)数组的基本操作Insert-在某个索引处插入元素Get-读取某个索引处的元素Delete-删除某个索引处的元素
你飞跃俊杰·2023-10-17 00:26

SQL基础介绍

1.基本语法SQL（StructuredQueryLanguage）结构化查询语言，通过SQL，我们就可以查询数据库中的数据，而数据再数据库中又是以表的形式保存的，所以SQL查询，主要就是对表进行查询。SQL的语法就和学习英语的语法、汉语拼音一样，满足给定的套路，去使用就可以了。当我们拿到了数据库的连接信息，连接到一个数据库上，我们就可以开始写SQL了。简单介绍客户端Navicat的使用菜单-新建
橘猫吃不胖·2023-10-16 18:21

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

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

使用jenkins自动化部署微前端项目的方案实践

本文首发于公粽号「前端进阶之旅」持续集成集成工具jenkins的基本介绍和自动化部署微前端项目的几个简单方案一、Jenkins基础介绍Jenkins是国际上流行的免费开源软件项目,是基于Java开发持续集成工具
程序员poetry·2023-10-16 16:33

three.js入门到实战

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

WPF 基础介绍

WPF简介WPF（WindowsPresentationFoundation）是微软推出的基于Windows的用户界面框架，属于.NETFramework3.0的一部分。它提供了统一的编程模型、语言和框架，真正做到了分离界面设计人员与开发人员的工作；同时它提供了全新的多媒体交互用户图形界面。控件分类布局控件panel内容控件ContentControl只能容纳一个控件或布局控件带标题的控件内容控件
葬歌倾城·2023-10-16 11:06

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

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

web前端学习-html标签

1.1.2文本格式化标签1.1.3换行标签和分割线标签1.1.4文本格式化标签1.2媒体标签1.2.1图片标签1.2.2路径1.2.3音频标签1.2.4视频标签1.2.5链接标签1.2.5.1链接标签的基础介绍
GY-93·2023-10-16 09:20

1.Containerd容器运行时初识与尝试

0x00前言简述1.基础介绍2.专业术语3.架构简述0x01安装配置1.Ubuntu安装Containerd.io流程0x02简单使用1.镜像拉取与运行2.创建和使用网络3.与宿主机和其它容器共享文件4
全栈工程师修炼指南·2023-10-16 08:11

STM32 ---- 再次学习STM32F103C8T6/STM32F409IGT6

目录一、环境搭建及介绍关于STM32基础介绍新建工程外设案例LED流水灯蜂鸣器上拉电阻和下拉电阻知识电压比较器c语言基础知识类型、结构体、枚举类型int8_tint16_tint32_t宏替换#define
prppr_·2023-10-16 05:40

《Python 编程从入门到实践》 ———— Python学习笔记完结篇

文章目录基础介绍一、变量和简单数据类型1.变量2.字符串3.数字4.注释二、列表1.列表建立2.列表操作三、If语句1.条件测试2.if语句四、字典1.字典使用2.字典遍历3.字典嵌套五、用户输入&while
小趴菜_自动驾驶搬砖人·2023-10-16 01:03

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

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

Spring学习笔记（1）

Spring学习笔记（1）一、Spring基础介绍1.1Spring的学习路线1.2Spring解决传统的JavaWeb开发的缺点1.3Spring当中的三种思想1.4框架的基本特点1.5Spring概述
黄大帅@lz·2023-10-15 12:07

1.Docker容器学习之新生入门必备基础知识

文章目录0x00Docker快速入门1.基础介绍2.Docker架构3.Docker资源隔离4.Docker容器文件系统0x01Docker安装1.Linux2.Windows3.MAC4.加速器配置0x00Docker
全栈工程师修炼指南·2023-10-15 11:56

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

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

成本管理相关工具

一基础介绍成本管理的主要范围为：为确保项目按照预算完成，评估项目范围变更对预算的影响。
八克牙·2023-10-14 23:55

嵌入式ARM板程序的生成器 ---- 交叉编译器

utm_source=app&app_version=4.13.0&code=app_1562916241&uLinkId=usr1mkqgl919blen【嵌牛导读】交叉编译器的基础介绍【嵌牛鼻子】交叉编译器
Windsky·2023-10-14 22:21

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
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他