반응형 기초10 아두이노 LED켜는 예제 ●브레드보드- 남땜이 필요없는 프로토타입용 보드이다. 빨간선에는 양의 전압을 연결해주고, 파란선은 접지(GND)로 연결해준다.중간에는 부품들은 연결하기 위해 사용한다. ●LED- 소량의 전류만 필요하여 과다 전류가 흐를 경우 불이 날수도 있다. LED가 파손되는 것을 막기위해 LED앞에 저항을 연결해준다. - LED는 방향성을 가진다. LED를 통과하는 전류는 한 방향으로 흐른다. 긴 쪽 다리는 양극, 짧은 쪽 다리는 음극(GND)에 연결한다. ●아두이노 스케치를 사용하지 않고 단순하게 전류를 흘려 LED를 켜는 사진 ●전구를 켰다 껐다하는 예제- 저항을 연속해서 LED에 연결한다. 보드의 2,3,4번 디지털 출력 핀이 저항에 연결되고, 저항은 LED의 양극에 연결한다. - pinMode()로 OUTPU.. 2015. 12. 31. cocos2d-x 기본구조 ●CCNode- CCNode는 cocos2d-x의 최상위 클래스로 cocos2d-x의 모든 클래스는 이 클래스를 상속받는다.- CCNode는 자식노드를 가질수 있다. ●CCDirector- 싱글톤클래스로 하나의 어플리케이션에서 하나의 인스턴스만 존재한다.- 게임의 화면을 장면단위로 구성해서 처리할 수 있는 기능을 제공한다.- 여러 장면들을 뒤로 가게 하거나 앞으로 가도록 하는 클래스이다. ●CCScene, CCLayer- 일반적인 게임의 메인화면, 메뉴화면, 게임화면 등이다.- CCScene은 터치이벤트, accelerometer 입력을 처리할 수 없다.- CCLayer는 터치이벤트, accelerometer 입력을 처리할 수 있다. ●CCSprite- 이미지 파일을 화면에 출력하는 역할을 한다.- 이미.. 2013. 4. 15. 일러스트레이터 색,선 설정하기 ●컬러모드 선택하기 - ctrl+n을 눌러 새창을 만들때 컬러모드는 기본적으로 CMYK모드로 설정된다. 웹용 이미지라면 RGB모드로 하고 프린트나 인쇄용 이미지라면 CMYK모드로 설정한다. 일러스트레이터는 출력을 기반으로 하는 벡터 프로그램이므로 웹용 이미지가 아니라면 CMYK모드로 작업하는 것이 좋다. - 작업창의 제목표시줄을 보면 현재의 컬러모드를 알수있다. 컬러모드를 변경하고 싶으면 File->Document Color Mode에서 바꿀수 있다. - 컬러모드를 바꾸면 다시 이전 컬러모드로 바꾸어도 초기상태로 돌아오지 못한다. ●컬러 패널 - 오브젝트를 선택하고 color패널에서 아래 그림의 왼쪽부분에서 면을 선택하고 색깔을 지정한다. - 오브젝트를 선택하고 color패널에서 아래 그림의 왼쪽부분에서.. 2013. 4. 13. 일러스트레이터 모양 수정하기 ●오브젝트 확대,축소 - 선택 툴을 선택하고 오브젝트를 클릭한 후 바운딩 박스 모서리에 커서를 갖다대면 포인터 모양이 아래 그림처럼 바뀐다. 클릭한 후 드래그하면 오브젝트가 확대,축소된다. - shift를 누른채 드래그하면 정비례로 확대,축소된다. - alt를 누른채 드래그하면 대칭비례로 확대,축소된다. - Transform패널에서 직접 수치를 입력해서 바꿀수도 있다. - 오브젝트를 선택한 후 scale툴을 더블클릭한다. 해당 창에서 오브젝트 크기비율을 조절할 수 있다.(Scale Strokes&Effect를 체크하면 선굵기와 효과에도 영향을 미친다. Copy를 누르면 복사본에 해당 설정값이 적용된다.) ●오브젝트 회전하기 - 오브젝트를 선택하고 회전 툴을 선택한다. 십자가 모양의 마우스 포인터를 화면에.. 2013. 4. 12. 일러스트레이터 도형그리기 ●사각형 그리기 - 사각형 툴을 선택하고 화면에 드래그하면 직사각형이 그려진다. - shift를 누른채 드래그하면 정사각형이 그려진다. - shift+alt를 누른채 드래그하면 드래그를 시작한 곳을 중심으로 정사각형이 그려진다. - 드래그하지 않고 화면을 클릭하면 사각형 길이,높이 수치를 입력할 수 있다 ●모서리가 둥근 사각형, 원 - 사각형툴을 계속 누르면 다른 도형을 선택할 수 있다. 모서리가 둥근 사각형과 원은 사각형 그리기와 같다. - ctrl을 누르고 드래그하면 커서가 원위에 온다. ●다각형그리기 - 사각형 툴을 길게 누른후 다각형 툴을 선택한다. - 화면에 드래그해서 다각형을 그린다. - shift를 누른채 드래그하면 다각형 각도가 고정된다. - 다각형 툴을 선택한 후 화면을 클릭하면 반지름과.. 2013. 4. 11. 일러스트레이터 연필(pencil),스무스(smooth),지우개(erase) 툴 ●연필 툴(Pencil Tool) - 마우스를 클릭한 후 드래그하면 그래그한 모양대로 패스가 그려진다. - 선택툴로 패스를 선택한 후 다시 연필툴을 선택하고 마지막 기준점에 위치 시키고 그래그 하면 그려져 있던 곡선과 자연스럽게 이어진다. - 그려져 있는 패스를 선택한 후 연필 툴로 패스의 중간 지점에서부터 다시 그리면 다시 그려준대로 수정된다. - alt키를 누른 패로 마우스에서 손가락을 떼면 시작점과 종료점이 이어진다. - 연필툴 아이콘을 더블클릭하면 나오는 옵션창에서 'Edit selected paths'항목 체크를 해제하면 선택된 패스에 겹쳐 그려도 수정되지 않는다. ●스무스 툴(Smooth Tool) - 미리 그려둔 곡선 패스를 선택한 후 연필툴아이콘을 길게 눌러 스무스 툴을 선택한다. 커서를 .. 2013. 4. 8. 일러스트레이터 팬툴(pen tool)로 직선,곡선 그리기 ●직선그리기 - 펜툴을 선택하고 직선의 시작점을 클릭하고 다른 점을 클릭하면 선이 만들어 진다. Enter키를 누르면 그리기가 종료된다. ●닫힌 직선 그리기 - 직선을 그리주고 처음 시작점에 갖다대면 펜툴 마우스 포인터 모양에 o자가 생긴다. 이때 클릭하면 닫힌 패스가 만들어 지고 자동으로 그리기가 종료된다. ●수직/수평/45도 직선 그리기 - shift키를 누르고 직선을 그리면 자동으로 마우스포인터에 따라 수평/수직/45도 각도로 직선이 그려진다. ●곡선 그리기 - 펜툴을 선택하고 시작점을 클릭한후 드래그한다. 닫힌 패스를 만들때 처음 시작점에 마우스를 대고 클릭한다. 클릭할때 alt+드래그를 하면 시작점은 고정된 채 종료점의 방향선이 별로도 만들어 진다. ●곡선과 직선을 같이 그리기 - 펜툴로 곡선을.. 2013. 2. 19. 일러스트레이터 단축키 ●파일 관련 ctrl+n - 새파일 만들기 ctrl+shift+n - 템플리 불러오기 ctrl+o - 파일 불러오기 ctrl+shift+o - 어도비 브릿지로 불러오기 ctrl+w - 파일 닫기 ctrl+alt+w - 열린파일 모두 닫기 ctrl+s - 파일 저장하기 ctrl+shift+s - 다른 이름으로 저장하기 ctrl+alt+s - 복사본 저장하기 ctrl+shift+alt+s - 웹용 파일로 저장하기 ctrl+alt+p - 도큐먼트로 셋업하기 ctrl+p - 프린트하기 ctrl+q - 포토샵 종료하기 ●편집 관련 ctrl+c - 복사 ctrl+x - 잘라내기 ctrl+v - 붙여넣기 ctrl+z - 작업순서 전단계로 돌리기 ctrl+shift+z - 작업순서를 최근단계로 돌리기 ●오브젝트 관련 .. 2013. 2. 10. 일러스트레이터 기본 패널 ●상단 메뉴중 'Window'에서 선택한다 ●Align - 선택한 오브젝트 위치와 간격을 정렬한다. ●Appearance - 오브젝트 속성과 적용된 효과를 볼수 있고, 컨틀로 할 수 있다. ●Brushes - 패스를 따라 여러가지 도안이 그려진다. ●Color - 오브젝트의 선,면 색을 지정한다. ●Gradient - 오브젝트에 그라디언트 효과를 준다. ●Magic Wand - 비슷한 성질의 오브젝트를 한번에 선택할 수 있는 패널이다. ●Pathfinder - 서로 겹쳐진 패스를 다양한 스타일에 합체하거나 분리한다. ●Stroke - 오브젝트의 선 굵기,모양,스타일을 지정한다. ●Transform - 오브젝트의 좌표, 회전, 기울기를 조절한다. ●Transparency - 오브젝트의 투명도를 조절한다. 2013. 2. 4. html <div>로 웹사이트 레이아웃 구성하기2 ●웹표준 레이아웃 a b c d ●#wrap{margin:0 auto; width:900px;} - table에서는 align="center"로 중앙 정렬을 했지만, 웹표준에서는 따로 중앙정렬은 없다. 그래서 중앙정렬을 하려면 가장 바깥 div에 'margin:0 auto'를 선언해 준다. 'margin:0'은 상하 0px라는 뜻이고 'auto'는 좌우를 중앙에 위치하게 한다. ●큰 div(wrap,header,sidebar,content,footer 등)를 만들고 그 안에 세부적인 div를 만든다. 큰 div는 height값을 주지 않고 세부적인 div에 height를 준다. ●width, margin, padding, height 수치를 정확히 계산해서 레이아웃을 만든다. 만들 레이아웃 디자인을 프린.. 2012. 5. 28. 이전 1 다음 반응형
