JH Park note

Week 8 Worknotes

2017-02-25 00:54:20
GitLab 이 거의 마음에 들어가는데, 갑자기 업데이트 시간이 너무 오래 걸린다.
이건 좀 서비스로서는 치명적인데…

2017-02-23 22:15:22
Sonogram Sonification 만 해결하면 된다. !!!

2017-02-23 22:06:19
수요일 전시회 때문에 이것저것 하다보니, 이번주는 업데이트가 별로 없군. :-)

2017-02-22 11:37:19
가끔씩 예전 코드가 빌드가 안되면 심장이 철렁 내려 앉는다.

2017-02-20 14:28:37
흠… 일단 Web Audio 를 직접 사용할지 아니면 Library 를 써야 할지 결정해야겠다.


Week 7 Worknotes

2017-02-18 17:48:40
흠… Quartz Composer 로 된 예전 프로젝트를 2년여만에 열어보았다.
처음엔 전혀 동작을 안해서 난감했다.

원인은 Javascript 안의 if(!_testMode) 의 문제이다.
이게 제대로 동작을 안하는 건지 아니면 Apple에서 바꾸었는듯 하다.

어쨋든 지금은 잘 돌아가고, 16개 버젼으로 된 파일을 잃어 버렸기 때문에 버젼업을 할까 말까 고민중이다.

Old project, but it's working. :-)

A post shared by JHPark (@jeonghopark) on


2017-02-17 13:43:47
노이즈가 있지만, 일단은 기본적인 셋팅은 완성.

#threejs #creativecoding #sonification #creativeappsnet #webgl #cassiniinspires #saturn

A post shared by JHPark (@jeonghopark) on

#threejs #creativecoding #sonification #creativeappsnet #webgl #cassiniinspires #saturn

A post shared by JHPark (@jeonghopark) on


2017-02-17 13:42:53
Image 에서 pixel data 불러오는 방법을 좀더 찾아야 겠다.


2017-02-16 11:21:48
참고할 코드가 너무 어려우면 그냥 직접 쓰는게 속 편하다.


2017-02-15 12:19:11
Sublime Text 가 당연히 좋기는 한데, 흠 여러가지 셋팅이 귀찮군.
다른 Editor 는 별로 관심없고,…
제발 Atom이 빨라지기를…


2017-02-13 17:17:16
아쉽지만, Atom Editor 를 잠시 두어야 겠다. ThreeJS 작업시 Chrome 과 Atom 이 서로 돌아가면서 300 줄 정도 되는 스크립작성에서 조차 버벅된다.


Week 6 Worknotes

2017-02-11 17:58
며칠 포트폴리오 정리하느라 정신없구나.
한가지 이상한게 XCode 의 oF Build 속도가 무지 느린것 같다.


2017-02-09 12:31
Electron을 Build 할 경우, Chrome Browser를 기준으로 코드를 작성해야한다.
(일단 Mac에서만 확인)


2017-02-08 16:19
Electron 으로 Build 잘 된다.
당연하겠지만, 소스코드 그대로 원도우로 가져가도 원도우에서 별다른 셋팅이 필요 없다.
맥에서 직접 Build 를 하고 싶지만, 설치하여야 할 것 들이 있어서 패스.


2017-02-08 11:25
Electron 에서의 가능성을 한번 체크.


2017-02-07 10:28
Perlin Noise 에서 2D 또는 3D 데이터에 에러가 있음.

Week 5 Worknotes

2017-02-05 19:40
Perlin Noise Javascript : https://github.com/wwwtyro/perlin.js

2017-02-05 17:37
shader 프로그래밍에는 왜이리 정이 안갈까?

2017-02-05 11:12
ThreeJS fontloader에서 정확히 어떻게 font file을 import 하는게 좋은지 찾아야 한다.

2017-02-04 21:38
http://electron.atom.io 간단하게 ThreeJS 프로젝트를 네이티브로 바꿀 수 있다. 간단한 코드도 용량이 대략 100MB를 넘는다. 프레임워크 때문에 어쩔 수 없으리라 생각된다.
그래도 웹으로 배포하는 것과는 다르게 앱으로의 기능을 하므로 다양한 용도를 생각 해 볼 수 있다.

