본문 바로가기
툰렌더링 공부

HLSL 공부 #1

by IX. 2022. 8. 10.

8.10

유니티 코리아에서 제공하는 영상을 보면서 진행 중.

https://www.youtube.com/watch?v=mlNWoROvavY&list=PLo0EL2mTb8Nw6GRRrYhXIG6vh9U-BukXZ&index=2 

 

보다보면 ZWrite와 ZTest에 관한 설명이 좀 부족한데, 이 블로그에 설명이 잘 되어 있다.

https://rito15.github.io/posts/unity-transparent-stencil/

 

유니티 반투명, 스텐실 개념 익히기

목차

rito15.github.io

 

패스옵션 중에 AlphaToMask란 기능이 새로 들어갔다고 한다. 이걸 켜면 컷아웃(알파)부분 품질이 좋아진다고 한다.

해보니 요래 나옴.

단계를 늘려줄 수도 있다. 4x정도 되면 요래 나온다.

그리고 셰이더 코드를 이용해 저 단계를 모아주면 안티앨리어싱과 비슷하게 처리할 수 있다....라는 설명이다.

https://bgolus.medium.com/anti-aliased-alpha-test-the-esoteric-alpha-to-coverage-8b177335ae4f

 

Anti-aliased Alpha Test: The Esoteric Alpha To Coverage

Aliasing is the bane of VR. We have several tools we use to try to remove, or at least reduce aliasing in real time graphics today. Tools…

bgolus.medium.com

 

그래서 따라해봤더니 이런 모양.

하지만 그걸 보간해서 어따쓰지...? 싶었는데 VR등에서 많이 사용된다고 한다?

SDF맵과 함께 쓰면 그럴싸한 결과를 낼 거 같긴 하다. 그런데 SDF가 쌀 것 같았는데 비싸기 때문에 결국 알파 크게 쓰는 게 나을 듯.

그냥 이런 게 있구나. 하고 넘어가자. 저건 그냥 봐도 비싸보임.ㅋㅋ

 

셰이더 그래프 공부할 때도 가장 이해가 안됐던 게, UV였다.

둥글게 왜곡을 시킨다던가, 소용돌이 치게 만든다던가 다양하고 멋진 효과들이 많은데,

아티스트입장에서 UV란, 전개도에 불과하다. 어쨌거나 '버텍스'들을 중심으로 움직이는 건데, 그럼 점이 4개인 플랜에서는 아무리 움직여봤자 Twirl같은 이미지는 나올 수가 없다. 어떻게 하는 거지? 

싶었는데, 코드로 배우니 이제 좀 이해가 된다. 이건 픽셀셰이더에서 돌리는 것이기 때문인 것.

셰이더란 게 각각의 점에 대한 연산이니 픽셀셰이더로 넘어가면 화면의 해상도만큼 엄청나게 많은 양의 점이 생기는 것과 다름없다.

어? 그럼 UV왜곡을 버텍스 셰이더에서 준다면 어찌될까?

 

일단 난수발생을 몰라서 인터넷을 찾았다.

frac ( sin ( dot (v.uv, float2 ( 12.9898 , 78.233 ))) * 43758.5453)

오...겁나 멋있어졌다. 로폴스럽게 구긴다.

이건 플랜이니 그래도 폴리곤이 좀 된다. 쿼드에 입힌다면?

 

예상했던 움직임이 나왔다.

그럼 일단 UV란 것은 내가 생각하던 전개도는 맞다. 

하지만 픽셀셰이더에서는 점이 적어 왜곡이 발생하지는 않는다. 

셰이더 그래프에서는 버텍스 셰이더에 UV를 받는 항목이 아예 없어서 실험을 못해봤던 것이군.

8.11

예제에서 사인함수에 float3를 넣는 걸 보고 "왜 저게 되지...?" 싶어서 한참 고민했다.

그래서 유니티 켜서 Vector3를 Mathf.Sin()에 넣어보니 역시 안돼.

hlsl에선 그냥 되나 보다. 각각 계산해 준다.

 

요새 유행한다는 AI페인팅. 키워드는 Rainy Gangnam, oil painting

https://colab.research.google.com/github/alembics/disco-diffusion/blob/main/Disco_Diffusion.ipynb

 

Disco Diffusion v5.6 [Now with portrait_generator_v001]

Run, share, and edit Python notebooks

colab.research.google.com

 

와. 미친 ㅋㅋㅋ 이거 그리는데 30분밖에 안걸려. 

이젠 그림을 어떻게 하면 잘 그릴까? 가 아니고 어떤 키워드로 명령을 하면 예쁜 그림을 뽑아낼까? 를 고민하는 시대가 온 것 같음.

 

