Three.js-WebGL

webgl一个三角形123456789101112131415161718192021222324252627282930313233343536373839404142var canvas = document.getElementById("webgl");var gl = canvas.getContext("webgl");var vertexShaderSource = `attribute vec4 a_position;void main() {gl_Position = a_position;}`;var fragmentShaderSource = `void main() {gl_FragColor = vec4(1.0, 0.0, 0.0, 1.0);}`;var vertexShader = gl.createShader(gl.VERTEX_SHADER);gl.shaderSource(vertexShader, vertexShaderSource);gl.compileSha ...

Angular学习 Angular权威指南1 编写编写你的第一个应用1：环境搭建参考文档：https://angular.cn/guide/setup-local 1.1：安装 Angular CLI你可以使用 Angular CLI 来创建项目、生成应用和库代码，以及执行各种持续开发任务，比如测试、打包和部署。全局安装 Angular CLI。要使用 npm 命令安装 CLI，请打开终端/控制台窗口，输入如下命令：npm install -g @angular/cli //版本号：9.0.2 1.2：创建工作空间和初始应用你要在 Angular 工作区的上下文中开发应用。要创建一个新的工作空间和初始入门应用： 1234运行 CLI 命令 ng new 并提供 my-app 名称作为参数，如下所示：ng new my-app //不能以数字开头，-后面也不能是数字。ng new 命令会提示你提供要把哪些特性包含在初始应用中。按 Enter 或 Return 键可以接受默认值。123 Angular CLI 会安装必要的 Angular npm 包和其他依赖包。这可能要花几分钟的时间。 ...

Bloom泛光泛光（Bloom） 是一种现实世界中的光现象，通过它能够以较为适度的渲染性能成本极大地增加渲染图像的真实感。用肉眼观察黑暗背景下非常明亮 的物体时会看到泛光效果。亮度更高的物体还会造成其他效果（条纹、镜头光斑），但这些效果不在经典的泛光 效果范畴内。我们的显示器（电视、TFT屏等）通常不支持HDR（高动态范围），因此实际上无法渲染太亮的物体。于是我们模拟了 当光线射到胶片（胶片次表面散射）或摄像机前（乳白色玻璃滤光片）时眼睛中出现的效果（视网膜的次表面散射）。这种效果不一定符合实际 情况，但它可以帮助表现对象的相对亮度，或者给屏幕上显示的LDR（低动态范围）图像添加真实感。 泛光可以用一个高斯模糊来实现。为了提高质量，我们将多个不同半径的高斯模糊组合起来。为了获得更好的性能，我们在大大降低的分辨率下 进行很宽范围的模糊。在UE 3中，高斯模糊的分辨率为1/4、1/8和1/16。而现在我们可以使用多种模糊，分辨率从1/2（Blur1）到1/32（Blur5）。 通过改变模糊效果的组合方式，我们可以进行更多的控制，取得更高的质量。为了获得最佳的性能，应该使用高分辨率模糊（小 ...

WEBGL编程指南WebGL编程指南/(美)松田浩一(Matsuda,K.)，(美)李(Lea,R.)著;谢光磊译。 一北京:电子工业出 版社，2014.6 书名原文:WebGL programming guide: interactive 3D graphics programming with WebGL ISBN 978-7-121-22942-8 温故而知新，可以为师矣？ 第1章 WebGL 概述这一章简要介绍了WebGL 技术的若干关键特性和WebGL程序(网页)的结构。总之，这一章最重要的内容是，WebGL程序使用三种语言开发:HTML、JavaScript 和 GLSL ES——然而，由于着色器代码GLSLES 内嵌在JavaScript中，所以WebGL网页的 文件结构和传统网页一样。下一章将通过一些简单的WebGL示例，一步一步把你带进 WebGL的大门。 OpenGL、OpenGL ES 1.1//2.0/3.0 和 WebGL之间的关系 第2章 WebGL 入门本章内容： WebGL如何获取canvas元素，如何在其上绘图。 HTML文件如何引人W ...

hexo使用教程 资源文件引用地址以斜杠开头指向source文件夹，不会被编译到public目录下， 如/assets/img.jpg。 图片![]()，链接[](),区别在于加！是图片连接。不加是普通资源文件。 webgl-reference-card-1_0.pdf 新建md模板12345678---title: 标题date: 2020-10-10 18:49:16categories: 分类名称---文件摘要<!-- more --> 可以通过命令创建md文章，也可以自己创建，而且可以更加灵活的配置。分类名称可以任意，如果之前没有相同的分类，就会新建该分类。more标签前面的会显示为文章摘要。 案例文件 跳过编译： 12skip_render: - "assets/example/**"

官网地址：https://hexo.io/安装基本知识：git、node、npm。了解会用即可。安装基本步骤： 12345npm install hexo-cli -g //全局安装hexo核心hexo init blog //初始化一个博客，这里的blog是文件夹的名称，你可以换成其他的cd blog // cd命令，进入到blog文件夹下npm install // 安装npm 包 如果速度慢的可以试试cnpm(自己百度)hexo server //运行server命令 然后访问http://localhost:4000/就会打开一个页面了，像下面的样子 看hexo的版本升级到了4.0 但是-cli的版本依然是3.1.0。 发布npm run deploy 可以先clean，修改一下命令："deploy": "hexo clean & hexo deploy",