현재 상주하는 Area Light 전문가로서 아이디어가 있는 경우 /ping @abelnation :)

나는 지역 조명 코드를 리팩토링했고 나도 그것에 익숙하다. 그림자 지원에 대해서는 https://eheitzresearch.wordpress.com/705-2/를 참조하십시오.

그림자 지원에 대해서는 https://eheitzresearch.wordpress.com/705-2/를 참조하십시오.

흥미로운. 레이 트레이싱이 하드웨어 가속이라는 가정을 하고 있기는 하지만 현재로서는 WebGL에 대해 너무 계산 집약적일 수 있다고 생각합니다. 불행히도 WebGL이 나오기 몇 년 전일 것입니다.

내 두 가지 제안(포인트 또는 스포트 라이트 그림자)은 부드러운 그림자와 관련하여 물리적으로 정확하지 않지만 그림자가 없는 것보다 낫고 둘 다 매우 빠릅니다(적어도 다른 그림자만큼 빠름). 구현하기 쉽습니다(코드가 이미 존재하기 때문에).

@bhouston 아, 예... https://github.com/mrdoob/three.js/pull/13057도 있습니다.

전체 토론을 읽으면 SpotLight 에 '쿠키' 지원을 추가하는 데 합의했다고 생각합니다. 그러면 직사각형 그림자가 허용될 것입니다.

NVidia의 Percentage Closer Soft Shadows 는 영역 조명 그림자를 근사하는 작업을 제대로 수행합니다. https://gkjohnson.github.io/threejs-sandbox/pcss/index.html에서 THREE.js 장면으로 해킹했습니다. 현재 방향성 라이트 섀도우 맵을 사용하고 있지만 spotLight가 더 나을 수 있습니다.

하지만 완벽한 솔루션은 아닙니다. 그림자 가장자리가 서로 가까워질 때 약간의 인공물이 있고 정말 부드러운 그림자를 얻기 위해 많은 샘플이 필요합니다.

좋아 보인다! 하지만 귀하의 데모는 제 iMac에서 단 6FPS로 실행됩니다^^

GTX 970m에서 60fps를 얻고 있습니다.

내 픽셀에서 1 FPS 😢

이미 three.js에 pcss 구현이 있습니다.
얼마 전에 썼습니다.

친애하는,
벤 휴스턴
http://Clara.io 온라인 3D 모델링 및 렌더링

2018년 7월 21일 토요일 오후 11:02 Garrett Johnson [email protected]
썼다:

NVidia의 Percentage Closer Soft Shadows
http://developer.download.nvidia.com/shaderlibrary/docs/shadow_PCSS.pdf
영역 조명 그림자를 근사화하는 작업을 제대로 수행합니다. 나는 가지고 놀고 있었다
여기에서 THREE.js 장면으로 해킹:
https://gkjohnson.github.io/threejs-sandbox/pcss/index.html. 그것은 사용하고있다
방향성 라이트 섀도우 맵은 현재로서는
더 나은.

하지만 완벽한 솔루션은 아닙니다.
그림자 가장자리는 서로 더 가까워지고 다음을 얻기 위해 많은 샘플이 필요합니다.
정말 부드러운 그림자.

—
당신이 언급되었기 때문에 이것을 받는 것입니다.
이 이메일에 직접 답장하고 GitHub에서 확인하세요.
https://github.com/mrdoob/three.js/issues/14161#issuecomment-406837539 ,
또는 스레드 음소거
https://github.com/notifications/unsubscribe-auth/AAj6_RuFJPv7y5DbEfJnDu26DB3cD2bhks5uI-tJgaJpZM4UQODd
.

저와 oreshant가 얼마 전에 작성한 three.js에 이미 pcss 구현이 있습니다.

https://threejs.org/examples/#webgl_shadowmap_pcss

이것은 내 iMac에서 멋진 60FPS로 실행됩니다^^.

저와 oreshant가 얼마 전에 작성한 three.js에 이미 pcss 구현이 있습니다.

나는 그것을 보지 못했다! 좋아 보인다. 나는 당신이 그런 식으로 푸아송 디스크와 같은 값을 생성할 수 있다는 것을 몰랐습니다. 그것은 내가 사용했던 방식보다 더 좋은 분포를 갖고 더 나은 결과를 제공하는 것처럼 보입니다. 실례가 되지 않는다면 빌릴 수 있습니다!

