Shadertoy 'Bleepy blocks' 분석

03 May 2021 • 0 Comments “Bleepy blocks” by Daedelus   도입 거의 2년 반 만에 Shadertoy 관련 포스팅을 하게 되었습니다. 그동안 많은 일이 있었지만 다행히 creative coding의 세계에 돌아오게 되어 기쁩니다. 지금은 간단히 손을 풀어보는 의미에서 약간 짧은 코드를 살펴보도록 하겠습니다. 분석할 코드는 ‘Bleepy blocks’입니다. 이 코드는 Three.js 기초 튜토리얼의 쉐이더토이(Shadertoy) 활용하기에도 사용될 만큼 유명한...

『시작하세요! 텐서플로 2.0 프로그래밍』 재고 추적 자동화

01 Mar 2020 • 0 Comments   도입 자동화(Automation)는 사람이 반복적으로 수행하는 업무를 사람의 관여를 줄이는 방향으로 개선하는 것이라고 할 수 있습니다. 저는 첫번째 기술 서적을 집필한 후 이 책의 재고 상황을 한눈에 볼 수 있는 교보문고의 책 소개 페이지1에 자주 접속해서 재고의 현황을 눈여겨보다가, 이를 자동화하면 어떨까라는 생각을 했고 일련의 작업으로 이를 자동화했습니다. ※ 주의:...

『시작하세요! 텐서플로 2.0 프로그래밍』 집필 후기

18 Jan 2020 • 0 Comments   도입 며칠 전인 2020년 1월 15일, 저는 인생 첫 기술서적인 『시작하세요! 텐서플로 2.0 프로그래밍』을 집필했고 무사히 출간되었습니다. 저는 어떤 작업을 할 때 언제나 작업 일지 같은 것을 정리하는데, 날짜별로 그 날 있었던 문제, 해결책, 느낌 같은 것을 텍스트 파일로 형식에 구애받지 않고 느슨하게 써내려갑니다. 이 문서를 참고하여 집필 과정을...

CoG 2019 참석 후기

29 Aug 2019 • 0 Comments 지난 주에 런던 QMUL 대학에서 개최되었던 CoG(Conference on Games) 2019 에 논문이 Accept되어 참석하고 돌아왔습니다. 생애 첫 학회 참석에 영어 발표도 처음이라 긴장이 많이 되었지만 일단 준비한 내용은 다 하고 돌아왔습니다. 개인적으로는 세계적인 연구자들의 발표를 보고 자극이 많이 되는 시간이었기 때문에, 기억이 희미해지기 전에 참석 후기를 남겨봅니다.   Conference on...

강화학습 알아보기(5) - 문과 열쇠가 있는 문제 풀기

09 Jun 2019 • 0 Comments 지난 글에서는 Grid World 의 ball-find-3 문제를 풀기 위한 Actor-Critic, A2C, A3C 알고리즘에 대해서 알아보고 에이전트가 환경을 어떻게 해석하는지 알아보기 위해 액션 시각화를 했습니다. A3C는 하나의 에이전트 대신에 여러 개의 에이전트를 쓴다는 간단한 아이디어로 높은 퍼포먼스를 내는 알고리즘이었습니다. 이번 시간에는 지금까지 풀어왔던 ball-find-3를 벗어나 다른 문제를 푸는 데에 A3C 알고리즘을...

강화학습 알아보기(4) - Actor-Critic, A2C, A3C

07 May 2019 • 0 Comments 지난 글에서는 Grid World 의 ball-find-3 문제를 풀기 위한 DQN 알고리즘의 퍼포먼스를 개선하기 위한 여러 방법들과 Deep SARSA 알고리즘에 대해서 살펴보았습니다. 오늘은 ball-find-3 에서 앞선 알고리즘들을 크게 뛰어넘는 성능을 보이는 Actor-Critic 알고리즘에 대해서 알아보고, 에이전트의 액션을 시각화해보겠습니다. 또 이 알고리즘을 더 발전시킨 A3C 에 대해서도 알아보겠습니다.   Actor-Critic 알고리즘, A2C...

강화학습 알아보기(3) - DQN 개선, Deep SARSA

16 Apr 2019 • 0 Comments 지난 글에서는 Deepmind 에서 개발하여 Atari 게임을 플레이하는데 사용되었던 DQN 을 Grid World 에서 학습시켜 보았습니다. 랜덤 액션 에이전트가 -14~-17 정도의 avg. reward 를 얻은 데 비해 DQN 에이전트는 -11~-12 정도의 avg. reward 를 얻었습니다. 하지만 이렇게 학습시킨 에이전트를 Run 버튼을 눌러서 움직여보면 목표 앞에서 헤매는 등 만족스러운 움직임을 보여주지는...

강화학습 알아보기(2) - DQN

01 Apr 2019 • 0 Comments   가치 함수, 감가율 지난 글에서는 강화학습에 대해 처음으로 알아보는 시간과 함께 감가율(discount rate), 가치 함수(value function) 등의 개념을 소개했습니다. 두 개념을 다시 간략하게 정리하면 다음과 같습니다. 감가율 : 미래의 보상은 현재의 보상보다 가치가 낮기 때문에 보상에 미래 시점의 time step 만큼 곱해주는 0.0~1.0 사이의 실수 값 가치 함수 :...

