티스토리

660066의 기록소

검색하기

블로그 홈

660066의 기록소

azln660066.tistory.com/m

660066 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

Shader툴 선택 참고 : Shader Graph 와 Amplify Shader Editor 프로젝트를 하다보면 Shader Graph와 Amplify Shader Editor 이 둘중에 선택한다면 합리적이고 익숙한쪽으로 선택하는 방향이 있지만 그 어느걸 선택하더라도 많은 제약이 따를수 있습니다. 2021년 11월 20일 기준으로 이 둘의 장점과 단점을 구분하였습니다. 프로젝트에 맞는 쉐이더를 선택시에 이런점이 있다는걸 참고만 하시기를 바랍니다. Amplify Shader Editor Shader Garph 유/무료 유료(Asset Store 에서 구입) 무료(유니티 내장) URP지원 O O Built-In(Legacy) 지원 O X 파일 방식 *.shader(코드) *.shadergraph 구버전 다운그레이드 대응 O X 확장성 및 다양성 O X 추천 용도 유니티 구버전 및 Built-in(L.. 공감수 1 댓글수 0 2021. 11. 20.
ShaderGraph제작 기본 이펙트 쉐이더 3개 (개인용) 4bitAlpha_EX, Additive_EX, AlphaBlended_EX 공감수 0 댓글수 0 2021. 10. 16.
Particle System 없이 UGUI만으로 이펙트 만들기 - 최적화 단계 및 마무리(Atlas화) ※ 이전에 올라왔던 PPT(https://docs.google.com/presentation/d/1bj__Ei_35hYgkLkpQfm5pSKokUEO2LjWvDczfoU3MHY/edit#slide=id.gee3a1ce05a_0_452)를 기반으로 내용을 그대로 옮겼음을 알려드립니다. 관련파일 첨부 : 일단 해당 참조 Scene을 열어두시고 아래 Atlas들 삭제했을 때랑 삭제 안했을때 Batches를 비교하시면 이해가 쉽습니다. ※ 참조 Scene : Asset/Scene/All/All.scene ※ 참조 Atlas : Asset/Atlas/SpriteImages.atlas, Asset/Atlas/SheetAnimation.atlas 지금까지 만들어왔던 프리팹 (1-6_을 다 가져옵니다. 최적화 관련 필.. 공감수 0 댓글수 0 2021. 10. 3.
Particle System 없이 UGUI만으로 이펙트 만들기 - UI 전용 Additive(=Screen효과) Shader 제작 ※ 이전에 올라왔던 PPT(https://docs.google.com/presentation/d/1bj__Ei_35hYgkLkpQfm5pSKokUEO2LjWvDczfoU3MHY/edit#slide=id.gee3a1ce05a_0_452)를 기반으로 내용을 그대로 옮겼음을 알려드립니다. 관련파일 첨부 : 기존에 만들었던 이펙트(제작스킬 초급-3 퍼지는 별)을 이용하여 Additive를 적용해봅시다. ※ 참조 Scene : Asset/Scene/Additive/Additive.scene Additive란? 간단히 말하면 Additive = 포토샵Screen 효과와 똑같고 이펙트 제작에 있어서는 기본적으로 써야할 Shader로 이미 인식되어있습니다. 1. 유니티 공식 웹페이지에서 제일 하단 Download > .. 공감수 0 댓글수 0 2021. 10. 3.
Particle System 없이 UGUI만으로 이펙트 만들기 - 중급-2 (시작-연속 연결) ※ 이전에 올라왔던 PPT(https://docs.google.com/presentation/d/1bj__Ei_35hYgkLkpQfm5pSKokUEO2LjWvDczfoU3MHY/edit#slide=id.gee3a1ce05a_0_452)를 기반으로 내용을 그대로 옮겼음을 알려드립니다. 관련 파일 첨부 : 기존에 만들었던 반복(루핑)이펙트를 이용해서 시작-연속 연결을 해봅시다. ※ 참조 Scene : Asset/Scene/8/8_StartLoop.scene 준비물 : 제작스킬 : 초급-2 (연속으로 퍼지는 선줄기) 에서 제작된 결과물 Scene : Asset/Scene/4/4_4.scene , Prefab : Asset/Prefab/4/4_Loop_LineFlare_4 이미 만들어진 프리팹, Anim을 복제.. 공감수 0 댓글수 0 2021. 10. 3.
Particle System 없이 UGUI만으로 이펙트 만들기 - 시트애니메이션 제작 (Sprite Sheet Animtion) ※ 이전에 올라왔던 PPT(https://docs.google.com/presentation/d/1bj__Ei_35hYgkLkpQfm5pSKokUEO2LjWvDczfoU3MHY/edit#slide=id.gee3a1ce05a_0_452)를 기반으로 내용을 그대로 옮겼음을 알려드립니다. 관련파일 첨부 : 이미지 여러장을 이용하여 Sprite Sheet Animation을(=GIF를 만드는것처렴) 간단히 만들어 봅시다. ※ 참조 Scene : Asset/Scene/7/7_SheetAnimation.scene 준비물 : 스프라이트 이미지 15장 (예제 파일 참조 : Assets/Sprite/SheetAnimation/SheetanimationSample_01~15.png(15개)) 짚고 넘어가셔야할 부분 : A.. 공감수 0 댓글수 0 2021. 10. 3.
Particle System 없이 UGUI만으로 이펙트 만들기 - 중급-1 (티끌) ※ 이전에 올라왔던 PPT(https://docs.google.com/presentation/d/1bj__Ei_35hYgkLkpQfm5pSKokUEO2LjWvDczfoU3MHY/edit#slide=id.gee3a1ce05a_0_452)를 기반으로 내용을 그대로 옮겼음을 알려드립니다. 관련 파일 첨부 : 각각의 티끌의 처음 프레임과 끝프레임만 잡아봅시다. ※ 참조 Scene : Asset/Scene/6/6_1.scene 준비물 : 스프라이트 이미지 1장 (스파크) (예제 파일 참조 : Assets/Sprite/Sprite_FireSpark.png) 받침용 스프라이트 이미지 1장 (예제 파일 참조 : Assets/PropLayerSprite/PropLayerSprite_FireSparkLine.png) 티끌.. 공감수 0 댓글수 0 2021. 10. 3.
Particle System 없이 UGUI만으로 이펙트 만들기 - 초급-3 (퍼지는 별) ※ 이전에 올라왔던 PPT(https://docs.google.com/presentation/d/1bj__Ei_35hYgkLkpQfm5pSKokUEO2LjWvDczfoU3MHY/edit#slide=id.gee3a1ce05a_0_452)를 기반으로 내용을 그대로 옮겼음을 알려드립니다. 관련 파일 첨부 : 퍼지는 위치를 잡아봅시다. ※ 참조 Scene : Asset/Scene/5/5_1.scene 준비물 : 스프라이트 이미지 1장 (별) (예제 파일 참조 : Assets/Sprite/Sprite_Star.png) 받침용 스프라이트 이미지 1장 (예제 파일 참조 : Assets/PropLayerSprite/PropLayerSprite_Radial.png) 별 7개의 위치를 처음(Start,0fps)과 끝(En.. 공감수 1 댓글수 0 2021. 10. 3.
Particle System 없이 UGUI만으로 이펙트 만들기 - 초급-2 (연속으로 퍼지는 선줄기) ※ 이전에 올라왔던 PPT(https://docs.google.com/presentation/d/1bj__Ei_35hYgkLkpQfm5pSKokUEO2LjWvDczfoU3MHY/edit#slide=id.gee3a1ce05a_0_452)를 기반으로 내용을 그대로 옮겼음을 알려드립니다. 관련 파일 첨부 : 준비물 : 스프라이트 이미지 1장 (예제 파일 참조 : Assets/Sprite/Sprite_FlareLine.png) 선줄기 퍼지기 전에 기본적인 베이스를 만들어 봅시다. ※ 참조 Scene : Asset/Scene/4/4_1.scene Root 오브젝트를 생성하고 하위에 7개의 Image를 생성해서 다음과 같이 설정해줍니다. 7개 전부다 축을 끝에 맞추기 위해 Pivot X:0 Y:0.5로 맞춰야 합니.. 공감수 0 댓글수 0 2021. 10. 3.
Particle System 없이 UGUI만으로 이펙트 만들기 - 초급-1 (원형 파동 > 보케 효과) ※ 이전에 올라왔던 PPT(https://docs.google.com/presentation/d/1bj__Ei_35hYgkLkpQfm5pSKokUEO2LjWvDczfoU3MHY/edit#slide=id.gee3a1ce05a_0_452)를 기반으로 내용을 그대로 옮겼음을 알려드립니다. 관련 파일 첨부 : 준비물 : 스프라이트 이미지 1장 (예제 파일 참조 : Assets/Sprite/Sprite_Circle.png) 원형 이미지 하나만으로 간단하게 은은한 파동을 만드는 방법입니다. ※ 참조 Scene : Asset/Scene/3/3_1.scene Scale 값을 0프레임 x:0.7, y:0.7 주고 30프레임에 x:1, y:1을 줍니다. Color.a 값을 0프레임 : 0, 8프레임 : 100, 30프레임.. 공감수 0 댓글수 0 2021. 10. 3.
Particle System 없이 UGUI만으로 이펙트 만들기 - 입문-2 (로프 움직임) ※ 이전에 올라왔던 PPT(https://docs.google.com/presentation/d/1bj__Ei_35hYgkLkpQfm5pSKokUEO2LjWvDczfoU3MHY/edit#slide=id.gee3a1ce05a_0_452)를 기반으로 내용을 그대로 옮겼음을 알려드립니다. 관련 파일 첨부 : 준비물 : 스프라이트 이미지 1장 (예제 파일 참조 : Assets/Sprite/Sprite_Rope.png) 로프가 좌우로 움직이는 애니메이션이 기본적으로 만들어지는 요령입니다. ※ 참조 Scene : Asset/Scene/2/2_1.scene 1. 준비된 이미지를 활용하여 Set Native Size로 자동설정하고 Pivot을 X:0.5, Y:0.9로 설정합니다. 2. 이미지를 5개 까지 복제하여 Hi.. 공감수 0 댓글수 0 2021. 10. 3.
Particle System 없이 UGUI만으로 이펙트 만들기 - 입문-1 (반짝이효과) ※ 이전에 올라왔던 PPT(https://docs.google.com/presentation/d/1bj__Ei_35hYgkLkpQfm5pSKokUEO2LjWvDczfoU3MHY/edit#slide=id.gee3a1ce05a_0_452)를 기반으로 내용을 그대로 옮겼음을 알려드립니다. 관련 파일 첨부 : 준비물 : 스프라이트 이미지 1장 (예제 파일 참조 : Assets/Sprite/Sprite_CrossFlare.png) 기본적으로 스케일 애니메이션 잡는 요령입니다. ※ 참조 Scene : Asset/Scene/1/1_1.scene 1. 준비된 Sprite Image를 사용하여 아래와 같이 배치합니다. 2. Animation을 열고 1번부터 7번까지 모두 선택하여 Rec(●) 버튼 누릅니다. 그 다음 전.. 공감수 1 댓글수 0 2021. 10. 3.
Particle System 없이 UGUI만으로 이펙트 만들기 - Effect 제작을 위한 UGUI 필수기능 ※ 이전에 올라왔던 PPT(https://docs.google.com/presentation/d/1bj__Ei_35hYgkLkpQfm5pSKokUEO2LjWvDczfoU3MHY/edit#slide=id.gee3a1ce05a_0_452)를 기반으로 내용을 그대로 옮겼음을 알려드립니다. Image 기본적으로 사용하고 있는 기능 Atlas화해서 사용할 Sprite/2D 이미지를 사용 대부분 99%가 이 기능을 사용 Raw Image 특수한 상황에 따라큰 Size의 Textrure크기를 출력할때만 사용 Sprite/2D가 아닌 Texture를 사용 Canvas Group Hierachy상 하위 Object 전부를 Alpha처리할때만 사용 상위 오브젝트에만 부착 및 제어 Mask 다른 특수한 상황에 따라 필요할때.. 공감수 0 댓글수 0 2021. 10. 2.
Particle System 없이 UGUI만으로 이펙트 만들기 - 기본서론 ※ 이전에 올라왔던 PPT(https://docs.google.com/presentation/d/1bj__Ei_35hYgkLkpQfm5pSKokUEO2LjWvDczfoU3MHY/edit#slide=id.gee3a1ce05a_0_452)를 기반으로 내용을 그대로 옮겼음을 알려드립니다. 이 문서는 개발이슈로 인하여 불가피하게 그냥 NGUI/UGUI 만으로 만들어야 할때 이에 대한 대처스킬이 급히 필요하신분들을 위해 공개용으로 제작하였습니다. (해당이슈 : 클라이언트쪽에서 휘둘려 2DSprite(NGUI/UGUI)로 만들라고 권장할때) ※ 프로젝트 마다 다른 방식이기때문에, 본인 프로젝트가 Particle System 및 Mesh로 만들수 있는 기반이 미리 갖춰줬다면! 굳이 이 방법은 고수 안하셔도됩니다. 다.. 공감수 1 댓글수 0 2021. 10. 2.
UGUI만으로 이펙트 만들기 (UI 이펙트 기본기 다지기, Particle System 사용하지 않습니다.) UGUI 관련 이펙트 제작시 여러 상황과 이슈에 다양하게 대응할수 있는 능력을 향상하고 새로운 경험과 다양한 노하우를 습득하기 위해 본 자료를 제작하여 무료로 배포합니다. 제가 작성한 부분이고 이후 이 블로그 포스트로 옮기도록 하겠습니다. Github 주소[예제파일 다운로드] : https://github.com/azln660066/UGUIUIEffectSample GitHub - azln660066/UGUIUIEffectSample Contribute to azln660066/UGUIUIEffectSample development by creating an account on GitHub. github.com PPT자료 : https://docs.google.com/presentation/d/1bj__.. 공감수 4 댓글수 0 2021. 9. 12.
OverDraw for URP amagamina.jp/overdraw-for-urp/ URPでOverdrawを確認できるOverdrawForURP【Unity】｜アマガミナブログ UniversalRenderPipelineでは消えてしまったSceneビューのOverdraw表示を復活させる拡張を作りました。導入方法などを解説しています。 amagamina.jp 유니티 2019이상 URP로 전환하다보면 Scene 버튼에 Shaded, Wireframe 2개 밖에 없는데 URP상태에서 씬뷰를 비롯한 게임뷰까지 볼수 있도록 패키지가 추가되었습니다. Add package from git URL에서 링크에 기재된 주소를 통해서 받는방법도 있고 아니면 압축파일을 받아서 유니티프로젝트에 집어 넣기만 하면됩니다. 그다음 RenderList에 기본적으로 받은 OverD.. 공감수 0 댓글수 0 2021. 9. 12.
Unity Recorder에서 녹화도중 Particle이 출력되지 않는 경우 4K 고화질, 고프레임 촬영을 위해 Unity Recorder를 사용하는 경우가 있습니다. 특정 이펙트를 녹화할려하는데 녹화도중 Particle이 출력되지 않는 경우 DeltaTime설정 문제일 확률이 큽니다. 해결법은 DeltaTime을 Scaled로 설정하시면 됩니다. 출처: https://classic6680.tistory.com/category/Unity (Etc)?page=2 [짬안되는 자칭 테크니컬 아티스트] 공감수 0 댓글수 0 2021. 9. 12.
UnityGraphicsProgramming https://github.com/IndieVisualLab/UnityGraphicsProgrammingSeries IndieVisualLab/UnityGraphicsProgrammingSeries 書籍「Unity Graphics Programming」シリーズのPDFコレクション. Contribute to IndieVisualLab/UnityGraphicsProgrammingSeries development by creating an account on GitHub. github.com 여태까지 교육기관에서 배워왔던 쉐이더강의와는 달리 C#기반으로 그래픽스 프로그래밍을 정리하는 pdf도서입니다. 위에 링크 들어가보시면 한국어 번역까지 다 나와있습니다. https://github.com/IndieVisual.. 공감수 0 댓글수 0 2021. 9. 12.
모바일용 파티클 쉐이더 Fog 문제 해결방법 Cull Off Lighting Off ZWrite Off Fog { Color (0,0,0,0) } 이 부분을 Cull Off Lighting Off ZWrite Off Fog { Mode Off } 로 변경해주시면됩니다. * Additive Shader Shader "Mobile/Particles/Additive" { Properties { _MainTex ("Particle Texture", 2D) = "white" {} } Category { Tags { "Queue"="Transparent" "IgnoreProjector"="True" "RenderType"="Transparent" "PreviewType"="Plane" } Blend SrcAlpha One Cull Off Lighting Of.. 공감수 0 댓글수 0 2021. 9. 12.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.