웹프로그래밍
-
아톰에디터(Atom.io) 기본 인터페이스 폰트사이즈 조정웹프로그래밍 2018. 3. 22. 15:49
아톰 에디터를 사용하다가 에디터 내부의 폰트나 폰트사이즈는 설정에서 쉽게 수정이 됩니다. 그러나 툴바나, 메뉴바, 사이드바 같은곳의 폰트는 직접 스타일시트를 수정해 주어야 합니다.(저는 리눅스를 사용합니다. 윈도우나 맥용은 메뉴의 위치가 다를수도 있습니다.)구글링으로 찾아본 일반적인 인터페이스 폰트 수정항목은 다음과 같습니다. @ui-font-size: 16px;.tree-view { // background-color: whitesmoke; font-size: @ui-font-size; }.overlay .select-list ol.list-group li, .overlay.select-list ol.list-group li { font-size: @ui-font-size; }.status-bar { ..
-
HTML5 getUserMedia 카메라 제어 켜고끄기웹프로그래밍/자바스크립트 2017. 10. 24. 21:38
카메라 켜기 var localstream; navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia; if (navigator.getUserMedia) { navigator.getUserMedia( { audio: false, video: true }, function(stream) { // 카메라 접근 성공 video = document.querySelector('video'); video.srcObject = stream; localstream = stream; video.onloadedmetadata = function(e) { video.play(); }; },..
-
jQuery-UI select 박스 안보이는 문제웹프로그래밍/자바스크립트 2017. 10. 23. 12:17
제이쿼리-UI를 사용하여 드롭다운 박스(select menu)를 만들때다이얼로그 박스 안에 셀렉트메뉴를 넣은 경우에셀렉트메뉴의 드롭다운 박스가 다이얼로그 박스 밑으로 가려지는 경우가 있습니다. z-index를 조정해서 해결해 보려 하였지만 실패하고아래와 같이다이얼로그 박스를 오픈시킬때다이얼로그 박스 생성뒤에 다시 셀렉트메뉴를 정의해 주는 방법으로 해결 했습니다. $("#dialog").dialog("open");$("#select").selectmenu();
-
최근의 오픈심(오픈시뮬레이터)의 설치 방법(0.8.1 버전부터)웹프로그래밍/LSL(세컨드라이프) 2015. 10. 28. 15:25
오픈시뮬레이터(오픈심) 최신버전의 설치방법이 조금 번거로워 졌습니다.앞의 0.8 버전 까지는 그냥 OpenSim.exe를 실행하여 설치를 시작하였는데0.8.1 버전부터는 그냥 OpenSim.exe를 실행하면 에러가 나면서 설치가 되지 않습니다. ver 0.8.2.0 은 또다시 그냥 OpenSim.exe를 실행하여 설치가 됩니다.... 나중에라도 버전업을 할때 OpenSim.exe로 바로 설치가 안되는 버전은 아래와 같은 방법을 참고하면 되겠습니다..... 공식홈페이지(http://opensimulator.org/)의 설명을 읽어보니 Standalone(단일심모드?) 와 Grid(다중심모드?)의 두가지 설치방법이 있는것 같습니다. (영어가 딸려 제대로 알아듣지는 못한것 같습니다만 대충 그러한 설명인것 같습..
-
연결된 프림 오브젝트간 대화(통신)-llMessageLinked()웹프로그래밍/LSL(세컨드라이프) 2015. 8. 5. 00:11
연결된 오브젝트끼리의 대화 통신 제가 만들고 있는 “바람칼” 이라는 아이템은 두개의 오브젝트가 연결되어 있습니다. 칼 전체모양의 오브젝트 하나와 칼고리 안의 구슬 오브젝트. 앞으로 스크립트가 계속 추가되면서 복잡해질 것 이기에 “기본적인 스크립트”와 “특수한 스크립트”를 따로 관리하기 위해 오브젝트를 나누어 스크립트와 애니메이션 등을 따로 넣어두고 관리하기 위함 입니다.처음 “바람칼”을 착용하면 발생되는 기본 서기 애니메이션과 기가 모이는 파티클, 그리고 명령어를 듣고 처리하는 주 스크립트가 칼 오브젝트에 들어있고 명령어를 전달받아 “기술 애니메이션” 등의 처리는 구슬 오브젝트에서 받아서 실행하도록 하고 있습니다.이때 연결된 오브젝트(프림)간에 대화(통신)의 기능을 사용합니다. llMessageLinke..
-
주변의 오브젝트, 아바타 등 사물을 검색하는 스크립트 - llSensor웹프로그래밍/LSL(세컨드라이프) 2015. 8. 4. 01:25
프림 주변의 사물을 살펴보자 llSensor( string name, key id, integer type, float radius, float arc ); name : 오브젝트 또는 아바타 이름id : 오브젝트 또는 아바타 키값type : 검색할 타입(타입종류 : http://wiki.secondlife.com/wiki/LlSensor)radius : 거리arc : 반경 프림의 X축을 기준으로 설정한 범위의 오브젝트, 아바타 등을 검색함.[예.1] “ricon” 이라는 이름의 아바타를 프림의 전방 50미터 이내, 반경 45도 범위 내에서 검색. llSensor(“ricon”, NULL_KEY, AGENT_BY_LEGACY_NAME, 50, PI/4); [예.2] 위 범위안의 모든 오브젝트, 아바타를 검..
-
프림(오브젝트)과 대화하기 - llListen웹프로그래밍/LSL(세컨드라이프) 2015. 8. 3. 20:46
프림(오브젝트)이 명령어를 들을 준비 시키기 llListen( integer channel, string name, key id, string msg );channel : 대화채널 (0: 일반채널, -2147483648 ~ 2147483647 사이) name : 특정 프림이나 아바타 필터 id : 특정 아바타, 그룹 필터 msg : 메세지 필터 위 llListen 함수를 state_entry() 안에 넣어줍니다.채널은 0 이 아닌경우에는 대화창 입력시에 “/채널번호”를 입력해 주어야 합니다.일반채널로 소유자(Owner)의 말만 듣도록 한다면 아래와 같이 해줍니다. llListen(0, “”, llGetOwner(), “”); 그리고 명령어를 받아주는 스크립트도 state_entry() 바깥에 넣어 줍니다..
-
애니메이션 만들기 와 업로드 기본웹프로그래밍/LSL(세컨드라이프) 2015. 8. 2. 01:33
세컨드라이프 초보자가 쉽게 접근할 수 있는 Qavimator로 애니메이션(또는 포즈) 만들기. 그리고,만든 애니메이션 업로드 하기 기본정보. Qavimator 다운로드 : http://qavimator.org/ [애니메이션 제작시 참고사항] 1번 프레임은 건드리지 말고 2번째 프레임부터 작업.관절값이 “0”인 관절은 다른 애니메이션의 침범을 받음. - 다른 애니메이션의 침범을 받아야 할경우, 막아야 할경우를 잘 생각해서 침범받고 싶지 않을경우엔 최소 1값이라도 넣어주어야 한다. [애니메이션 업로드시 참고사항] Hand Pose - 손동작 애니메이션이 실행되는 동안 취하는 손동작 Expression - 표정 애니메이션이 실행되는 동안 취하는 얼굴표정 Preview while 어떤상태에서 애니메이션이 실행될..