自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

努力的V崽兽

美好的未来有光明的明天在等待

  • 博客(34)
  • 收藏
  • 关注

原创 《JS核心原理精讲》笔记(三)探究 JS 常见的6种继承方式

继承概念的探究继承可以使得子类别具有父类的各种方法和属性。继承的方法第一种:原型链继承原型链继承是比较常见的继承方式之一,其中涉及的构造函数、原型和实例三者之间的关系:每个构造函数都有一个原型对象原型对象又包含一个指向构造函数的指针实例则包含一个原型对象的指针function P1() { this.name = "p1"; this.play = [1, 2, 3];}function C1() { this.type = 'c1';}C1.proto

2021-10-15 10:59:16 94

原创 《JS核心原理精讲》笔记(二)深浅拷贝

浅拷贝自己创建一个新的对象,来接受你要重新复制活音乐的对象值。如果对象属性是基本的数据类型,复制的就是基本类型的值给新对象;但如果属性是引用数据类型,复制的就是内存中的地址,如果其中一个对象改变了这个内存中的地址,肯定会影响到另一个对象。方法一:object.assignobject.assign是ES6中object的一个方法,该方法可以用于JS对象的合并等多个用途,其中一个用途就是可以进行浅拷贝它不会拷贝对象的继承属性它不会拷贝对象的不可枚举属性可以拷贝Symbol类型的属性示例代码

2021-10-13 18:49:29 96

原创 《JS核心原理精讲》笔记(一)数据类型

数据类型概念数据类型大致可以分成两类来进行存储基础类型存储在栈内存,被引用或拷贝时,会创建一个完全相等的变量引用类型存储在堆内存,存储的是地址,多个引用指向同一个地址,这里涉及一个“共享”的概念共享举个例子:let a={ name:'lee', age:18}let b=a;console.log(a.name);b.name='son';console.log(a.name);console.log(b.name);打印结果:‘lee’‘son’‘son’在

2021-10-09 16:15:49 90

原创 【笔记】《大话设计模式》学习-面向对象基础(一)

C#《大话设计模式》学习笔记-面向对象基础(一)介绍前提例子方法重载属性与修饰符封装封装的好处继承什么时候用继承?多态虚方法和方法重写抽象类什么时候应用抽象类呢?接口功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入介绍仅记.

2021-09-10 15:36:21 155

原创 【笔记】《WebGL编程指南》学习-第9章层次模型(3-initShader()函数)

辅助函数 initShaders()的细节

2017-10-22 20:19:58 783

原创 【笔记】《WebGL编程指南》学习-第9章层次模型(2-多节点模型)

多节点模型

2017-10-20 23:52:49 1161

原创 【笔记】《WebGL编程指南》学习-第9章层次模型(1-单关节模型)

模拟前臂和上臂的单关节模型

2017-10-20 14:42:49 859

原创 【笔记】《WebGL编程指南》学习-第8章光照(3-点光源光)

点光源光

2017-10-19 17:58:48 697

原创 【笔记】《WebGL编程指南》学习-第8章光照(2-运动物体光照效果)

进行变换后的立方体的光照情况

2017-10-19 03:31:14 494

原创 【笔记】《WebGL编程指南》学习-第8章光照(1-光照原理)

对静态物体进行光照处理,使之更真实

2017-10-17 16:08:23 867

原创 【笔记】《WebGL编程指南》学习-第7章进入三维世界(5-立方体)

彩色立方体

2017-10-17 02:13:26 908

原创 【笔记】《WebGL编程指南》学习-第7章进入三维世界(4-前后关系)

正确处理对象的前后关系

2017-10-15 22:53:36 382

原创 【笔记】《WebGL编程指南》学习-第7章进入三维世界(3-可视空间)

可视空间(正视投影)

2017-10-14 19:04:28 540

原创 【笔记】《WebGL编程指南》学习-第7章进入三维世界(2-可视范围)

可视范围(正射类型)

2017-10-14 12:02:29 887

原创 【笔记】《WebGL编程指南》学习-第7章进入三维世界(1-视点和视线)

以用户视角进入三维世界

2017-10-13 13:32:24 589

原创 【笔记】《WebGL编程指南》学习-第6章着色器语言(3-其他)

构造体、数组、取样器、运算符优先级、程序流程控制、函数、内置函数、全局变量和局部变量、存储限定字、精度限定字、预处理指令

2017-10-12 03:15:36 465

原创 【笔记】《WebGL编程指南》学习-第6章着色器语言(2-矢量和矩阵)

矢量和矩阵

2017-10-10 19:26:24 303

原创 【笔记】《WebGL编程指南》学习-第6章着色器语言(1-基础)

GLSL ES 的一些基础

2017-10-10 16:24:18 271

原创 【笔记】《WebGL编程指南》学习-第5章颜色与纹理(3-使用多幅纹理))

目标: 重叠粘贴两张不同的纹理图像

2017-10-09 15:31:44 413

原创 【笔记】《WebGL编程指南》学习-第5章颜色与纹理(2-在矩形表面贴上图像))

目标:将一张图片贴在矩形上

2017-09-29 16:26:21 1268 1

原创 【笔记】《WebGL编程指南》学习-第5章颜色与纹理(2-彩色三角形)

我们将为三角形的每个顶点指定一个颜色,然后WebGL会自动在三角形表面产生颜色平滑过渡的效果。

2017-09-29 13:32:30 587

原创 【笔记】《WebGL编程指南》学习-第5章颜色与纹理(1-将非坐标传入顶点着色器))

目标: 三个不一样大小的点;三个颜色不一样的点;

2017-09-28 18:12:05 695

原创 【笔记】《WebGL编程指南》学习-第3章绘制和变换三角形(4-动画))

目标:按照恒定速度旋转的三角形。

2017-09-27 23:56:38 473

原创 【笔记】《WebGL编程指南》学习-第4章高级变换与动画基础(1-平移然后旋转))

目标:实现三角形的 先旋转再平移

2017-09-27 16:10:03 629

原创 【笔记】《WebGL编程指南》学习-第3章绘制和变换三角形(3-移动旋转缩放))

目标:对三角形进行平移、旋转、缩放

2017-09-26 02:03:46 836

原创 【笔记】《WebGL编程指南》学习-第3章绘制和变换三角形(2-你好三角形))

目标:绘制一个简单的二维图形:三角形利用三角形画一个矩形

2017-09-26 00:47:28 345 1

原创 【笔记】《WebGL编程指南》学习-第3章绘制和变换三角形(1-绘制多个点)

目标:绘制多个点组成的图形。本节的例子将会在屏幕上绘制三个红色小点。

2017-09-24 17:50:35 741

原创 【笔记】《WebGL编程指南》学习-第2章WebGL入门(6-改变点的颜色))

这一节的目标是,在上一节用鼠标点击画点的基础上增加改变颜色的功能,点的颜色取决于其位置。

2017-09-23 23:22:00 334

原创 【笔记】《WebGL编程指南》学习-第2章WebGL入门(5-通过鼠标点击画点)

这一节的目标:在鼠标点击的位置上绘制出点来运行结果:

2017-09-22 23:58:24 390

原创 【笔记】《WebGL编程指南》学习-第2章WebGL入门(4-画一个点-版本2))

这一节,我们要将顶点的位置坐标从JS传到着色器程序中,然后再对应位置上将点绘制出来。虽然结果一样,但用到的方法是可扩展的。

2017-09-22 21:07:37 408 1

原创 【笔记】《WebGL编程指南》学习-第2章WebGL入门(3-画一个点-版本1))

目标:绘制一个最简单的图形-点(位于原点(0.0,0.0,0.0)处,大小10像素)!

2017-09-19 23:10:23 687

原创 【笔记】《WebGL编程指南》学习-第2章WebGL入门(2-WebGL的HelloWorld)

今日目标:编写世界上最短的WebGL程序,HelloCanvas。

2017-09-19 15:31:47 933 1

原创 【笔记】《WebGL编程指南》学习-第2章WebGL入门(1-用canvas画一个蓝色矩形)

这一章开始,就要按照书上教的来敲一敲代码了,要准备的很简单:编辑器(我用的是WebStorm)要下载一下这本书中的程序用到的库(书上的网址好像已经崩了,但网上还有,我当时就在csdn上下的,搜书名就搜的到)今天的目标:用canvas画一个蓝色矩形!

2017-09-18 14:49:55 1661

原创 【笔记】《WebGL编程指南》学习-第1章WebGL概述

WebGL概述WebGL,是一项用来在网页上绘制和渲染复杂三维图形,并允许用户与之进行交互的技术。从传统意义上来说,为了显示三维图形,开发者需要使用C或C++语言,辅以专门的计算机图形库,如OpenGL或Direct3D,来开发一个独立的应用程序。现在有了WebGL,我们只需要向已经熟悉的HTML和JS中添加一些额外的三围图形学的代码,就可以在网页上显示三维图形了。 WebGL是内嵌在浏

2017-09-17 21:16:37 658

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除