Programming
-
CSS Tutorial (2) / CSS 시작하기 (2)Programming/Web Programming 2023. 1. 22. 06:15
이어서 챕터2 내용도 작성해 남겨놓는다. 수업을 들을때는 기억이 나는데.. 한 하루 이틀만 지나면 금붕어처럼 까먹어 버리기 때문에! 이 글은 강의를 듣고 정리한 내용이다. 강의는 클래스101, 유노코딩 강사님의 프로그래밍 입문자를 위한 CSS 기초이다. https://class101.net/ko CLASS101+ | 세상의 모든 클래스를 하나의 구독으로 2700개 이상의 클래스로 일러스트, 공예, 코딩, 부업, 주식까지 세상의 모든 분야를 배워보세요. CLASS101에서 14일 무료 체험해 보세요. class101.net 챕터2. 텍스트와 박스 모델 - 텍스트, 여백 그리고 배경까지 1강. 텍스트 꾸미기 속성 (1) 텍스트 관련 속성 종류 1) font-family : 글꼴 정의 2) font-size ..
-
CSS Tutorial (1) / CSS 시작하기 (1)Programming/Web Programming 2023. 1. 22. 02:20
지난번에 html을 튜토리얼을 마쳐서 이어서 CSS 튜토리얼을 공부하려고 한다. 클래스 101, 프로그래밍 입문자를 위한 CSS 기초를 보고 공부한 내용 위주로 작성될 예정이다. HTML도 같은 강사님께 들었는데 설명도 엄청 자세하게 해주시고 실습도 알차서 재밌게 배웠었다! 이번에도 완강까지 화이팅.. 혹시 몰라 남겨놓는 강의 링크 (유노코딩 검색 / 유로 강의입니다!) https://class101.net/ko CLASS101+ | 세상의 모든 클래스를 하나의 구독으로 2700개 이상의 클래스로 일러스트, 공예, 코딩, 부업, 주식까지 세상의 모든 분야를 배워보세요. CLASS101에서 14일 무료 체험해 보세요. class101.net 챕터1. CSS 시작하기 - CSS 기본 문법 및 작성 방법 1강..
-
유니티(Unity) 스케치 효과 쉐이더 / Unity Sketch (pencil) shaderProgramming/Unity 2023. 1. 11. 09:45
* 유니티 버전: 2021.3.16f 프로젝트 타입: 3D (HDRP에서는 적용되지 않았다. / URP는 안해봤지만 안될 것 같다.) Shader를 만들어 유니티의 3D 오브젝트들을 마치 스케치를 한 것같은 쉐이더를 입혀줄 수 있다. 직접 그려도 상관없지만 이렇게 만들어두면 오브젝트에 애니메이션을 추가할 경우, 한편의 스케치 애니메이션과 같은 결과물을 만들 수 있다. 우선 스케치 쉐이더의 제작 과정은 이런 과정을 거친다. Shader 제작 (쉐이더 스크립트 작성) => Material에 Shader적용 => 카메라에 들어갈 C# 스크립트 작성 => 카메라에 적용 복잡해보이지만 쉐이더 스크립트를 직접 작성할 필요가 전혀 없기 때문에 의외로 간단하다. 1) Shader 제작 아주아주 감사하게도 *상업적 이용..
-
유니티(Unity) Glass Material 만들기Programming/Unity 2023. 1. 11. 08:43
* 유니티 버전: 2021.3.16f 프로젝트 타입: 3D (hdrp/urp 아니고 일반) 유리 머테리얼 만드는 방법 퀄리티를 높이려면 이것저것 더 보완해주어야 겠지만 가장 기본적으로 만들 수 있는 유리 머테리얼! - 우선 프로젝트 창에서 오른쪽 마우스를 눌러서 Create - Material을 추가해준다. - 인스펙터 창에서 Main Maps를 Transparent로 바꿔준다* (가장 중요) 이미 완성한 상태에서 캡쳐한 것이기 때문에 머테리얼이 이미 투명해보이지만 바꿔주기 전에는 그냥 회색 상태일 것이다. - 오브젝트에 적용된 모습을 보면서 Metalic과 Smoothness를 조절해간다. 적당히 내가 원하는 적당한 값으로 맞춰준다. Metalic은 말그대로 메탈 질감 (맨질맨질한데 반사가 뚜렷이 안됨..