webgl第十课

04 WebGL绘图之着色器

WebGL不同于canvas2D的绘图方式，WebGL需要去调用OpenGL的接口的着色器去绘图。所以，我们需要学习WebGL的着色器进行绘图。
暮志未晚Webgl·2023-09-22 11:08

05 WebGL初始化着色器

初始化着色器函数initShaders()被定义在了cuon.util.js中使用：initShaders(gl,vshader,fshader);参数：gl指定渲染的上下文vshader指定顶点着色器程序代码(字符串)fshader指定片元着色器程序代码（字符串）返回值：true初始化着色器成功false初始化着色器失败顶点着色器varVSHADER_SOURCE=""+"voidmain(){
暮志未晚Webgl·2023-09-22 11:08

玩转WebGL(三)着色器

上节中,将着色器代码直接写在字符串里太麻烦了,不方便.所以要把它拆分出去.1.拆分在src下创建shader文件夹,新建Dot.vs和Dot.fs文件Dot.vs:voidmain(){gl_Position=vec4(0.0,0.0,0.0,1.0);//Setthevertexcoordinatesofthepointgl_PointSize=50.0;//Setthepointsize}Do
李尔在此·2023-09-22 11:38

WebGL - 着色器初始化流程

之前对着色器的初始化都是使用的initShaders()这个方法，部分代码在文章最后，其内部分执行细节没有去清晰的了解过，下面做进一步的了解和分析，才能更深入的了解webgl的原理initShaders
「已注销」·2023-09-22 11:36

WebGL初始化着色器（笔记4）

初始化着色器函数initShaders()被定义在了cuon.util.js中使用：initShaders(gl,vshader,fshader);参数：gl指定渲染的上下文vshader指定顶点着色器程序代码(字符串)fshader指定片元着色器程序代码（字符串）返回值：true初始化着色器成功false初始化着色器失败顶点着色器varVSHADER_SOURCE=""+"voidmain(){
朱桂彪·2023-09-22 11:36

webgl——使用着色器给图形给点颜色看看（二）

文章目录前言绘制一个点初始化着色器存储限定符向webgl系统传递变量前言接前面文章，我们实现了一个最简单的webgl程序，但是只是程序运行起来只是漆黑一片，我们想要通过webgl绘制一些图形。
jiegiser#·2023-09-22 11:05

webgl 系列 —— 着色器语言

Tip:webgl1.0绝大多数浏览器都支持，webgl
2301_76725413·2023-09-22 11:04

webgl基础：着色器基础

前言：(十分重要)上节文章中，跟大家分享了一下如何入门webgl并在画布上绘制一个点。诚然，我们看到的流程是十分繁琐的。这里想说明的一点是，webgl基础很类似于JavaScript基础。
YancyCathy·2023-09-22 11:04

WebGL 初始化着色器

目录前言初始化着色器的7个步骤创建着色器对象（gl.createShader（））gl.createShader（）规范gl.deleteShader（）规范指定着色器对象的代码（gl.shaderSource（））gl.shaderSource（）规范编译着色器（gl.compileShader（））gl.compileShader（）规范编辑gl.getShaderParameter（）规范g
山楂树の·2023-09-22 11:02

199班许潇杰历史周记

第十课，中世纪城市和大学的兴起自由和自治的城市西罗马帝国灭亡后，在长达400多年的时间里，西欧的农业.工商业普遍衰落,罗马时代的很多城市变成了废墟。
b14cc8876da0·2023-09-22 07:11

日入千元第一期微课孵化营

微课孵化营基础班第十课主题：如何做好性格解析群的引流？
e涵·2023-09-22 05:54

WebGL 计算点光源下的漫反射光颜色

目录点光源光逐顶点光照（插值）示例程序（PointLightedCube.js）代码详解示例效果逐顶点处理点光源光照效果时出现的不自然现象更逼真：逐片元光照示例程序（PointLightedCube_perFragment.js）代码详解点光源光与平行光相比，点光源光发出的光，在三维空间的不同位置上其方向也不同，如下图所示。所以，在对点光源光下的物体进行着色时，需要在每个入射点计算点光源光在该处的
山楂树の·2023-09-22 02:48

Unity WebGL C#与JS的相互通信

一、C#代码与JS代码交互传参首先在Plugins/WebGL下创建一个WebGL.jslib，代码如下:官网教程:传送门mergeInto(LibraryManager.library,{FileBtn
人无两度s·2023-09-22 02:41

Unity WebGL用到的WebSocket

WebGL与服务器交互总结(资源及代码)想到啥写啥首先用到的资源BestHttp:传送门我这里只做了客户端，服务端是同事做的。同样是用的WebSocket，具体是什么框架就不得而知。
人无两度s·2023-09-22 02:41

【三维世界】高性能图形渲染技术——WebGL你有了解多少？

目录WebGL概述WebGL的优势使用文本编辑器开发三维应用轻松发布三维图形程序充分利用浏览器的功能学习和使用WebGL很简单WebGL的起源OpenGL、OpenGLES1.1//2.0/3.0和WebGL
山楂树の·2023-09-22 00:22

WebGL 选中一个表面

目录选中一个表面示例程序（PickFace.js）代码详解示例效果选中一个表面WebGL选中物体_山楂树の的博客-CSDN博客可以使用同样的方法来选中物体的某一个表面。
山楂树の·2023-09-22 00:52

WebGL 常用术语整理

目录Aα混合（alphablending）α值（alphavalue）环境光（ambientlight）连接（attach）attribute变量（attributevariable）B绑定（bind）缓冲区（buffer）缓冲区对象（bufferobject）C画布（canvas）裁剪（clipping）颜色缓冲区（colorbuffer）列主序（columnmajor）完整性（complete
山楂树の·2023-09-22 00:52

WebGL HUD（平视显示器）

目录HUD（平视显示器）如何实现HUD示例程序（HUD.html）示例程序（HUD.js）代码详解在网页文字上方显示三维物体代码详解HUD（平视显示器）平视显示器（headupdisplay）简称HUD，最早用于飞机驾驶。平视显示器将一些重要信息投射到飞机驾驶舱前方的一块玻璃上，飞行员能够将外界的影像和这些重要信息融合在一起，而不用频繁低头观察仪表盘。三维图形程序，尤其是游戏，也经常在三维场景上叠
山楂树の·2023-09-22 00:20

WebGL笔记: 2D和WebGL坐标系对比和不同的画图方式, 程序对象通信，顶点着色器，片元着色器

WebGL坐标系canvas2d画布和webgl画布使用的坐标系都是二维直角坐标系，但它们坐标原点、y轴的坐标方向，坐标基底都不一样canvas2d坐标系的原点在左上角,x轴朝右，y轴朝下1个单位的宽就是一个像素的宽
Wang's Blog·2023-09-21 23:32

WebGL中JS与GLSL ES 语言通信，着色器间的数据传输示例：js控制绘制点位

js改变点位，动态传值attributevec4a_Position;voidmain(){//点位gl_Position=a_Position;//尺寸gl_PointSize=50.0;}voidmain(){gl_FragColor=vec4(1,1,0,1);}import{initShaders}from"./utils.js";constcanvas=document.querySel
Wang's Blog·2023-09-21 23:32

WebGL笔记：设置画布底色，从样式中解析颜色并设置画布底色，设置动态画布底色

document.querySelector("#canvas");//设置宽高canvas.width=200;canvas.height=200;//获取gl三维画笔constgl=canvas.getContext("webgl
Wang's Blog·2023-09-21 23:59

GLSL-WebGL着色器语言语法详解

GLSL的注释语法和JS一样，变量名规则也和JS一样，不能使用关键字，保留字，不能以gl_、webgl_或webgl开头。运算符基本也和JS一样，++–+=&&||还有三元运算符都支持。
天外天-亮·2023-09-21 23:47

three.js制作全景图_“飞行员”的制作：使用Three.js动画制作基本的3D场景

Viewdemo查看演示DownloadSource下载源Today,wearegoingtocreateasimple3DflyingplaneusingThree.js,a3DlibrarythatmakesWebGLsimpler.WebGLisaprettyunknownworldformanydevelopersbecauseofthecomplexityand
culiao9310·2023-09-21 21:22

机器学习第十课--提升树

一.Bagging与Boosting的区别在上一章里我们学习了一个集成模型叫作随机森林，而且也了解到随机森林属于Bagging的成员。本节我们重点来学习一下另外一种集成模型叫作Boosting。首先回顾一下什么叫Bagging?比如在随机森林里，针对于样本数据，我们同时训练了多棵决策树，然后让这些决策树通过投票的方式来参与预测。这种方式的好处也讲过，可以很好地提升模型的稳定性。其实任意的集成模型只
好人cc·2023-09-21 18:52

SuperMap iClient3D for WebGL教程（Entity）-EllipsoidGraphics

在上一篇文章里面，介绍了椭圆实体EllipseGraphics，这一篇我们来看看EllipsoidGraphics椭球体，同样的我们先看看下面这张图，了解EllipsoidGraphics有哪些属性，分别是干什么用的；EllipsoidGraphics关于fill，show，shadows以及distanceDisplayCondition等属性，就不做说明了，大家可以查看前一篇文章，主要说明下椭
ayiyayiyo·2023-09-21 14:29

WebAR ｜ 关于WebGL标准

AIRX三次方•帮助年轻人获得适应未来社会的新技术能力专注AR+VR+Unity+Unreal+CV+AI方向WebGL是HTML5canvas元素的扩展，现已广泛用于开发需要3D可视化的Web应用程序
三次方·2023-09-20 21:00

【前端知识】Three 学习日志（八）—— 全屏渲染

设置全屏渲染constwidth=window.innerWidth;//窗口宽度constheight=window.innerHeight;//窗口高度constrenderer=newTHREE.WebGLRenderer
前端Outman·2023-09-20 16:16

【前端实习生入职】之-threejs实现可拖动立体框

已经有一段时间没有更新了，这段时间匆匆忙忙来到北京实习，从一个南方的前端在校学生到北方来生活实习，一切都在慢慢适应当中，来公司之前就了解到这家公司是做自动驾驶以及ai方面的，到公司后果不其然疯狂学习threejs，webGL
joey不熬夜·2023-09-20 16:48

Threejs 的前世今生及基本概念

其中一种就是通过WebGL在网页中绘制高性能的3D图形。OpenGL,WebGL到Three.jsOpenG
向日葵·2023-09-20 15:45

Three.js 基础

其中一种就是通过WebGL在网页中绘制高性能的3D图形。OpenGL,WebGL到Three.jsOpenGL大概许多人都有所
ccessl·2023-09-20 15:15

【ThreeJS】基础教学 创建一个立方体

-场景搭建-ThingJS开发者社区讲THREE很难学，这是误导，其实是很简单的；就拿他文章里的代码，全部注释一遍给大家参考吧；three.jswebgl-geometry-cube//引入three库
Ning+·2023-09-20 15:15

ThreeJS-3D教学一基础场景创建

它建立在WebGL技术之上，并提供了丰富的功能和工具，使开发者可以轻松地构建令人惊叹的3D可视化效果。
天外天-亮·2023-09-20 15:45

瘦腿课程练习直击记录35——第四轮练习之赶走“假胯宽”和改善O型腿

二是瘦腿课程第十课改善O型腿的3个动作练习。1.快乐婴儿式。5个呼吸时长，3组。2.
艾妞妞·2023-09-20 12:38

unity 发布WebGL 读取TXT 遇到的问题

路径问题//stringpath=Path.Combine(Application.streamingAssetsPath,"data.txt");//unityEditor，webgl端都可以读取//
乱七八糟的笔记·2023-09-20 10:02

拼搏 —— 精英九班 高端

听写完毕后，我们开始了九下历史第十课的学习，我们学习了巴黎和会一个无耻的会议。时间过得飞快，还没有讲多少就下课了。第二节课
网中的水滴·2023-09-20 08:55

Unity WebGL 编译 报错: emcc2: error: ‘*‘ failed: [WinError 2] ϵͳ�Ҳ���ָ�����ļ���解决办法

导出路径不能有中文系统名(win)含有中文,修改环境变量Temp和Tmp,如下图:真正的原因:杀毒软件删除了部分wasm相关文件,如:错误日志BuildingLibrary\Bee\artifacts\WebGL
Dekiven·2023-09-19 14:23

日语学习第30天

3.学习课程：沪江网校倒数第二课，慕课第十课。今天第一次收到老师的评价和表扬，好开心，老师说我笔记记得很认真。默写周五单词的时候，写错了长音，老师及时帮我纠正，非常感动。
子非鱼终身学习日志·2023-09-19 13:44

心理第十课——王文琪

1.印象最深刻的三个部分．黄伟很形象的梳理了情绪和情感的相关知识，邀请李晨做了四个面部表情．了解了情绪和情感．“班花”让狗追了2.为什么印象最深刻．很有意思的课堂活动．情绪和情感是有区别的．对情绪印象更深了图片发自App3.怎么做．专注课堂．学会辨别不会再混淆了．调节好情绪做事情才会事半功倍4.收获和感想．好的情绪会对我们有很大的帮助，让我们积极面对生活，所以调整好情绪很重要。图片发自App
王文琪v·2023-09-19 10:38

ThreeJs 基础入门

使用它可以让我们更加直观的了解webgl的世界。
了无_数据科学·2023-09-19 07:58

Unity减少发布打包文件的体积——获取精灵图片的信息限制它的大小

一、起因一个工程，打包成webGL且压缩成zip文件后，接近400M，后来把大的精灵图片设置最大尺寸，降低大小后，再次发布，zip文件缩减到250M二、如何一键获得工程里面的精灵图片信息三、获取精灵图片信息
dzj2021·2023-09-19 04:05

webgl_gpgpu_birds 样例分析

webgl_gpgpu_birds是一个three.js的官方样例，这个例子模拟了鸟群的运动，是一个群组动画，并且动画的帧率也很高；鸟群的运动很自然，非常值得研究。
从杰·2023-09-19 03:04

three.js webgl_nodes_materials_instance_uniform 例子分析

在three.js的官方例子中webgl_nodes_materials_instance_uniform可以看到场景中有一个格子背景，一个环绕运动的点光源，12个颜色各异的球体网格。
从杰·2023-09-19 03:33

threeJs 样例，webgl2_volume_perlin的修改

官方例子webgl2_volume_perlin.html,把perlin噪音绘制出来了，可以直观感受perlin噪音的图像形状。原例子支持立方体，我把立方体改为了球形。
从杰·2023-09-19 03:32

第四天：差一点荒废

第十课8个语法（1）名は形2です/でした。形2是不以“い”结尾的形容词。作谓语时，一般陈述句用法与形1相同。后面加“です”，过去形式加“でした”。（2）名は形2ではありません/ではありませんでした。
vokuic·2023-09-18 18:16

SuperMap iClient for WebGL加载HDR格式的环境光贴图

.hdr->.ktx）三、HDR格式的环境光贴图加载3.1关键代码3.2效果展示前言在三维渲染效果要求越来越逼真的大环境下，超图不负众望，最新SuperMapiClient3D11i(2023)forWebGL
supermapsupport·2023-09-18 12:17

2023/09/17

j2.git删除所有stash或指定stashgitstashdrop[可选stash名]3.vue在函数默认参数后增加新参数4.gitpush添加“-u”参数5.vscode快捷输入符号$的使用6.WebGL
搜捕鸟了·2023-09-18 10:04

threejs的使用

threejs介绍：Three.js是一款基于WebGL的JavaScript3D库，用于创建和渲染3D图形场景。
简宁909·2023-09-18 09:05

WebGL光照介绍——平行光、环境光下的漫反射

目录光照原理光源类型平行光点光源环境光反射类型漫反射漫反射光颜色计算公式环境反射环境反射光颜色表面的反射光颜色（漫反射和环境反射同时存在时）计算公式平行光下的漫反射根据光线和法线方向计算入射角θ（以便求两者点积：cosθ）归一化法线：表面的朝向一个表面具有两个法向量平面的法向量唯一示例代码——平行光漫反射（LightedCube.js）示例效果代码详解顶点着色器部分JavaScript程序部分环境
山楂树の·2023-09-18 05:06

WebGL 根据模型矩阵的逆转置矩阵计算运动物体的光照效果

目录前言坐标变换引起法向量变化变化规律：魔法矩阵：逆转置矩阵逆转置矩阵的用法总结Matrix4对象的setInverseOf、transpose方法规范（以完成逆转置矩阵）示例代码（LightedTranslatedRotatedCube.js）代码详解示例效果前言场景中的物体运动，观察者的视角也很可能会改变，物体平移、缩放、旋转都可以用坐标变换来表示。显然，物体的运动会改变每个表面的法向量，从而
山楂树の·2023-09-18 05:33

2018.8.14学习致良知第十课：男人的哲学

白立新老师用两个字形容了男人和女人，忙和苦。之所以感到忙和苦就是没有看到这两个字的本质！男人的哲学：忙里偷闲！女人的哲学：苦中作乐！男人有效的忙完工作事业以后才能得到成就的同时拥有闲暇的时光陪伴孩子和家人！而女人生儿育女，相夫教子，起早贪黑的付出才能收获到喜人的果实，这就是乐！人都活着都是活精气神儿的，只要心是光明的，苦亦是甜，苦亦是乐！
雪片儿雪片儿·2023-09-18 02:41
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他