내 픽셀에서 1 FPS 😢

하아! 내 전화에서도 작동하지 않았습니다. 나는 그것을 전혀 최적화하지 않았고 밖으로 이동할 수 있는 루프에서 진행 중인 많은 작업이 있습니다.

@bhouston 의 구현은 꽤 빠릅니다. 영역 조명 그림자에 사용할 수 있는 변형이 있을 수 있습니까? 이러한 유형의 구현이 더 쉽게 연결될 수 있도록 영역 조명에 대한 모든 종류의 그림자 지원이 있으면 좋을 것입니다.

NVidia의 Percentage Closer Soft Shadows 는 영역 조명 그림자를 근사하는 작업을 제대로 수행합니다. https://gkjohnson.github.io/threejs-sandbox/pcss/index.html에서 THREE.js 장면으로 해킹했습니다. 현재 방향성 라이트 섀도우 맵을 사용하고 있지만 spotLight가 더 나을 수 있습니다.

하지만 완벽한 솔루션은 아닙니다. 그림자 가장자리가 서로 가까워질 때 약간의 인공물이 있고 정말 부드러운 그림자를 얻기 위해 많은 샘플이 필요합니다.

멋진! 완벽하지는 않지만 그림자가 없는 것보다 좋아 보입니다... Asus ROG Phone 2에서 30fps를 얻습니다.
그리고 내 통합 그래픽 노트북에서 45fps.

다음은 three.js의 레이트레이싱된 그림자의 예입니다. 이 비디오에는 그림자 구성요소만 표시됩니다.

픽셀당 1개의 그림자 샘플이 있는 60+fps... 일부 스마트 필터링을 사용하면 결과가 꽤 좋아 보일 수 있습니다.

https://youtu.be/O21mKUtMtSg
https://youtu.be/2Tn93hf9kNw

이것은 직사각형 영역 라이트 섀도우에 도움이 될 수 있습니다.

라이브 웹 데모가 작업 중입니다.

관련된

13908 그림자 개선

14048 광원 샘플링을 통한 부드러운 그림자

14051 Three.JS에서 프로그레시브 포토리얼리스틱 전역 조명 채택

아주 좋아!

관련 문제: 현재 IBL 코드로 일종의 그림자를 구현하는 방법을 모르겠습니다.

자동차 예제 에 DirectLight 를 추가하고 싶지만 실제 광원은 무시하고 IBL 코드에 영향을 주기 위해 그림자 맵만 사용한다고 가정해 보겠습니다.

나는 여러 가지 광선 추적 효과를 가지고 놀았습니다.

• 그림자 - 직사광선을 포함한 직접 광원
• 앰비언트 오클루전
• 전역 조명

3개 중 IBL과 함께 작동하는 픽셀당 GI가 실시간 프레임 속도를 달성하기 가장 어렵다고 생각합니다.

그러나 정점당 GI는 좋은 프레임 속도에서 가능할 수 있습니다. 광선 추적 코드는 정점 및 조각 셰이더에서 사용할 수 있다는 아이디어로 작성되고 있습니다.

@mrdoob , @WestLangley ,
유니폼 "pointLights[].position"은 어떤 공간에 있습니까???
세계 공간에서 광선 추적을 수행하고 있지만 그림자가 일치하지 않는 것 같습니다.

좋아, 조사한 후 ... 모델보기 공간에있는 것 같습니다 ... 월드 공간에서 라이트 위치를 얻는 좋은 방법이 있습니까?

World와 View 공간 모두에서 보내도록 WebGLRender를 수정하시겠습니까?

자, 포인트 라이트로 작업했습니다... 이제 직사각형 영역 라이트를 테스트합니다!

방출 볼륨 내에서 광원을 지터링하고
32개의 렌더링과 같은 부드러운 그림자를 얻기 위해 누적됩니다.
그냥 쌓이나요?

나는 이것을 하위 픽셀 카메라 지터와 잘 작동하는 것으로 봅니다.
TAA Three.js 예제에서 축적했습니다.

2019년 12월 21일 토요일 오후 10:04 Samuel Sylvester [email protected]
썼다:

자, 포인트 라이트로 작업했습니다... 이제 직사각형 영역 라이트를 테스트합니다!

