빠른 시작

설치

git submodule add https://github.com/typeshade/typeshade vendor/shader-dsl

패키지에는 TypeScript 소스가 그대로 들어 있어서, 빌드 쪽에 TypeScript를 컴파일할 도구가 있어야 합니다. 아래는 gradient 예제의 프래그먼트 단계이고, gradient-pass.ts에 쓴 그대로 10줄입니다.

const fsGradient = fn(
  'fs_gradient',
  { vo: VsOut },
  (p) => {
    const t = p.vo.uv.y.add(U.field.mix_bias)
    const rgb = mix(U.field.bottom.rgb, U.field.top.rgb, t)
    return vec4(rgb, f32(1))
  },
  { stage: 'fragment', retAttr: '@location(0)' },
)

컴파일하면 이 WGSL 진입점이 나옵니다.

@fragment
fn fs_gradient(vo: VsOut) -> @location(0) vec4<f32> {
  return vec4<f32>(mix(u.bottom.rgb, u.top.rgb, (vo.uv.y + u.mix_bias)), 1.0);
}

같은 함수의 GLSL ES 3.00 단계와, reflect()가 복원한 유니폼 레이아웃은 예제 페이지에 있습니다. 나머지 API는 작성 가이드를 보면 됩니다.

상태

정식 출시 전입니다. 저장소는 0.0.1 버전이고, npm 이름 typeshade는 0.1.0 출시용으로 잡아 두었습니다. 매니페스트와 import 이름은 그 태그에서 바뀝니다. 이슈는 환영합니다. 다만 변경은 업스트림에 먼저 들어가고 이 트리는 그것을 fast-forward로 따라가기 때문에, 풀 리퀘스트는 아직 머지할 수 없습니다. 0.1.0 소식은 릴리스 구독으로 받을 수 있습니다.

이 페이지 편집