개발 이야기 안하는 개발자

Dots? - https://everyday-devup.tistory.com/67 Jobs? - https://everyday-devup.tistory.com/69 - https://rito15.github.io/posts/job-system/ LLVM? - https://ko.wikipedia.org/wiki/LLVM#:~:text=LLVM(%EC%9D%B4%EC%A0%84%20%EC%9D%B4%EB%A6%84%3A%20Low%20Level,%EC%88%98%20%EC%9E%88%EB%8F%84%EB%A1%9D%20%EA%B5%AC%EC%84%B1%EB%90%98%EC%96%B4%20%EC%9E%88%EB%8B%A4. Burst? - https://blog.unity.com/kr/technology/e..

Player asset delivery 를 줄인 말. 구글 스토어에 앱을 게시하려고 할 때, 용량이 너무 커서 업로드를 못할 때 용량을 줄여주는 기능. Apk 와 Aab 차이점 Apk - 파일 하나를 통해 많은 디바이스를 호환하는 실행 파일. 따라서 ABI(Android binary Interface)를 많이 포함하며 용량이 늘어 날 수 밖에 없는 구조. Aab - Android App Bundle의 줄인 말. 해당 Apk의 가장 큰 단점이였던 를 해결 하기 위해 나온 구조. 해당 디바이스가 필요한 정보만 설치를 진행하기에 이 가장 큰 장점이다. aab의 구성 aab는 순수하게 구글 플레이 앱 게시를 위한 파일이다. AAB안에는 baseAPK와 각 디바이스에 필요한 lib를 가지고 있다. 유저가 설치를 ..

https://www.youtube.com/watch?v=kTZf1ePy86w 화면 픽셀화 하기 이번엔 URP Renderer Feature을 제작할 예정. 해당 기능은 URP asset 에 기능을 넣을때 들어가는 ScriptableObject 이다. using System; using UnityEngine; using UnityEngine.Rendering; using UnityEngine.Rendering.Universal; public class CustomRenderPassFeature : ScriptableRendererFeature { class CustomRenderPass : ScriptableRenderPass { public RenderTargetIdentifier source; pri..

빛의 양 조절 외부로 빼내온 WarpAmount라는 값을 곱연산을 통해 날라오는 빛(파티클)의 양을 조절할 수 있게 되었다. 양 조절했던 변수에 비례해서 속도와 힘을 같이 이동함. 그러면 양이 많을 수록 빠르고 양이 적을 수록 느려지고 약해짐 스페이스바로 빨라지고 느려지게 하는 스크립트 Blender로 제작한 Corn 모양 모델 VFX 위에 콘을 덮어 놓음. 이 콘에 메테리얼을 수정하는 방식으로 추가 효과를 줄 예정. URP Unlist으로 구성 값은 Transparent, Additive, Both로 수정 이제 콘에 이미지를 넣고, 이미지에 색을 곱할 예정. 해당 Color 변수는 색에 해당함. Texture 2D를 추가했고, 여기에 이미지를 NoiseMap을 다운로드해서 넣었다. 평범하게 바로 Bas..

우주 비행 목표 https://www.youtube.com/watch?v=VsGG5JYlqIU 이번엔 Visual Effect Graph를 사용 줄여서 VFX라고 한다. VFX는 특수영상이나 시각효과를 뜻하며, 흔히 CG특수효과라고 한다. 유니티에서는 Particle을 기존 시스템 보다 활용 가능성이 넓고, 노드를 통해 여러 값들을 좀 더 쉽게 변경하여 개발을 돕는 툴이다. 이름은 WarpSpeedVFX_v2로 짓는다. 만들어진 Visual Effect를 씬에 올린다. 컴포넌트에 VisualEffect가 들어 있는데 Edit를 눌러 편집창을 연다. 이게 Visual Effect 파티클 텍스처를 유니티 기본 파티클로 변경 Blend Mode를 Additive로 수정 여기서 Blend Mode는 파티클이 나..

https://www.youtube.com/watch?v=jLUGRGdji2o 목표 시작 믹사모에서 아무거나 다운받기 Unlit으로 시작 우주 이미지 4k로 하나 다운받기 받은 이미지 수정 2D -> Cube Fixup Edge Seams 체크 Max size -> 4096 Cube는 스카이 박스 같은 가상 환경을 만들때 사용된다. 텍스쳐를 Cube로 수정해서 CubeMap(우리가 아는 SkyBox)로 사용된다. Fixup Edge Seams는 큐브를 만들때 그 사이의 모서리를 자연스럽게 바꿔주는 역할을 한다. 이미지를 수정하는 것은 아님. 단지 그 연결 부분을 자연스럽게 보이도록 할 뿐임. CubeMap으로 하나 만들어서 연결. Reflected CubeMap으로 해야 Normal값을 수정할 수 있음...