[이미지: 이미지]
https://user-images.githubusercontent.com/10963749/71316445-4b18bb00-2435-11ea-94d9-c2f0f4116097.png

—
당신이 언급되었기 때문에 이것을 받는 것입니다.
이 이메일에 직접 답장하고 GitHub에서 확인하세요.
https://github.com/mrdoob/three.js/issues/14161?email_source=notifications&email_token=AEPV7MQQB4SDPHJAOA5YXTQZ3KLVA5CNFSM4FCA4DO2YY3PNVWWK3TUL52HS4DFVREWSG43VMVVW6
또는 구독 취소
https://github.com/notifications/unsubscribe-auth/AAEPV7JKIZ62J3YXCVVYHVDQZ3KLVANCNFSM4FCA4DOQ
.

--

벤 휴스턴 CTO
*남: *+1-613-762-4113
[email protected]
오타와, ON

[이미지: threekitlogo1568384278.png] https://www.threekit.com/
Threekit으로 더 나은 시각적 고객 경험 만들기
https://www.threekit.com/

[이미지: 성장하는 비즈니스에 맞춰 제품 비주얼을 확장하는 방법 알아보기]
http://signatures.threekit.com/uc/5d0cfd47860b6864aee40938/c_5da8cc74c90a0e0043fe0323/b_5dade3e4e85fae00caea3d76

분명히 하려면 직사광선에서 지터를 하는 방법은 단일
방출 표면을 따라 이동하는 포인트 라이트. 당신은 좋은 필요
푸아송 디스크 같은 샘플링 방법,
https://www.google.com/search?q=푸아송+디스크. 그리고 그 결과
그림자는 부드럽고 직사광선에 적합해야 합니다.

FOV에 대해 혼란스러워했지만 포인트 라이트에 설정해야합니다.
그리고 아마도 당신은 항상 그것을 rect에서 정상적인 방향으로 가리켜야 할 것입니다.
면적 표면? 저를 실제로
누적 샘플링 배출의 구현으로 진행
소스 기반 그림자.

2019년 12월 23일 월요일 오전 9시에 Ben Houston [email protected] 이 다음과 같이 썼습니다.

방출 볼륨 내에서 광원을 지터링하는 방법이 있습니까?
32 렌더와 같은 부드러운 그림자를 얻기 위해 축적
그냥 누적?

나는 이것을 하위 픽셀 카메라 지터와 잘 작동하는 것으로 봅니다.
TAA Three.js 예제에서 축적했습니다.

2019년 12월 21일(토) 오후 10:04 Samuel Sylvester <
[email protected]>은 다음과 같이 썼습니다.

자, 포인트 라이트로 작업했습니다... 이제 직사각형 영역 라이트를 테스트합니다!

[이미지: 이미지]
https://user-images.githubusercontent.com/10963749/71316445-4b18bb00-2435-11ea-94d9-c2f0f4116097.png

—
당신이 언급되었기 때문에 이것을 받는 것입니다.
이 이메일에 직접 답장하고 GitHub에서 확인하세요.
https://github.com/mrdoob/three.js/issues/14161?email_source=notifications&email_token=AEPV7MQQB4SDPHJAOA5YXTQZ3KLVA5CNFSM4FCA4DO2YY3PNVWWK3TUL52HS4DFVREWSG43VMVVW6
또는 구독 취소
https://github.com/notifications/unsubscribe-auth/AAEPV7JKIZ62J3YXCVVYHVDQZ3KLVANCNFSM4FCA4DOQ
.

--

벤 휴스턴 CTO
*남: *+1-613-762-4113
[email protected]
오타와, ON

[이미지: threekitlogo1568384278.png] https://www.threekit.com/
Threekit으로 더 나은 시각적 고객 경험 만들기
https://www.threekit.com/

[이미지: 성장하는 비즈니스에 맞춰 제품 비주얼을 확장하는 방법 알아보기]
http://signatures.threekit.com/uc/5d0cfd47860b6864aee40938/c_5da8cc74c90a0e0043fe0323/b_5dade3e4e85fae00caea3d76

--

벤 휴스턴 CTO
*남: *+1-613-762-4113
[email protected]
오타와, ON

[이미지: threekitlogo1568384278.png] https://www.threekit.com/
Threekit으로 더 나은 시각적 고객 경험 만들기
https://www.threekit.com/

