최근에 개인프로젝트 “꽃, | flower”을 만들었다. WebGL을 사용한 3D 그림책을 컨셉으로 잡고 진행을 했었는데 2017년 초부터 시작해서 대략 8개월 정도의 기간이 걸렸다. 가장 오랫동안 한 개인작업이라 애착이 갔고, 만들면서도 기록을 남기고 싶다는 생각에 글을 쓰기 시작했다. 이 프로젝트를 어떻게 시작하게 되었고, 그림과 개발을 동시에 진행하면서 느꼈던 점이나 어려웠던 점들을 정리해보려고 한다.
http://blog.302chanwoo.com/wp-content/uploads/2017/07/little_leaf_thumb.jpg4901200302chanwoohttp://blog.302chanwoo.com/wp-content/uploads/2018/02/302chanwoo_blog_logo.png302chanwoo2017-07-16 06:00:172018-02-25 17:34:41어린 잎
http://blog.302chanwoo.com/wp-content/uploads/2017/07/man_thumb.jpg4901200302chanwoohttp://blog.302chanwoo.com/wp-content/uploads/2018/02/302chanwoo_blog_logo.png302chanwoo2017-07-15 23:25:012018-02-25 17:35:46떨어지는 남자
성수동에는 3d 프린터를 사용할 수 있는 성수메이커스페이스 라는 공간이 있다. 3d 프린터 교육만 들으면 예약을 해서 누구든지 사용할 수가 있다. 4월에 수업을 들었지만 시간이 없어서 3d 모델링을 못하다가 최근에 여유가 생겨서 간단하게나마 3d 모델링을 해서 출력 할 수 있었다.
http://blog.302chanwoo.com/wp-content/uploads/2017/06/3dprinter_thumb.jpg6691500302chanwoohttp://blog.302chanwoo.com/wp-content/uploads/2018/02/302chanwoo_blog_logo.png302chanwoo2017-06-04 16:36:402018-02-25 16:52:16첫번째 3d printer 출력
3d object위에 그 object에 대한 설명이 달린 태그를 붙여서 object를 따라다니게 하려고 한다. div로 만든 태그를 object위에 붙여서 따라다니게 하려면 object의 position 값을 대입해야 되는데 position은 x,y,z 값을 가지고 있고, div는 x, y 값만 가지고 있기 때문에 3d position(x,y,z)를 x,y로 변경해서 사용해야만 한다.
http://blog.302chanwoo.com/wp-content/uploads/2018/02/302chanwoo_blog_logo.png00302chanwoohttp://blog.302chanwoo.com/wp-content/uploads/2018/02/302chanwoo_blog_logo.png302chanwoo2017-06-04 15:43:112018-02-25 16:31:033D position (x, y, z)를 2D position (x, y)로 변경
꽃, | flower 개발기
최근에 개인프로젝트 “꽃, | flower”을 만들었다. WebGL을 사용한 3D 그림책을 컨셉으로 잡고 진행을 했었는데 2017년 초부터 시작해서 대략 8개월 정도의 기간이 걸렸다. 가장 오랫동안 한 개인작업이라 애착이 갔고, 만들면서도 기록을 남기고 싶다는 생각에 글을 쓰기 시작했다. 이 프로젝트를 어떻게 시작하게 되었고, 그림과 개발을 동시에 진행하면서 느꼈던 점이나 어려웠던 점들을 정리해보려고 한다.
[ javascript ] Array method 정리
Array를 쓰다보면 항상 사용하던 map이나 splice 만 쓸 뿐 some, every 메소드에 대해선 항상 헷갈려 하던 부분이라 공부도 할 겸 Array method를 정리해보았다. 몇가지 빠진 method들은 추후에 공부를 하면서 추가할 예정이다.
igby609 website
일러스트레이터 igby609의 개인 홈페이지
종이인형
파수꾼
어린 잎
떨어지는 남자
3d print
첫번째 3d printer 출력
성수동에는 3d 프린터를 사용할 수 있는 성수메이커스페이스 라는 공간이 있다. 3d 프린터 교육만 들으면 예약을 해서 누구든지 사용할 수가 있다. 4월에 수업을 들었지만 시간이 없어서 3d 모델링을 못하다가 최근에 여유가 생겨서 간단하게나마 3d 모델링을 해서 출력 할 수 있었다.
3D position (x, y, z)를 2D position (x, y)로 변경
3d object위에 그 object에 대한 설명이 달린 태그를 붙여서 object를 따라다니게 하려고 한다. div로 만든 태그를 object위에 붙여서 따라다니게 하려면 object의 position 값을 대입해야 되는데 position은 x,y,z 값을 가지고 있고, div는 x, y 값만 가지고 있기 때문에 3d position(x,y,z)를 x,y로 변경해서 사용해야만 한다.