8.12

초심자가 URP용 HLSL 공부하기엔 더없이 좋은 사이트. 뭔가 친절하시다...

https://blog.naver.com/webtoon03

 

 

사자소굴 : 네이버 블로그

컴퓨터 그래픽 공부합니다. 정보 오류 지적해주시면 감사합니다

blog.naver.com

 

오... 드디어 코드화 작업이 1차 마무리!

저 윤곽선 패스를 한 셰이더에 넣고 싶어서 시작한 일이었는데,

공부하다 보니 다른 것들도 좀 최적화가 된 것 같아서 흐뭇

댓글14

  • icekiss 2022.08.10 18:02

    파후파후히요리와 시스루콜라보
    https://www.google.com/search?q=%ED%8C%8C%ED%9B%84%ED%8C%8C%ED%9B%84+%ED%9E%88%EC%9A%94%EB%A6%AC&tbm=isch&ved=2ahUKEwiw-I3a9Lv5AhVDA6YKHRGdB3YQ2-cCegQIABAA&oq=%ED%8C%8C%ED%9B%84%ED%8C%8C%ED%9B%84+%ED%9E%88%EC%9A%94%EB%A6%AC&gs_lcp=CgNpbWcQAzoECCMQJ1DjB1j2DWClEGgAcAB4AIABrQGIAc8EkgEDMC40mAEAoAEBqgELZ3dzLXdpei1pbWfAAQE&sclient=img&ei=5nPzYrDtLMOGmAWRup6wBw&bih=2363&biw=1261&client=ms-android-lge-rvo3#imgrc=3zoww-5z5mbm7M


    수영복
    https://www.google.com/search?q=%EC%98%A4%EB%B2%84%EC%9B%8C%EC%B9%98+%EC%88%98%EC%98%81%EB%B3%B5&oq=%EC%98%A4%EB%B2%84%EC%9B%8C%EC%B9%98+%EC%88%98%EC%98%81%E3%85%82&aqs=chrome.1.69i57j0i512l2.6521j0j4&client=ms-android-lge-rvo3&sourceid=chrome-mobile&ie=UTF-8


    https://www.google.com/search?q=%ED%94%BC%EC%B9%B4%EC%B8%84+%EC%88%98%EC%98%81%EB%B3%B5&tbm=isch&ved=2ahUKEwjOs9eL9Lv5AhVJ8JQKHa8pCKcQ2-cCegQIABAA&oq=%ED%94%BC%EC%B9%B4%EC%B8%84+%EC%88%98%EC%98%81%EB%B3%B5&gs_lcp=CgNpbWcQAzoECCMQJzoFCAAQgAQ6BwgjEOoCECc6CwgAEIAEELEDEIMBOggIABCxAxCDAToICAAQgAQQsQM6BAgAEBhQzwhYkD1g00FoBHAAeAKAAbACiAHlF5IBCDAuMTYuMi4xmAEAoAEBqgELZ3dzLXdpei1pbWewAQrAAQE&sclient=img&ei=QnPzYs6KEMng0wSv06C4Cg&bih=1970&biw=1121&client=ms-android-lge-rvo3

    스쿨미즈
    https://www.google.com/search?q=%EC%8A%A4%EC%BF%A8%EB%AF%B8%EC%A6%88&client=ms-android-lge-rvo3&sxsrf=ALiCzsZYTuEWBW58WEiVTlsFN8ZH4Ry-5w:1660121917896&source=lnms&tbm=isch&sa=X&ved=2ahUKEwidnsyJ9Lv5AhVomlYBHRLBDToQ_AUoAXoECAEQAw&biw=1121&bih=1970&dpr=1.75




    바디스타킹
    https://www.google.com/search?q=%EB%B0%94%EB%94%94%EC%8A%A4%ED%83%80%ED%82%B9+%EB%82%A8%EC%9E%90&tbm=isch&ved=2ahUKEwilpIyx9Lv5AhXdwosBHTQACE8Q2-cCegQIABAA&oq=%EB%B0%94%EB%94%94%EC%8A%A4%ED%83%80%ED%82%B9+%EB%82%A8%EC%9E%90&gs_lcp=CgNpbWcQA1CcCVjMF2CWGmgAcAB4AIABgwKIAfgJkgEFMC40LjOYAQCgAQGqAQtnd3Mtd2l6LWltZ8ABAQ&sclient=img&ei=kHPzYqWcLN2Fr7wPtICg-AQ&bih=2363&biw=1261&client=ms-android-lge-rvo3


    눈빛팬티
    https://www.google.com/search?q=%EB%88%88%EB%B9%9B%EC%9D%B4+%EA%B7%80%EC%97%AC%EC%9A%B4+%ED%8C%AC%ED%8B%B0&tbm=isch&ved=2ahUKEwiD17nYlLz5AhWVyosBHa_RB4gQ2-cCegQIABAC&oq=%EB%88%88%EB%B9%9B%EC%9D%B4+%EA%B7%80%EC%97%AC%EC%9A%B4+%ED%8C%AC%ED%8B%B0&gs_lcp=ChJtb2JpbGUtZ3dzLXdpei1pbWcQAzoHCCMQ6gIQJzoICAAQgAQQsQM6CwgAEIAEELEDEIMBOgUIABCABFCDDFieKWDiK2gEcAB4AYABvQGIAZwakgEEMC4yM5gBAKABAbABBcABAQ&sclient=mobile-gws-wiz-img&ei=cZXzYsPaC5WVr7wPr6OfwAg&bih=2363&biw=1261&client=ms-android-lge-rvo3#imgrc=goDh_L7zBU_ZwM

    드래곤볼
    https://www.google.com/search?q=%EC%86%8D%EC%98%B7+%EC%BD%94%EC%8A%A4%ED%94%84%EB%A0%88&tbm=isch&ved=2ahUKEwjJtr6E9rz5AhUJ8ZQKHcu4COoQ2-cCegQIABAA&oq=%EC%86%8D%EC%98%B7+%EC%BD%94%EC%8A%A4%ED%94%84%EB%A0%88&gs_lcp=CgNpbWcQAzoECCMQJzoHCCMQ6gIQJzoICAAQgAQQsQM6BQgAEIAEOggIABCxAxCDAToLCAAQgAQQsQMQgwE6BAgAEBg6BggAEB4QBToECAAQA1CJggJYlbYCYLa5AmgLcAB4BYABrgKIAcwekgEIMC4yNS4xLjGYAQCgAQGqAQtnd3Mtd2l6LWltZ7ABCsABAQ&sclient=img&ei=g_vzYonpL4ni0wTL8aLQDg&bih=1722&biw=980&client=ms-android-lge-rvo3&hl=ko#imgrc=gBSGPZkFqtI0_M
    답글

  • icekiss 2022.08.11 16:47

    https://youtu.be/gZiY6z1Mz88

    제 야망은 끝을 모룹니다...
    답글

  • icekiss 2022.08.11 18:24

    브레이브카노도 오일패인팅 해서 팬티로 나왔으면 좋겠슴니다..
    답글

  • icekiss 2022.08.11 18:32

    아.눈빛 팬티는 수영복도 있더군요. 참고햐주세요.

    https://images.app.goo.gl/rfVSdZFCKSGnUvZs8

    http://m.ppomppu.co.kr/new/bbs_view.php?id=humor&no=466847
    답글

  • icekiss 2022.08.11 18:42

    이왕 이렇게 된거 일회용 마스크에 프린팅하고 소분해서 코로나 키트로 팔면 되겠다는 상각도 듭니다. 코로나 끝나기전에
    답글

  • icekiss 2022.08.11 18:44

    그나저나 자꾸 오타가 나눈군요 죄송합니다
    (어차피 헛소리뿐이지만)

    손가락이 듀꺼둬지고있어서 구렇습니다.
    날이 갈수록 한드폰이 작아는 거 같슺니다.

    날백수상태로 며십일 놀고 먹었더니 비만이 되고 있거든요

    답글

  • icekiss 2022.08.11 21:20

    시간나시면 브레이브 카노 안마봉도 만들어주세요
    답글

  • icekiss 2022.08.11 22:44

    이런 것도요

    http://aladin.kr/p/hPJGx
    답글

  • IX. 2022.08.12 08:33

    제가 잘못했습니다. 이제 스쿨미즈가 뭔지 알았어요. 확실히 알았어요. 살려주세요
    답글

  • 아라 2022.08.12 21:52

    오일페인트 갱냄은 조금 사진 느낌도 나는걸? 하지만 대단하다. 이제 인간이 컴퓨터와 견주어서 잘 하는건 뭘까?..... 왜 살아야 하나...
    답글

  • 엘레봉 2022.08.16 09:30

    폰으로 접하다가 컴터로 접하니까 예전 카테고리도 정렬이 되어 있었네요
    아이 좋아!!
    답글

    • IX. 2022.08.17 08:04

      그렇습니다. 헌데 모바일도 카테고리 정렬이 되긴 합니다. 근데 저도 잘 못찾습니다. 어딨더라...