For the transcript of a live broadcast shared (Video is recommended), Video cloud disk linkThe whole paper is mainly introduced in several directions:

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

Note that the following content may be slightly different from the live content.


Computer Graphics – Related to Computer Graphics

What is graphics? How to learn Computer Graphics?

Computer graphics is the study of how to represent graphics in the computer, as well as the use of computer graphics calculation, processing and display of a subject.

The above picture contains the free sharing content of 101. The video learning is recommended by Yan Da’s Game101 explanation of a certain station (~~ can not find a partner, need link to obtain can comment).

Rasterization rasterizer

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

It immediately feels easy to go back to the sample code with that in mind.

The last

Visual architecture design, source code learning, daily development. I’m going to share it step by step. Please check out my follow-up if it’s helpful. If you need me, you can add my contact information (on my homepage, you can join the group chat).