Chia Sẻ Khóa Học Tìm Hiểu GLSL Shader Từ Đầu [Khóa 5532 A]
Biến WebGL của bạn trở nên sống động hơn với các shader tùy chỉnh.
Những điều bạn sẽ học:
- ✓ Học cách sử dụng GLSL để tạo ra những shader tuyệt vời.
- ✓ Tạo các shader thao tác hình ảnh tuyệt vời cho các hiệu ứng website ấn tượng.
- ✓ Học cách kết hợp các shader của bạn với lighting effects.
- ✓ Tìm hiểu cách tạo explosion & fire shader.
- ✓ Tìm hiểu cách tạo procedural texture.
- ✓ Học cách tạo HUD display cho các ứng dụng 3D thời gian thực.
- ✓ Tìm hiểu cách chúng ta có thể sử dụng shader để thao tác hình học của một model.
Trong khóa học này, chúng ta sẽ tìm hiểu về GLSL (OpenGL Shading Language) để tạo ra những hiệu ứng tuyệt vời.
Có lẽ bạn là:
- ✓ Một designer đã từng thấy những website tuyệt vời, tiên tiến sử dụng các transition ấn tượng và tự hỏi làm thế nào mà họ làm được điều đó. Có thể bạn đã nghe nói về WebGL và biết rằng bạn có thể sử dụng một số THREE.js code đơn giản để làm được những điều đáng kinh ngạc.
- ✓ Một developer đang cố gắng trực quan hóa một số dữ liệu theo một cách ấn tượng.
- ✓ Một game developer muốn thêm một số hiệu ứng tùy chỉnh vào 3d object surface của bạn.
GLSL là cách bạn có thể sử dụng OpenGL để hiển thị một surface. Cú pháp code dựa trên ngôn ngữ C, nhưng đừng lo lắng, chúng tôi sẽ giả định rằng bạn hoàn toàn không có kiến thức về ngôn ngữ này và chúng ta sẽ, như tiêu đề khóa học đã nêu, học từ đầu. GLSL sử dụng GPU (Graphics Processing Unit) để xử lý nhiều chương trình cùng một lúc, vì vậy nó cực kỳ nhanh.
Trong khóa học này, chúng ta sẽ viết code cho trình duyệt, vì điều này cho phép chúng ta tập trung vào GLSL mà không cần phải lo lắng về việc cài đặt bất kỳ phần mềm bổ sung nào. Chúng ta sẽ sử dụng thư viện THREE.js WebGL và CodePen để bạn có thể edit source và xem kết quả ngay lập tức, chỉ cần một trình duyệt để thử nghiệm. Chỉ một lượng nhỏ Javascript được sử dụng nhưng điều này sẽ được giải thích kỹ lưỡng khi đến phần đó. Nhưng bạn cũng có thể sử dụng những gì bạn học về GLSL trong chương trình C/C++/C# hoặc chương trình Python.
Chúng ta sẽ bắt đầu từ những ví dụ rất đơn giản và tiến dần qua từng giai đoạn phát triển một shader tùy chỉnh. Bạn có thể thử nghiệm với shader code trên CodePen, để xem tác động của chúng đến kết quả cuối cùng.
GLSL shader được chia thành vertex shader và fragment shader, và ban đầu chúng ta sẽ tập trung vào fragment shader, hoạt động chủ yếu trong môi trường 2D. Với hàng tá shader trong tài nguyên khóa học, bạn sẽ học ngôn ngữ này một cách dễ dàng.
Việc tự tạo shader đòi hỏi bạn phải hiểu ngôn ngữ GLSL, và đó là mục tiêu của khóa học này. Bạn có thể tìm kiếm một shader phù hợp trên ShaderToy, ShaderFrog hoặc glslViewer rồi thử điều chỉnh code. Nhưng nếu không nắm vững ngôn ngữ này, bạn sẽ thấy việc đó rất khó khăn. Để thực sự hiệu quả, bạn cần hiểu về ngôn ngữ GLSL, các shaping function, tiling, polar coordinate và các lighting calculation. Để làm được điều này, bạn cần theo dõi khóa học và hoàn thành nhiều thử thách được đề xuất. Sau khi hoàn thành khóa học, bạn sẽ có thể tạo ra bất kỳ shader nào mà bạn có thể tưởng tượng.
Mục lục:
- ✓ 01. Giới thiệu.
- ✓ 02. Các bước đầu tiên.
- ✓ 03. Shaping Function.
- ✓ 04. Noise.
- ✓ 05. Sử dụng Texture.
- ✓ 06. Vertex Shader.
- ✓ 07. Lighting.
- ✓ 08. Post Processing.
- ✓ 09. Nâng cao.
- ✓ 10. Kết luận.
Khóa học này dành cho:
- ✓ Các Web developer đang tìm kiếm những kỹ thuật mới nhất để tạo ra các website nổi bật.
- ✓ Các 3D developer cần tự tạo shader cho riêng họ.
NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU