kimmming / Three.js-Study

0 stars 0 forks source link

셰이더로 3D 지구 효과 입히기 #8

Open kimmming opened 1 year ago

kimmming commented 1 year ago

3D

kimmming commented 1 year ago

커스텀 셰이더 작성 & GUI 추가 https://www.desmos.com/calculator?lang=ko 그래핑 계산기

kimmming commented 1 year ago

sin,cos 함수로 지구

kimmming commented 1 year ago

밝기 조정

kimmming commented 1 year ago

npm install vite-plugin-glsl@1.0.2 -save-dev glsl 코드를 분리시켜보면 하얀창이 뜨는데 vite-plugin 을 설치한다.

폴더 root 에서 vite.config.js 파일을 생성

import vitePluginGLSL from 'vite-plugin-glsl';

export default{
  plugins: [vitePluginGLSL()],
}
kimmming commented 1 year ago

뻗어나가는 curve 추가

kimmming commented 1 year ago

RawShaderMaterial

ShaderMaterial