[live streaming] CG&WebGL&Threejs知识以及学习思维分享。

对于一次直播分享的文字版记录 (建议看视频), 视频云盘链接 全篇主要分为几个方向进行了介绍:

  1. Computer Graphics相关
  2. WebGL相关
  3. Threejs相关
  4. Q&A 暂不记录
注意下述内容与直播内容可能稍微存在差异。

Computer Graphics - 计算机图形学相关

什么是图形学? 如何学习计算机图形学?

计算机图形学就是研究如何在计算机中表示图形、以及利用计算机进行图形的计算、处理和显示的一门学科。

[live streaming] CG&WebGL&Threejs知识以及学习思维分享。_第1张图片

上图包含101的免费分享内容,视频学习推荐某站闫大的Game101讲解(~~找不到的小伙伴, 需要链接获取可以评论)

Rasterization 光栅化

[live streaming] CG&WebGL&Threejs知识以及学习思维分享。_第2张图片

Ray Tracing & Ray Casting

[live streaming] CG&WebGL&Threejs知识以及学习思维分享。_第3张图片

WebGL

WebGL内容概述

WebGL is just a rasterization engine. It draws points,lines,and triangles based on code you supply. Getting WebGL to do anything slse is up to you to provide code to use points,lines and Triangles to accomlish your task.

[live streaming] CG&WebGL&Threejs知识以及学习思维分享。_第4张图片

GLSL - 着色器语言

[live streaming] CG&WebGL&Threejs知识以及学习思维分享。_第5张图片

ThreeJs

Threejs Overview - Threejs概述

[live streaming] CG&WebGL&Threejs知识以及学习思维分享。_第6张图片

How to learn Threejs - 如何学习threejs

[live streaming] CG&WebGL&Threejs知识以及学习思维分享。_第7张图片

Threejs EXample - Threejs示例

带着思路回头再去看示例代码 顿时会感觉很简单.
[live streaming] CG&WebGL&Threejs知识以及学习思维分享。_第8张图片

最后

可视化相关的架构设计,源码学习,日常开发。我会逐步进行深入分享。如果对你有帮助请关注我后续的内容。有需要的同学可以加一下我的联系方式(在我的主页,拉你进群聊)。

你可能感兴趣的:([live streaming] CG&WebGL&Threejs知识以及学习思维分享。)