00-介绍

最新推荐文章于 2023-08-14 23:29:59 发布
最新推荐文章于 2023-08-14 23:29:59 发布
阅读量164 收藏
点赞数
分类专栏： shader
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_21476953/article/details/114776359
版权

说明

这是一套学习技术美术的笔记,使用webgl three.js shader的实现版。

庄懂的教程 https://www.bilibili.com/video/av95182791
教程配套笔记 https://blog.csdn.net/weixin_43803133/article/details/109618118
教程资料仓库(github): https://github.com/BoyanTata/AP01
教程资料仓库(gitee) git@gitee.com:zeroxer/AP01.git

其他参考:
SHADERS AND EFFECTS COOKBOOK中文pdf

SHADERS AND EFFECTS COOKBOOK图书目录

2021/4/1 新增
做一个专栏…

基础阶段

光照模型

  • 兰伯特
  • phong
  • blin-phong

特效

  • 屏幕uv
  • uv扰动
  • uv动画
  • uv遮罩
  • 顶点动画
进阶阶段

todo … 复杂的案例

力博荣三维可视化
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
mysql日期时间设置默认0000-00-00 00:00:00出错
stdio_54456153的博客
08-11 1万+
在解决问题之前，我们要先了解一下mysql的严格模式和非严格模式，有兴趣可以自己查看一下官方文档 严格模式 顾名思义，就是比非严格模式更为严格，主要就是对数据的要求更为严格，比如数据的类型，长度，格式等。比如一个整型字段我们写入一个字符串类型的数据，在非严格模式下MySQL不会报错，同样如果定义了char或varchar类型的字段，当写入或更新的数据超过了定义的长度也不会报错。还有一些关于null...
个人学习笔记——庄懂的技术美术入门课（美术向）12
清清！的博客
01-12 2040
个人学习笔记——庄懂的技术美术入门课（美术向）121 作业示范2 答疑 该课是在13课之后上的，所以可以先去回顾第13课 1 作业示范 没有标准答案，按照过程做完shader就过关了 2 答疑
个人学习笔记——庄懂的技术美术入门课（美术向）10
清清！的博客
01-10 1095
个人学习笔记——庄懂的技术美术入门课（美术向）101 作业点评与答疑2 连连看作业答案3 代码作业答案 1 作业点评与答疑 盾牌没有发挥shader的威力，写shader只是一方面，美术资源是另外一方面 同样一个shader，不同人对美术资源的规范得到的效果是不同的 从技术上要能写出来，但是美术上也要能用好 流程上要约束整个项目都能输出整个shader样例的效果 只是会写代码还是不够的 没啥问题 头盔整个做的可以上商业效果了 作为一个大作业，同学需要改进光照模型，输出模型贴图，和shad
哨兵2号（Sentinel-2）介绍、下载、预处理及批处理
热门推荐
GeoSuper的博客
04-17 35万+
哨兵2号是高分辨率多光谱成像卫星，携带一枚多光谱成像仪(MSI)，用于陆地监测，可提供植被、土壤和水覆盖、内陆水路及海岸区域等图像，还可用于紧急救援服务。分为2A和2B两颗卫星。 第一颗卫星哨兵2号A于2015年6月23日01:52 UTC以“织女星”运载火箭发射升空。 6月29日，在轨运行4天的哨兵-2A卫星，传回了第一景数据，幅宽290km，卫星第一次扫描的范围是从瑞典开始，经过中欧和地中.........
Mybatis增强版MyBatis-Flex介绍
沉淀、分享、成长，让自己和他人都能有所收获！
08-14 3万+
本文介绍了 Mybatis-Flex，一个用于增强 MyBatis 的框架。相对于 MyBatis-Plus，Mybatis-Flex提供了一些显著的特点，如支持联表查询以及在Mybatis-Plus中收费的功能在Mybatis-Flex中是免费的。文章概述了 MyBatis-Flex 的功能特点，并深入介绍了联表查询的不同方案。
74LS00-芯片资料介绍.pdf
07-04
"74LS00-芯片资料介绍" 本文将对74LS00芯片的介绍进行详细解释，涵盖其概述、引脚定义、逻辑功能、绝对最大额定值、推荐操作条件、电气特性、开关特性等方面的知识点。 概述 ---- DM74LS00是一款四路二输入NAND门...
74HC00-芯片资料介绍.pdf
07-04
74HC00-芯片资料介绍 以下是根据给定文件生成的相关知识点： JEDEC标准 JEDEC（Joint Electron Device Engineering Council，电子器件工程协会）是一家国际半导体行业标准化组织。JEDEC标准no. 8-1A是JEDEC发布的...
EMSE00-br015.
04-02
介绍了关于EMSE00-br015.的详细说明，提供其它知识的技术资料的下载。
数据迁移服务V200R100C00----VMware虚拟机数据迁移方案.doc
10-01
数据迁移服务V200R100C00----VMware虚拟机数据迁移方案 数据迁移服务V200R100C00是华为工程师和合作工程师共同开发的一款数据迁移工具，旨在帮助用户将VMware虚拟机数据迁移到新的存储设备上。 在数据迁移服务...
00-vi常用操作介绍.pdf
09-19
00-vi常用操作介绍.pdf
ThreeJS中CameraHelper的使用
qq_21476953的博客
01-09 3239
代码参考 ThreeJS中CameraHelper的使用 想达到这种效果,都必须使用2个相机。 一个是屏幕相机,最终投影成像在屏幕 一个是带相机助手的相机 就如上图2所示,屏幕相机的投影是整个屏幕(左右两个小窗口共同组成),带相机助手的投影是左面的画面。 伪代码: // 屏幕相机 let camera = new THREE.PerspectiveCamera(45, 1, 0.01, 3...
030-ThreeJS 服务端(node.js)渲染
qq_21476953的博客
01-15 3026
用node.js 渲染 Three.js。 首先,安装依赖: package.json { ... "devDependencies": { "pngjs": "^3.4.0", "three": "^0.112.1", "three-software-renderer": "https://github.com/lanceschi/three-software-rend...
Threejs 中学shader001----three.js中使用GLSL指南
qq_21476953的博客
09-10 2680
https://qiita.com/kitasenjudesign/items/1657d9556591284a43c8 输入和输出 VertexShader 没有输入 在2D平面上输出gl_Position（vec4）顶点坐标 输出gl_PointSize（float）点的大小 FragmentShader 输入gl_FrontFacing（bool）多边形的前后布尔值 输入gl_Fr...
ThreeJS 中显示小窗口
qq_21476953的博客
01-10 2122
参考 ThreeJS 中显示小窗口 这种效果的主要代码: function initStage() { ... // 不要自动清除 renderer.autoClear = false; renderer.setClearColor(0x000000, 0.0); // 创建2个相机 mainCamera, viceCamera ... } // 循环渲染函数 functio...
Threejs 中学shader003----绘制矩形
qq_21476953的博客
09-11 1985
做一个黑框 1、botton-left 黑框 左边和底部有一个黑边,那么让让坐标大于(0.1,0.1)的像素颜色值都为白色。代码为: float left = st.x > 0.1 ? 1. : .0; float bottom = st.y > 0.1 ? 1. : .0; color = vec3(left * bottom); 效果为: 上面的代码还可以使用glsl内建函数s...
利用shader绘制一个带经纬度的球体
qq_21476953的博客
12-27 1871
引子: 这是曾经的一道webgl面试题。 出处 利用shader绘制一个带经纬度的球体 最终效果: 代码 1、创建几何球体 这部分很基础,很快带过然后进入shader。 App.js class App { ... addObj() { // 几何球体 const geometry = new THREE.SphereBufferGeometry(30, 64, 64...
031-绘制虚线-自定义shader实现
qq_21476953的博客
02-10 1360
代码出处: https://github.com/mattdesl/three-line-2d/tree/master/test/shader-dash.js 参考文章： https://mattdesl.svbtle.com/drawing-lines-is-hard 031-绘制虚线-自定义shader实现 最后效果: 1、使用Three.js 内置方法 App.js addLine() {...
ThreeJS 给 Shader传参
qq_21476953的博客
01-14 1347
参考: https://www.cnblogs.com/softimagewht/p/4750847.html ThreeJS 给 Shader传参 一、Shader三种变量类型（uniform, attribute 和varying） 1、uniform 顶点着色器和片元着色器都可以使用 一般用来传递：变换矩阵，材质，光照参数和颜色等信息 用法: 外部(js)给着色器传数据 // 着色器...
02_RampTexture(渐变纹理)
qq_21476953的博客
03-14 1151
文章:使用RampTexture来控制diffuse shading https://www.cnblogs.com/tekkaman/p/3978942.html 教程 https://subscription.packtpub.com/book/game_development/9781849695084/1/ch01lvl1sec14/creating-a-ramp-texture-to-control-diffuse-shading RampTexture(渐变纹理) 利用Lambert漫反.
00-linux系统编程常识-王保明
最新发布
01-21
《00-Linux系统编程常识》是王保明所著的一本关于Linux系统编程的权威参考书籍，旨在帮助读者深入了解Linux系统编程领域的基础知识和实践技巧。本书系统地介绍了Linux系统编程的概念、原理和方法，涵盖了进程管理、...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值