[이미지: 성장하는 비즈니스에 맞춰 제품 비주얼을 확장하는 방법 알아보기]
http://signatures.threekit.com/uc/5d0cfd47860b6864aee40938/c_5da8cc74c90a0e0043fe0323/b_5dade3e4e85fae00caea3d76

@bhouston 내 생각에 https://github.com/mrdoob/three.js/issues/14048 이 당신이 말하는 것입니다.

꼬인 매듭 광원이 있는 데모가 마음에 들었습니다. 내가 본 문제는 광원의 반사가 올바른 이미지로 해결되지 않았다는 것입니다.

광선 추적 그림자의 장점 중 하나는 투명한 그림자를 처리하는 데 사용된다는 것입니다. 전역 조명 및 기타 여러 조명 효과에도 사용할 수 있습니다.

@bhouston https://github.com/bhouston 내 생각에 #14048
https://github.com/mrdoob/three.js/issues/14048 이 당신이 말하는 것입니다
에 대한.

죄송합니다. 이전에 제안한 내용을 잊어버리는 경향이 있지만 적어도
일관된.

꼬인 매듭 광원이 있는 데모가 마음에 들었습니다. 나는 추측한다
내가 본 문제는 광원의 반사가 결코
올바른 이미지로 해결되었습니다.

무작위 샘플링이 아니라 철저한 샘플링을 하기 때문입니다.
방법 -- 그는 또한 단순한 광원보다 훨씬 더 어려운 광원을 사용하고 있습니다.
직사각형 영역. 그의 방법은 래스터화와 함께 천천히 누적됩니다.
렌더링 또는 광선 추적 -- 잘못된 것은 샘플 방법이지
기술. 또한 렌더링당 여러 개의 조명 샘플을 사용할 수 있습니다.
기울어진. 하이엔드에서는 32~256 렌더링이 필요하다고 생각하는데,
조명 유형 및 렌더링당 조명 샘플 수에 따라 다릅니다. ~에
60fps는 1~4초입니다. 나는 그것을 단순화된 "인스턴트
라디오시티" 솔루션입니다.

레이 트레이싱이 놀랍다는 말이 맞습니다. 그냥 떨린다고 생각했는데
조명은 전체 조명 시스템을 다시 실행하는 것보다 쉽습니다.
실시간에 대한 좋은 솔루션이 있습니다. 그림자는 단단하고 계속 켜집니다.
그것들이 완벽하게 부드러워지는 것을 멈추고 렌더 알고리즘이 전환되지 않습니다.
불안하고 쌓이는 것들.

2019년 12월 23일 월요일 오전 11:03 Samuel Sylvester [email protected]
썼다:

@bhouston https://github.com/bhouston 내 생각에 #14048
https://github.com/mrdoob/three.js/issues/14048 이 당신이 말하는 것입니다
에 대한.

꼬인 매듭 광원이 있는 데모가 마음에 들었습니다. 나는 추측한다
내가 본 문제는 광원의 반사가 결코
올바른 이미지로 해결되었습니다.

광선 추적 그림자의 한 가지 장점은 다음을 처리하는 데 사용된다는 것입니다.
투명한 그림자. 또한 Global Illumination 및 많은
다른 조명 효과.

—
당신이 언급되었기 때문에 이것을 받는 것입니다.
이 이메일에 직접 답장하고 GitHub에서 확인하세요.
https://github.com/mrdoob/three.js/issues/14161?email_source=notifications&email_token=AEPV7L4ZVKQJILFWZQ6JE3Q2DOLPA5CNFSM4FCA4DO2YY3PNVWWK3TUL52HS4DFWEXG43VM
또는 구독 취소
https://github.com/notifications/unsubscribe-auth/AAEPV7LXP5CSOMBZF2BMNR3Q2DOLPANCNFSM4FCA4DOQ
.

--

벤 휴스턴 CTO
*남: *+1-613-762-4113
[email protected]
오타와, ON

[이미지: threekitlogo1568384278.png] https://www.threekit.com/
Threekit으로 더 나은 시각적 고객 경험 만들기
https://www.threekit.com/

[이미지: 성장하는 비즈니스에 맞춰 제품 비주얼을 확장하는 방법 알아보기]
http://signatures.threekit.com/uc/5d0cfd47860b6864aee40938/c_5da8cc74c90a0e0043fe0323/b_5dade3e4e85fae00caea3d76

