Three.js中文网 Three.js中文网
首页
免费视频
系统课 (opens new window)
  • Three.js基础课程
  • Vue3+Threejs 3D可视化
  • Threejs进阶课程
  • 展厅3D预览漫游
  • Threejs Shader
  • Blender建模基础
  • Three.js基础课程(旧版本) (opens new window)
  • 文章
WebGPU教程
  • WebGL教程
  • WebGL教程(旧版本) (opens new window)
3D案例
  • 本站部署(打开快) (opens new window)
  • 原英文官网文档 (opens new window)
首页
免费视频
系统课 (opens new window)
  • Three.js基础课程
  • Vue3+Threejs 3D可视化
  • Threejs进阶课程
  • 展厅3D预览漫游
  • Threejs Shader
  • Blender建模基础
  • Three.js基础课程(旧版本) (opens new window)
  • 文章
WebGPU教程
  • WebGL教程
  • WebGL教程(旧版本) (opens new window)
3D案例
  • 本站部署(打开快) (opens new window)
  • 原英文官网文档 (opens new window)
Web3D系统课程视频
  • 1.threejs Shader基础语法

    • 1. 学前说明
    • 2. 着色器GLSL ES语言(复习)
    • 3. ShaderMaterial着色器材质
    • 4. ShaderMaterial半透明、双面显示
    • 5. uniform变量传值
    • 6. WebGL渲染管线
    • 7. 片元屏幕坐标fragCoord.xy
    • 8. 顶点颜色varying插值计算
    • 9. 顶点位置插值(实现渐变色)
    • 10. 颜色贴图map(顶点UV坐标)
    • 11. shader模仿点材质效果
    • 12. attribute自定义顶点变量
  • 2.onBeforeCompile修改材质

  • Threejs Shader教程
  • 1.threejs Shader基础语法
郭隆邦
2023-10-19

2. 着色器GLSL ES语言(复习)

# 2.着色器GLSL ES语言

这部分内容在原生WebGL中讲解过,直接去复习或重新学习下就行。

文档地址:1.2. 着色器GLSL ES语言 (opens new window)

1. 学前说明
3. ShaderMaterial着色器材质

← 1. 学前说明 3. ShaderMaterial着色器材质→

Theme by Vdoing | Copyright © 2016-2025 豫ICP备16004767号-2
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式