목표 https://youtu.be/tI3USKIbnh0 시작 빈 그래프로 시작 병은 Blender로 제작했음 Universal로 제작할 예정이니 추가 선택하면 나오는 화면 그중에서 Unlit으로 진행 Unlit 선택하고 Render Face는 양면 Alpha Clipping선택 (이건 물의 찰랑거림을 표현하기 위함. 담겨져 있는 정도를 표현하기 위함) 각 버텍스의 위치값(Position)에서 오브젝트의 위치값(Object->position)을 뺀다(Substract) 나온 값을 Split으로 하나씩 쪼갠다. 쪼갰을때, x값(Split에선 R값)을 Step(0 또는 1값을 반환함) Step은 들어온 In의 값이 Edge값보다 크거가 같으면 1을, 아니면 0을 반환한다. 이때, 두 값의 차는 Edge로 들..

목표 : https://youtu.be/uOhWT6TxZgE 시작 빈 그래프 만들기 URP 사용해서 만들 예정 물이다 보니 투명하게 제작함 기본색과 보로노이 색 지정 그림이 보로노이 패턴 보로노이 같이 세포 모양의 이미지를 활용해서 독이 더 위험해 보이도록 얼룩을 줄 예정 둘다 하얗게 보로노이는 유니티에 있음. 가져다가 제곱(Power)을 사용해서 크기를 키운다. 지정한 보로노이 칼라를 곱해서 색을 입힌다. 해당 변수들을 수정할 수 있게 밖으로 빼준다 보로노이에 AngleOffset은 값에 따라 모양이 바뀐다. 이를 이용해서 매 시간마다 흐르는 듯한 느낌을 줄 것이다. 시간의 흐름에 따라 값을 바꿔주는 로직 해당 로직은 위에서 아래로 흐르도록 유도하는 로직이다. 시간에 따라 값을 곱해줄 것인데, 곱은 y..

localStorage f12 눌러서 application 누르고 주소 누르면 저장된 내용을 볼 수 있다. Json : JavaScript Object Notation

키보드 이벤트 들어오는 키 값을 가져온다. j 를 누르면 key j 입력 칸 안에 총 몇개의 글자가 들어 왔는지를 확인할 때 사용. click 했을때 이벤트를 막는 내용 타입을 정의한다. 버튼은 말그대로 버튼이고, submit은 버튼인데 누르면 주소가 변경된다. addEventListener로 연결하고, querySelector로 찾는다. 예시) text는 한줄 , Textarea는 박스, p는 수정란 body 내용 스크립트 내용. 버튼을 사용하지 않으니 제거를 해보자 keydown -> keypress -> 입력 -> keyup 순서이기 때문에 keyup을 해야 입력된 결과값으로 계산된다. multiple로 수정하면 shift키나 ctr키를 이용해서 다중선택이 가능해진다. 선택하는것도 바뀌었으니 결과 ..

textContent와 innerHTML의 차이 오른쪽과 같이 같은 결과를 내긴 하지만 큰 차이가 있음. 안에 태그( ) 가 들어가면 결과가 달라짐. textContent는 을 그대로 사용함. innerHTML은 명령을 수행함. 200 x 200 크기의 이미지가 나온다. div로 레이아웃을 여러개 생성한다. div를 모두 가져오고, 색 지정 , 높이 지정한다. header 에 내용 정의후에 body에 자식으로 header를 등록한다. 2초후에 body에서 header를 지우면 떠있는 글자가 없어진다. 클래스로 가져와서 내용을 수정하게 된다.

외부 스크립트 사용하기 웹 프로그래밍에서 결국 User가 볼 수 있는것은 프론트(Html)과 Resources(JS,CSS)에 대한 내용밖에 없다. 이런 페이지를 꾸며줄 수 있는 자원들에 대해서 우리는 CDN이 사용된다. 가져온 스크립트를 새로 만들거나, 외부 주소로 가져올 수 있다. 데이터가 이렇게 많은데 정렬은?? lodash.com 문서 읽기 아래를 더 많이 사용한다. 기본값보다는 객체로 더 많이 매개변수로 사용된다. 사용 방식 요즘은 현대2 버전을 가장 많이 사용한다. 현대 1 실사용 newDog에 status를 넣었지만 뒤에 dog를 붙여서 결국 status의 값이 바뀌게 된다는 내용. 현대 2 저렇게 사용될 파라미터들을 나열한다. 아래방식도 많이 쓰인다. 문서 설치 우측하단에 버튼 누르면 저장..