@bhouston 나는 #14048에서 제안된 솔루션을 좋아합니다... 특히 직사광선과 같은 단순한 기하학에 대해.
그 방법은 꽤 사용하기 쉬워야 할 것 같습니다. 이 솔루션이 있는 3개의 포크가 있습니까?

레이 트레이싱에 대해... 데스크톱 클래스 하드웨어에서 레이 트레이싱 솔루션은 1spp에서 실시간으로 작동합니다. 참조... https://youtu.be/amX3icmbpzY.

모바일은 아직 테스트를 해보지 않았습니다.

내가 작업한 데모에서 조명 용어는 기존 코드를 사용하여 계산되지만 그림자는 그림자 매핑 대신 광선 추적됩니다.

@mrdoob , @bhouston
그래서 GDC 2018에서 Nvidia의 rtx 데모를 반영하도록 데모를 업데이트했습니다.

그리고 제 노트북과 휴대폰에서 실시간으로 실행하고 있습니다...

노트북 데모... https://youtu.be/MKCKXRVks3I
핸드폰 데모... https://youtu.be/P-cnT2hYNF4

또한 그림자 사실감을 향상시키기 위해 그림자 샘플의 분포를 개선했습니다.

@mrdoob , @WestLangley , @bhouston 및 기타

광선 추적으로 작업하는 직사각형 영역 조명에 대한 그림자가 있습니다.

여기에 표시된 데모... https://youtu.be/tZmlb29OUBU
점 조명과 직사각형 영역 조명이 있습니다.

그림자 샘플 배포에 대한 몇 가지 개선 사항이 작업 중입니다. 또한 영역 조명의 경우 각 조명에 대해 2개의 그림자를 계산해야 합니다. 확산 그림자와 반사 그림자.

현재는 확산 그림자만 계산되고 있습니다.

이 데모를 사용하여 라이브 웹사이트를 설정하고 이러한 변경 사항을 곧 3개의 포크로 푸시할 계획입니다.

멋지네요! 단일 깊이 텍스처만 사용합니까?

멋지네요! 단일 깊이 텍스처만 사용합니까?

@mrdoob 감사합니다! 실제로는 적절한 광선 추적이며 현재 2개의 텍스처를 사용합니다. 하나는 세계 공간 기하학을 저장하고 다른 하나는 BVH 데이터를 가지고 있습니다.

이 설정으로 RTX 주변 폐색을 계산할 수 있으며 몇 가지 업데이트로 GI도 가능합니다!

브라우저에서 데모를 실행하려면 https://three-rtx.azurewebsites.net/ 을 참조하십시오.

참고 ... 이것은 광선 추적이며 내 통합 GPU가 적절한 프레임 속도의 광선 추적 그림자가 있는 하나의 광원만 처리할 수 있다는 것을 발견했습니다. 그러나 RTX 2080을 활성화했을 때 두 개의 프레임 속도에서 조명당 16spp로 광선 추적되는 2개의 광원을 가질 수 있었습니다. 개별 GPU에서 64배보다 약간 더 빠릅니다!

나는 또한 이것을 내 전화에서 실행하려고 시도했으며 1080p에서 30+fps에 대해 2019 플래그쉽 이상을 원할 것이라는 것을 알았습니다.

더 많은 성능과 더 적은 소음을 짜내기 위해 몇 가지 개선 사항이 더 있다고 생각합니다.

현재 가지고 있는 코드를 포크로 푸시한 다음 계속해서 조정할 계획입니다.

참고 : 성능을 평균 fps 50% 이상 향상시키는 한 가지 조정이 있습니다... 셰이더 첫 번째 컴파일에서 작동하지만 두 번째 컴파일이 트리거되면 재미있는 일이 일어나기 시작합니다... 내 사용과 관련이 있는 것 같습니다. 전처리기

@sam-g-steel
이것은 훌륭합니다! 언젠가 작업을 오픈소스화할 계획이 있습니까? 얼마나 잘 확장됩니까? 더 복잡한 캐릭터 또는 제품 모델로 테스트를 수행한 적이 있습니까? 그리고 여기의 레이트레이싱은 정적 장면에서만 작동한다고 상상합니다. 맞나요?

광선 추적 그림자의 장점 중 하나는 투명한 그림자를 처리하는 데 사용된다는 것입니다. 전역 조명 및 기타 여러 조명 효과에도 사용할 수 있습니다.

