Custom Shader 구현

Playcanvas에서 띄우는 방법배포 사이트 |  Shader 동작 확인용 | (https://playcanv.as/p/GnoWE25J/)프로젝트 링크 | 로그인 필요 | (https://playcanvas.com/project/1235947/overview/shader-study)Editor: 프로젝트 세팅 + Scene 구성 + Script 파일 확인 가능 Play: Playcanvas 자헤 배포 사이트Fork: 프로젝트 떠가기 프로젝트 설명 Shader가 그려질 Plane entity 1,2,3 존재각각 Script 부착: GLSL Shader코드 -> Material 에 입혀서 렌더링 시켜줄 코드 Sample Custom Shader Code출처 | Playcanvas 공식 문서 | https:..

• format_list_bulleted WebGL/PlayCanvas
• · 2024. 9. 30.
• textsms

GLSL & Shaders Tutorial

출처[GLSL & Shaders Tutorial - Understanding The Syntax And The Idea Behind The Vertex & Fragment Shaders](https://www.youtube.com/watch?v=xZM8UJqN1eY&t=13s)  GLSL definition- Open**GL** **S**hading **L**anguage 의 약자 - 브라우저에 2D를 3D로 표시하기 위해 웹 응용 프로그램이 그래픽 카드와 통신할 수 있는 프로그래밍 언어   Variables and constants + Basic types데이터 타입 지정하여 선언해야 함.intfloatbool변수에 데이터 타입을 지정하면 다른 타입의 값을 설정할 수 없다.int a = 20.0; ->..

• format_list_bulleted WebGL/GLSL
• · 2024. 9. 24.
• textsms