Na ya na

WebGL，是一项用来在网页上绘制和渲染复杂三维图形（3D 图形），并允许用户与之进行交互的技术。传统意义上来说，只有高配置的计算机或专用的游戏机才能渲染三维图形。而现在，...

随着HTML5的兴起，大量优秀的网页涌现出来。作为HTML5 官方的Web 3D解决方案， WebGL 2.0立刻受到无数开发人员的追捧。本文是一个简单的webgl Dem...

着色器语言主要特性： 着色器语言是一门高级的图形编辑语言和过程语言。 顶点着色器和片元着色器使用相同的语言。 基于C/C++语法及流程控制，但该语言不支持double,by...

函数参数的限定符： 函数的参数默认是以拷贝的形式传递的，也就是值传递，任何传递给函数参数的变量，其值都会被复制一份，然后再交给函数内部进行处理。所以，可以为参数添加限定符来...

webgl的api地址如下： https://www.khronos.org/registry/webgl/specs/latest/1.0/ https://www.kh...

概述 上一个demo呈现的效果是一个三角形，直观的感觉就是还是二维的感觉，使用canvas或者div+css也可以实现，那么什么效果是两种方法无法实现的呢？那现在我们来看看...

一 相关概念 光：方向 + 颜色(包含了强度) 光源 平行光：同方向 + 颜色 点光源：方向（光源位置到照射位置） + 颜色 环境光：颜色 入射角：入射光反方向与平面法线的...

现实中，不同的物体，它们对光产生的反应是不一样的，也就是说当光线照射在物体上，它们反射的颜色不一样，亮度也不一样，这是由物体本身的材质决定的。...

webGl的图形变换无非就是顶点坐标的矩阵变换，下面我们看几个例子。 移动图形 1.想要改变顶点坐标，那就需要通过变量translation与原始坐标进行运算，查可改变位置...

我们的场景中已经充满了多边形物体，其中每个都可能由成百上千平坦的三角形组成。我们以向三角形上附加纹理的方式来增加额外细节，提升真实感，隐藏多边形几何体是由无数三角形组成的事...

前面所有案例中的 3D 模型采用的都是直接给出顶点坐标值（（如立方体）或基于数学式用程序生成坐标值（如球体）的方式，这在一些简单的游戏场景中已经足够了。但如果建立一些更复杂...

1. 前言 到目前为止，案例中的物体都不是透明的，这在很多情况下能够满足需求。但现实世界中还有很多半透明的物体，如果希望在场景中真实再现此类物体，最常用的技术就是混合。 2...

「这是我参与11月更文挑战的第N天，活动详情查看：2021最后一次更文挑战」 Mapbox GL JS 基本原理 让我们一起来快速了解一下 Mapbox GL JS。本章包...

这是我参与11月更文挑战的第2天，活动详情查看：2021最后一次更文挑战 Leaflet是什么 Leaflet 是一个为建设移动设备友好的互动地图，而开发的现代的、开源的 ...

这是我参与11月更文挑战的第3天，活动详情查看：2021最后一次更文挑战 Openlayers是什么 OpenLayers是一个用于开发WebGIS客户端的JavaScri...

起跑线和玻璃心 在《异类》一书中曾表达过类似：‘一朝领先，一辈子领先’。但事实不然人生本是一场马拉松长跑赛，每一个阶段都会有人主动退场，最后的赢家不是一开始就起跑的人而是为...

成功是手段，幸福是目的 获得幸福的手段有很多比如找一个好的伴侣,让父母理性,积累财富,不过笔者认为幸福感源于影响力 。事业有成不过是手段,目的是获得幸福。 当一个人对社会产...

怎么才能写出让人拍手叫好的代码？？？所以这篇文章总结一下 怎么把 “乐色代码” 成功的进价成 “神仙代码！...

ElementUI 作为当前运用的最广的 Vue PC 端组件库，很多 Vue 组件库的架构都是参照 ElementUI 做的。作为一个有梦想的前端（咸鱼），当然需要好好学...

这一篇的主要来分析的就是Element-ui整体的目录结构吧，在阅读源码的时候清楚明白每个目录的工作 对于咱们阅读和学习都有很大的...