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

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

  1. Computer Graphics相关
  2. WebGL相关
  3. Threejs相关
  4. Q&A 暂不记录

注意下述内容与直播内容可能稍微存在差异。


Computer Graphics - 计算机图形学相关

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

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

image.png

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

Rasterization 光栅化

image.png

Ray Tracing & Ray Casting

image.png

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.

image.png

GLSL - 着色器语言

image.png

ThreeJs

Threejs Overview - Threejs概述

image.png

How to learn Threejs - 如何学习threejs

image.png

Threejs EXample - Threejs示例

带着思路回头再去看示例代码 顿时会感觉很简单. image.png

最后

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

猜你喜欢

转载自juejin.im/post/7074784274200657927