Canvas element에서 key이벤트 받기

HTML5의 canvas 엘리먼트는 그래픽을 표시하기에 좋으며 마우스 관련 이벤트는 onmouse… 이벤트 핸들러를 사용하면 바로 이용할 수 있지만 키보드 관련 이벤트는 onkeydown, onkeyup 이벤트 핸들러를 등록해도 호출되지 않는다.
Stackoverflow에 따르면 canvas 엘리먼트는 기본적으로 키보드 이벤트를 받지 않도록 설계되었기 때문이며 canvas에 tabindex를 지정해 주면 이후 키보드 이벤트를 사용할 수 있게 된다.

 tabindex="1000">

scala.js에서 dom 사용하는 경우에는 다음과 같이

canvas.tabIndex = 1000

댓글

댓글 쓰기

이 블로그의 인기 게시물

터미널에서 스칼라 파일 직접 컴파일, 실행

항상 sbt나 eclipse 파일 받아서 실행시키다 보니 처음부터 만드는 방법을 아직 모르고 있다. 일단 컴파일및 실행. scalac -classpath ".:/외부라이브러리패스/*" demo.scala scala 클래스이름 스칼라의 기본 라이브러리만 사용하는 경우에는 classpath를 지정할 필요없지만 외부 자바라이브러리라도 사용하려면 위와 같이 지정해주어야 한다. 쌍따옴표(")를 사용하지 않으면 IO에러가 발생하며 *.jar와 같이 지정해 주어도 제대로 찾지 못한다. 앞의 '.'를 지정하지 않으면 scala 실행시 현재 디렉토리에서 클래스를 찾지 않는다. 반복적으로 사용하는 경우 .bash_profile에 다음과 같이 환경변수로 지정 export CLASSPATH=".:/외부라이브러리패스/*"
자세한 내용 보기

로잉 머신 운동 2달째

지난번 로잉머신 구입 포스팅을 한지도 2달이 지나갑니다. 그 사이 세 식구 모두 나름 꾸준하게 운동했고 모두가 어느 정도의 효과를 체험하고 있습니다. 아는 것은 없지만 로잉에 대해 느낀점에 대해 포스팅해 봅니다. 로잉의 운동 방식은 땅에서 물건을 들때와 동일합니다. 물건을 잡고 먼저 다리를 이용해서 힘을 얻은 다음 허리를 펴고 어깨 뒤쪽의 근육을 이용해서 명치부위까지 물건을 들어 올리는 것이죠. 로잉 머신에 앉은 사람의 모습을 시계방향으로 90도 돌린다고 생각하면 이해가 더 쉬울지도 모르겠습니다. 이때 가장 중요한 점은 허리를 곧게 펴는 것 입니다. 무게가 가벼울 때는, 즉 공기 저항 수치를 낮게 놓고 살살 잡아 당길때는 허리를 구부린 자세도 크게 무리가 가지 않을 수 있지만 저항과 힘을 늘일수록 지렛대의 받침과 같이 요추에 힘이 많이 들어 가므로 부상을 입기 쉽습니다. 항상 허리가 일자로 펴진채 있도록 힘을 주는걸 명심하시기 바랍니다. 운동전에 스트레칭을 하는 것이 좋지만 초반에 운동량을 약하게 시작해서 점점 늘리는 것으로 대치하겠습니다. 자리에 앉아서 공기 저항이 얼마로 설정되어 있는지 확인한 다음 손잡이를 아래쪽 거치대까지 당겨 놓습니다. 자리를 앞뒤로 몇번 움직이면서 좌석 아래 바퀴와 발받침대의 고정은 괜찮은지 확인해 봅니다. 어깨와 팔꿈치에 힘을 빼고 손잡이를 잡은채 다리의 힘만으로 앞뒤로 왔다갔다 하면서 느껴지는 저항감은 적당한지, 특히 어깨 뒤쪽 근육에 당겨지는 느낌 이 드는지 확인합니다. 어깨와 팔에 힘을 주고 있으면 잘 느껴지지 않지만 힘을 빼면 근육이 늘어나는 것이 느껴집니다. (이 힘을 느끼는 것이 개인적으로는 중요하다고 생각합니다.) 다리힘으로 로잉을 하다 이제는 허리를 살짝 뒤로 젖힌다는 느낌과 함께 상체를 써서 손잡이를 명치 부위까지 잡아 당깁니다. 이때 끝까지 잡아당기면 아까 힘을 뺐을때 늘어난다는 느낌이 들었던 어깨 뒤쪽 근육이 완전히 수축한다는 느낌 이 듭니다. (아마도 이 느낌을 무한도전의 로잉 코치분은 끝까지 잡아챈다고 표현했...
자세한 내용 보기

curses 라이브러리 간단한 정리

이미지
Ruby에서의 curses 라이브러리가 windows XP의 command 창에서도 동작하길래 몇가지 명령어만 간단히 정리해 봅니다. 기본 형식 init_screen으로 실행하고 ensure 문을 사용해서 반드시 close_screen이 호출되도록 한다 require 'curses' include Curses init_screen begin # 실행코드 ensure close_screen end 커서 관련 setpos 함수로 커서 위치 지정하고 curs_set 함수로 커서를 보이게 하거나 감춘다 화면 입출력 출력은 addstr 함수, 한글자 입력은 getch, 문자열 입력은 getstr 함수 사용자 입력을 보이지 않게 하려면 noecho 함수 호출 사용자가 enter 입력할 때까지 line buffer 방식으로 입력받으면 nocbreak 함수, 인터액티브하게 사용자가 한글자 입력할 때마다 바로 받으려면 cbreak 함수 호출 컬러 init_screen 호출 이후 start_color 함수 호출 color 사용 가능한지는 has_colors? 함수로 알 수 있고 사용가능한 색의수는 colors 함수로 알 수 있다. 색을 표시하려면 init_pair 함수로 pair에 글자색과 배경색을 지정한 다음 attron 함수로 색을 지정하고 출력한다. 색 자체를 RGB 조합으로 지정하려면 init_color 함수를 호출하면 될듯 (시험해보지 않음) init_pair(COLOR_RED,COLOR_RED,COLOR_BLACK) init_pair(COLOR_YELLOW, COLOR_YELLOW, COLOR_BLACK) setpos((lines - 5) / 2, 20) attron(color_pair(COLOR_RED) | A_NORMAL) { addstr("한글 시험") } attron(color_pair(COLOR_YELLOW) | A_BOLD) { addstr("...
자세한 내용 보기