/assets/images/2017/electron.png


2017-02-04 20:29
ThreeJS의 기본적인 세팅에 대한 부분이 조금만 간단하다면, 학생들에게 권해줄 만 한데, 하기야 processingJS 가 있지.


2017-02-04 00:33
Blog Theme 바꿈질.


2017-02-03 22:42
현재까지 ThreeJS 로 바꾸어가면서 느낀 점.
아주 미세한 차이지만 oF 보다는 구현되어지는 형태에 대해 고민을 많이 할 수 있는 듯 하다.
구현되는 방식이 다양해서 흥미롭게 접근할 수 있다.


2017-02-03 22:29
ThreeJS 다음 코드로 시작한다.
여기에 추가할 것들은 WindowsResize, Background Gradient


2017-02-03 20:59
흠… geometry 를 움직이느냐, mesh를 움직이느냐에 대한 실험이 필요하다.


2017-02-03 01:16
Planet Animation Test
Mesh를 Merge시키지 못하여서 Code 공개는 며칠 후에 한다.

Planets animation #threejs #study #generative #webgl #creativeappsnet

A video posted by JHPark (@jeonghopark) on


2017-02-02 22:43
Number Clamp Function

Number.prototype.clamp = function(min, max) {
    return Math.min(Math.max(this, min), max);
};

2017-02-02 19:51
Processing 코드에서 threeJS로 옮긴다.
OOP 의 경우에 나름대로 규칙을 정해야 할 듯 하다.
Vector의 계산은 몇몇의 함수 이름들이 oF나 Processing 과는 차이가 있어서 직접 찾아야함.


2017-02-02 11:09
github 에 개인 프로젝트를 저장하기 좀 애매했었다.
(공개를 안한다기 보다는, 학생들 프로젝트 혹은 회사와 연결된 프로젝트의 경우는 곤란하다.)
Gitlab 과 같이 사용한다.
Bitbucket도 좋기는 한데, 뭔가 너무 많은 옵션들이 있어서 계정을 지웠다.


2017-02-01 22:15
언제쯤 메인으로 ThreeJS를 쓸 수 있으려나…


2017-02-01 09:39
가장 머리가 맑고 잘 돌아가는 아침 이른 시간에 SNS 를 보는 것은 정말 바보같은 짓이다.


2017-01-31 13:34
Mail Box 거의 정리. 시원하다.


2017-01-30 10:13
좀더 긴 글을 쓸 필요가 있겠다.

Week 4 Worknotes

2017-01-29 12:47
ThreeJS 작성의 경우 어쩔 수 없이 Default Setting 에 의존 할 수 밖에서 없다.
지금의 기억력으로 그걸 다 기억하기가 힘들다.

2017-01-28 12:47
며칠 아파서 정신 못 차림…

2017-01-24 15:05
일단 ThreeJS 로만 첫번째 프로토타입을 완성하였다.
조금씩 ThreeJS 에 대한 감을 잡아가는 것 같다. 하지만 수 많은 옵션들이 어떻게 동작되는지는 결국은 stackoverflow 에 달려 있다.

2017-01-24 13:18
거의 두 시간 정도 THREE.PointsMaterial 에 소모하다.

2017-01-23 13:58
아직은 ThreeJS 의 구조가 확실하게 기억이 나지 않는다.
왠지 모르지만, geometry 의 mesh 를 두 번 쓰는 것 같은 느낌이 든다.

2017-01-23 12:08
Transparancy 사용은 어찌보면 양보 혹은 후퇴의 의미가 있다.

2017-01-23 10:10
Threejs 에서 각 Mesh 들을 조절할 수 있게 되었다.
/assets/images/2017/capture-8.png
Source Code (내 마음대로 Code) 는 Github 에 저장한다.
https://github.com/jeonghopark/sphereParts