본문 바로가기
728x90
반응형
[Flutter]. 05. Flutter tutorial on codelab(1) Flutter Learn에 소개 된 다음 내용은 codelab이라는 곳에서 진행되는 튜토리얼입니다. https://codelabs.developers.google.com/codelabs/flutter-codelab-first?hl=ko#0 Your first Flutter app | Google Codelabs In this codelab, you’ll learn how to build a Flutter app that generates random, cool-sounding names. codelabs.developers.google.com 이 tutorial에서 만드는 앱은 일종의 이름을 지어주는 앱입니다. 이 과정에서 flutter의 중요한 내용들을 살펴보게 됩니다. 템플릿으로 제공 되었던 샘플 프.. 2023. 1. 16.
[opengl].[#2.GLSL] 09. Shader 없이 구현하는 Toon shading 앞에서 Toon shading과 NPR에 대해서 조금 이야기했습니다. 요즘은 한계라는 것이 없는 것 같아요. 상상하는 모든 것은 다 표현 가능한 것 같아요. 그러니, 무엇을 상상 할 수 있느냐가 경쟁력인 것 같아요. 콘텐츠의 힘!!! https://learn-and-give.tistory.com/36 [opengl].[#2.GLSL] 08. 잔소리...Toon shading 이전 시간에 Vertex Shader에 외부에서 조정되는 값을 넣어, Animation 효과를 내어 보았습니다. https://learn-and-give.tistory.com/34 [opengl].[#2.GLSL] 07. Vertex Shader에서 간단한 애니메이션 구현 앞에서 Vertex Shader learn-and-give.t.. 2023. 1. 15.
[Flutter]. 04. 기본 템플릿 프로젝트 실행하기(Android Studio) 지난 번에는 Visual Studio Code로 Flutter 템플릿 프로젝트를 해보았습니다. https://learn-and-give.tistory.com/37 [Flutter]. 03. 기본 템플릿 프로젝트 실행하기 개발에 사용 할 에디터까지 준비 완료! [Flutter]. 02. 에디터 준비 (tistory.com) [Flutter]. 02. 에디터 준비 앞에서 Flutter를 설치하고, 개발 중 테스트 해 보기 위한 Android 관련 설정까지 마쳤습니다. https:/ learn-and-give.tistory.com 오늘은 Android Studio에서 해봅시다. New Flutter Project Android Studio를 구동하면 (작업 중이던 프로젝트가 없다면), 아래와 같이 프로젝트 생.. 2023. 1. 14.
[Flutter]. 03. 기본 템플릿 프로젝트 실행하기(VS Code) 개발에 사용 할 에디터까지 준비 완료! [Flutter]. 02. 에디터 준비 (tistory.com) [Flutter]. 02. 에디터 준비 앞에서 Flutter를 설치하고, 개발 중 테스트 해 보기 위한 Android 관련 설정까지 마쳤습니다. https://learn-and-give.tistory.com/33 [Flutter]. 01. Android 설정 지난 시간에 기본적인 설정은 하였고, flutter doctor의 learn-and-give.tistory.com Hello, World! 이제 프로그래밍 하면, 한번 해줘야 되는, 반가운 Hello, World 한번 해봐야죠.^^ 먼저, VS Code로 해보겠습니다. 매뉴에서 View > Command Palette 를 누르거나 단축키 (Cont.. 2023. 1. 13.
[opengl].[#2.GLSL] 08. 잔소리...Toon shading 이전 시간에 Vertex Shader에 외부에서 조정되는 값을 넣어, Animation 효과를 내어 보았습니다. https://learn-and-give.tistory.com/34 [opengl].[#2.GLSL] 07. Vertex Shader에서 간단한 애니메이션 구현 앞에서 Vertex Shader에서 수식을 이용하여 Vertex 좌표를 변경 할 수 있는 것을 보았고, 이것이 Vertex의 좌표를 변경 할 뿐, Vertex로 구성 된 메쉬의 Topology와는 관계가 없다는 사실, 그리고 Pixel 수준에 learn-and-give.tistory.com 이번에는 조명에 들어가기 전에, (Code 없이) 잔소리만 좀 하려고 합니다. Toon shading 조명 효과의 대표적인 예인 Toon shadi.. 2023. 1. 11.
[Flutter]. 02. 에디터 준비 앞에서 Flutter를 설치하고, 개발 중 테스트 해 보기 위한 Android 관련 설정까지 마쳤습니다. https://learn-and-give.tistory.com/33 [Flutter]. 01. Android 설정 지난 시간에 기본적인 설정은 하였고, flutter doctor의 체크 내용을 다 완수하였습니다. [Flutter]. 00. Flutter 리뷰 (tistory.com) [Flutter]. 00. Flutter 리뷰 나이를 먹어가면서 예전처럼 새로운 것이 나오면 막 learn-and-give.tistory.com 그 아래 부분에 Visual Studio에 대한 설정이나 Web 설정도 조금 있었는데, 뭐 너무 완벽하게 다 하려고 하지 말고 필요할 때 찾아보는 걸로 하고 넘어가겠습니다. 다음.. 2023. 1. 11.
[opengl].[#2.GLSL] 07. Vertex Shader에서 간단한 애니메이션 구현 앞에서 Vertex Shader에서 수식을 이용하여 Vertex 좌표를 변경 할 수 있는 것을 보았고, 이것이 Vertex의 좌표를 변경 할 뿐, Vertex로 구성 된 메쉬의 Topology와는 관계가 없다는 사실, 그리고 Pixel 수준에서 변형이 되는 것이 아니라는 것을 보았습니다. https://learn-and-give.tistory.com/31 [opengl].[#2.GLSL] 06. gl_Position 끄적거리기(2) 지난 시간에는 Shader 밖에서 설정 된 Vertex 좌표가 gl_Position에 전달되는지 확인 해 봤습니다. 코드 상에서는 glRotate를 했지만 이것은 Model View Matrix에 영향을 미쳤고, glVertex로 입력 된 좌표가 그대 learn-and-giv.. 2023. 1. 11.
[Flutter]. 01. Android 설정 지난 시간에 기본적인 설정은 하였고, flutter doctor의 체크 내용을 다 완수하였습니다. [Flutter]. 00. Flutter 리뷰 (tistory.com) [Flutter]. 00. Flutter 리뷰 나이를 먹어가면서 예전처럼 새로운 것이 나오면 막 살펴 볼 생각이 별로 들지 않네요. 체력이 떨어지기 때문에 만사 귀찮아지기 때문인 것도 같고... Flutter가 뭔지 모르겠는데, 유튜브에 종종 learn-and-give.tistory.com 이제 android 관련 된 내용을 살펴볼텐데, 미리 좀 살펴보니 지난 번에 한 내용들이 대부분이네요. Android Studio 설치 Android Device 관련 준비 Android Emulator 준비 라이센스 동의 이 중, 1번은 앞에서 쉽게.. 2023. 1. 10.
[Flutter]. 00. Flutter 리뷰 나이를 먹어가면서 예전처럼 새로운 것이 나오면 막 살펴 볼 생각이 별로 들지 않네요. 체력이 떨어지기 때문에 만사 귀찮아지기 때문인 것도 같고... Flutter가 뭔지 모르겠는데, 유튜브에 종종 보이길래 도대체 뭔가 싶어서 한번 살짝 살펴봤습니다. 가장 눈에 띈 특징은, Cross-platform이 가능한 개발언어라고??!!! 그렇다면 한번 알아 볼 필요가 있다 싶군요~ 구글에서 나왔다는데, Flutter 소스 코드가 많아지면 정말 AI로 코드짜는 것이 더 쉬워질 것 같네요 github의 방대한 코드를 이용하여 MS가 뭔가 할 잠재력을 가진 것 같은 느낌적인 느낌인데, Flutter를 통해서 구글도 뭔가 하고 있는 것은 아닐까 하는 생각도 살짝 해 봅니다. 어찌되었듯, 점차 개발하고자 하는 아이디어 외.. 2023. 1. 9.
[opengl].[#2.GLSL] 06. gl_Position 끄적거리기(2) 지난 시간에는 Shader 밖에서 설정 된 Vertex 좌표가 gl_Position에 전달되는지 확인 해 봤습니다. 코드 상에서는 glRotate를 했지만 이것은 Model View Matrix에 영향을 미쳤고, glVertex로 입력 된 좌표가 그대로 gl_Position으로 전달 된 것을 볼 수 있었습니다. https://learn-and-give.tistory.com/29 [opengl].[#2.GLSL] 05. gl_Position 끄적거리기 앞에서 gl_Color의 특성에 대해서 알아보았습니다. https://learn-and-give.tistory.com/28 [opengl].[#2.GLSL] 04. gl_Color 끄적거리기 지난 글에서 Shader가 interpolation을 통해서 여러가.. 2023. 1. 9.
[GG]재활용 쓰레기 분류 하기 게임 - 03. 게임화 할 선별과정 선택 및 대략의 게임 구상 앞에서 재활용 쓰레기 선별소에서의 선별 과정을 살펴 보았습니다. https://learn-and-give.tistory.com/26 [GG]재활용 쓰레기 분류 하기 게임 - 02. 선별 과정 분석 분리 배출을 하면, 뭔가 내가 지구를 위해서한 것 같고, 함부로 쓰레기를 버리는 사람들을 비난해도 될 만큼 나의 죄가 씻겨나간 것 같은 가벼운 마음이 듭니다. 그러나, 선별 과정 영상을 찬찬 learn-and-give.tistory.com 이것을 게임화 하는 것은, 결코 이 과정을 희화하거나 가볍게 보려는 것은 아니며, 게임의 형태로 관련 된 이슈를 노출하여 조금이라도 더 관심을 가지게 하려는 목적이 큽니다. 행여, 방법의 잘못이 있다면 좋은 방법을 제안해서 함께 더 바람직한 방향으로 만들어 나가면 좋겠습니다... 2023. 1. 8.
[opengl].[#2.GLSL] 05. gl_Position 끄적거리기 앞에서 gl_Color의 특성에 대해서 알아보았습니다. https://learn-and-give.tistory.com/28 [opengl].[#2.GLSL] 04. gl_Color 끄적거리기 지난 글에서 Shader가 interpolation을 통해서 여러가지 벡터를 보간하고, 그것으로 멋진 효과를 만들어 낸다는, 지극히 주관적인 잔소리를 좀 했었어요. https://learn-and-give.tistory.com/27 [opengl].[#2.GLSL] 03. learn-and-give.tistory.com 이번에는 Color와 함께 가장 대표적인 Vertex의 속성인 position에 대해서 알아보겠습니다. 좌표 변환을 해야 하니, 알아보기 쉽게 좀 정리를 하겠습니다. 왼쪽 아래 Vertex부터 반시계.. 2023. 1. 8.
728x90
반응형

티스토리툴바