강화학습 알아보기(1) - 가치 함수

10 Feb 2019 • 0 Comments   강화학습이란? 2016년에 있었던 딥마인드의 알파고(AlphaGo)와 이세돌 9단의 대국은 인공지능이 세계 최초로 프로 최고수급의 인간을 바둑에서 이긴 사건으로 화제가 되었습니다. 2018년에는 5대 5로 팀을 나눠 싸우는 협동 게임인 DOTA2 에서 OpenAI 의 연구진이 정해진 영웅 조합으로 프로에 근접한 아마추어 팀을 이겼고, 2019년에는 딥마인드의 알파스타(AlphaStar)가 스타크래프트2에서 같은 종족전(Protoss)으로 프로 최고수를 이기는...

Shadertoy 빗방울 효과 분석

17 Jan 2019 • 0 Comments “Heartfelt” by BigWIngs   도입 오늘은 Shadertoy 에 많이 보이는 효과 중 하나인 빗방울 효과를 분석해보겠습니다. 분석할 코드는 ‘Rain drops on screen’입니다. 코드에 주석이 꼼꼼하게 달려 있어서 분석하는 데에 많은 도움이 되었습니다. 그럼 시작해보도록 하겠습니다. ‘Rain drops on screen’ by eliemichel   Texture 입력 예전에 Shadertoy 불 쉐이더 분석 에서...

Shadertoy 'Creation' 분석

19 Dec 2018 • 0 Comments “Creation by Silexars” by Danguafer   도입 오늘은 Shadertoy 의 인기 쉐이더 중 하나인 ‘Creation’ 을 분석해보려고 합니다. 주석을 빼면 총 19행의 짧은 코드이지만 위의 이미지에서 보실 수 있듯이 단순하다는 느낌은 별로 들지 않습니다. Shadertoy 불 쉐이더 분석에서 의도치 않게 매우 긴 글을 썼기 때문에 이번에는 쉬어가는 의미에서 조금 짧은...

Shadertoy 불 쉐이더 분석

15 Dec 2018 • 0 Comments “Pyroclastic fireball” by Duke   도입 오늘은 shader 에서 가장 기본이 되는 것들 중 하나인 fire shader 를 살펴보려고 합니다. 여기서 random, noise, fbm, bumpMap 등 shader 의 기초적인 구성요소들을 하나씩 짚어보면서 Shadertoy 에 사용된 fragment shader 에서 이것들을 어떻게 표현할 수 있는지를 알아볼 것입니다. 이번에 분석할 Shadertoy 의 코드는...

Shadertoy 메타볼 분석

12 Dec 2018 • 0 Comments “Metaballs++ “ by TheBuoy   도입 지난 글에 이어, 이번에는 3D 그래픽스의 가장 기본적인 구현 요소 중 하나인 메타볼에 대해서 알아보겠습니다. 이번 포스팅의 아이디어는 Ryan Geiss 라는 분이 쓴 이 글에 많이 의존하고 있다는 점을 미리 밝혀드립니다. 홈페이지를 보니 이 분은 2010년부터 Google 에서 일하고 있네요. 오늘 분석할 Shadertoy 의...

Shadertoy 기본 쉐이더 분석

10 Dec 2018 • 0 Comments “Canyon” by iq   도입 Shader 는 컴퓨터 그래픽의 렌더링 효과, 주로 빛과 그림자를 표현하는 데에 쓰이는 언어입니다. 하드웨어, 특히 GPU 의 발전으로 Shader 로 예전에는 성능상의 문제로 표현할 수 없었던 많은 것들이 이제 표현 가능해졌습니다. Shadertoy 는 이 분야의 선구자 중 한 명인 Inigo Quilez 가 제작에 참여한 온라인...

육각형으로 구성된 맵 만들기

09 Dec 2018 • 0 Comments image link   도입 지금은 보안 취약점으로 인한 해킹의 위험 때문에 점점 쓰면 안되는 기술이 되고 있지만, 약 10년~15년 전에는 플래시가 최고의 웹 컨텐츠 제작 도구였습니다. 아직 자바스크립트는 정확한 표준을 정하지 못하고 있었기 때문에 익스플로러, 크롬, 오페라 등의 브라우저마다 작성해야 할 코드가 조금씩 달라졌습니다. 생산성을 높이기 위해서는 모든 브라우저에서 동일하게...

임의의 원형 경로 만들기

04 Dec 2018 • 0 Comments 도입 2주 전, 사각형 Grid 에서 임의의 겹치지 않는 원형 경로를 구해야 하는 업무가 생겼습니다. 요구 조건은 다음과 같았습니다. 순환 경로 (처음 == 끝) 중복되지 않는 깨끗한 1픽셀의 line으로 이어질 것 (가급적 상하좌우로만) 약간의 랜덤성 문제 정의에 따라서 A* 같은 탐색 알고리즘을 써서 구할 수도 있겠습니다만, 이때는 좀 쉽고 procedural...

블로그 시작

03 Dec 2018 • 0 Comments Github Pages 에서 블로그를 새롭게 시작하게 되었습니다. 원래 greentec.github.io 경로에 있던 자료들은 Sidebar 의 Inventory에 있습니다.