[live streaming] CG&WebGL&Threejs knowledge and learning thinking sharing.

For a text version of a live sharing record ( recommends watching the video ), Video cloud disk link The whole article is mainly introduced in several directions:

1. Computer Graphics related
2. WebGL related
3. Threejs related
4. Q&A not recorded yet

Note that the content below may differ slightly from the live content.

---

Computer Graphics - computer graphics related

What is graphics? How to learn computer graphics?

Computer graphics is a discipline that studies how to represent graphics in computers, and uses computers to calculate, process and display graphics.

The above picture contains 101's free sharing content, video learning recommends a certain station Yan Da's Game101 explanation (~~ If you can't find a friend, you need a link to get it and you can comment)

Rasterization

Ray Tracing & Ray Casting

WebGL

Overview of WebGL Content

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.

GLSL - Shader Language

ThreeJs

Threejs Overview - Threejs overview

How to learn Threejs - How to learn threejs

Threejs EXample - Threejs example

back at the sample code with an idea, it will feel very simple.

finally

Visualization related architecture design, source code learning, daily development. I will share in depth step by step. If it helps you, please follow my follow-up content. Students in need can add my contact information (on my homepage, pull you into the group chat).