이것은 이 기술의 장점인 것 같습니다. #14048의 지터 접근 방식으로 꽤 좋은 결과를 얻을 수 있다고 생각합니다.

@보스턴

기술이 아니라 샘플 방법이 잘못되었습니다.

MeshSurfaceSampler 도우미와 같은 것을 여러 조명과 함께 사용하면 결과가 조금 더 나아질 것이라고 생각합니다.

@gkjohnson

이것은 훌륭합니다! 언젠가 작업을 오픈소스화할 계획이 있습니까?

감사 해요!!! 예, 곧 코드를 게시할 계획입니다! three.js에 통합된 것을 보고 싶습니다!
현재 데모는 2개의 주요 부분으로 구성되어 있습니다. 모델 보기 및 세계 공간에서 조명 정보를 보내는 3개의 사용자 정의 빌드는 앞으로 며칠 안에 게시할 예정이며, BVH를 빌드하고 레이트레이싱을 수행하는 셰이더를 생성하는 three.js "플러그인"입니다.

얼마나 잘 확장됩니까? 더 복잡한 캐릭터 또는 제품 모델로 테스트를 수행한 적이 있습니까?

복잡한 장면에서 어떻게 작동하는지 확인하기 위해 몇 가지 테스트를 수행했습니다... 내가 얻은 결과는 매우 유망했습니다. 곧 더 많은 데모와 함께 웹 사이트 https://three-rtx.azurewebsites.net/ 를 업데이트하기 위해 노력하고 있습니다. 나는 그것을 뒷받침하기 위해 데모로 어떤 주장도 하고 싶지 않습니다.

그리고 여기의 레이트레이싱은 정적 장면에서만 작동한다고 상상합니다. 맞나요?

실제로 다이나믹한 장면이 지원됩니다 ! 저도 곧 시연할 계획입니다! 현재 초기 bvh 빌드는 300ms가 걸리고 후속 빌드는 단일 스레드 CPU에서 ~10ms가 걸립니다. 한 가지 주의할 점은 bvh 코드가 더 최적화될 수 있다는 것입니다.

이번 주말에 코드를 게시할 수 있기를 바랍니다. 제 아내와 제가 방금 세 번째 아이를 세상에 맞이했기 때문에 부분적으로는 예상보다 더 오래 걸렸습니다. :)

@mrdoob , @gkjohnson
광선 추적 코드 게시를 시작했습니다... 여기에서 찾을 수 있습니다... https://github.com/sam-g-steel/three.js/tree/RTX

모든 코드가 커밋된 것은 아닙니다... 조금 정리하려고 합니다. 곧 모든 코드를 사용할 수 있기를 바랍니다.

아직 작업 중입니다...
코드에서 몇 가지 오류를 발견하여 무엇이 잘못되었는지 파악하는 데 도움이 되는 더 많은 테스트 사례를 작업 중입니다.

새로운 데모 중 하나는 여기에서 볼 수 있습니다...

https://youtu.be/ZvoSuBi4rFE
@gkjohnson , 이 데모에는 화면에 동적 개체가 있으며 전체 BVH 재구축 성능을 테스트하는 데 도움이 됩니다.

나머지 또는 "RTX" 셰이더를 커밋하기를 희망합니다... 오늘 밤과 곧 BVH 코드

참고: 현재 삼각형은 지원되는 유일한 기본형입니다.

2020년 2월 8일 업데이트
웹사이트가 새로운 데모를 갖도록 업데이트되었습니다...
동적 BVH 구축은 이제 4일 전보다 40% 빨라졌습니다... 더 많은 최적화가 제공될 예정입니다.
https://github.com/sam-g-steel/three.js/tree/RTX 가 더 많은 코드로 업데이트되었습니다.

추가 업데이트 예정!!!

아직 레이 트레이싱 포크를 작업 중입니다... 몇 주 안에 더 많은 것을 보여줄 수 있기를 바랍니다.
프레임 속도와 이미지 품질을 개선하기 위해 노이즈 필터링 작업을 하고 있습니다.

아래는 노이즈 필터의 일부 사진입니다 ...
아직 진행 중인 작업입니다.

2020년 3월 28일 업데이트

https://ciechanow.ski/lights-and-shadows/