본문 바로가기
AR 피아노 웹용 - 화면에서 몸의 움직임으로 피아노를 칠 수 있는 프로그램 스마트폰이나 웹캠 화면에서 직접 몸을 움직여서 피아노를 칠 수 있는 프로그램입니다.웹캠이나 스마트폰을 잘 고정시키고 스마트폰카메라를 통해 본인 모습이 나타나면 화면위에 나타난 건반을 손으로 치면 됩니다.아래 링크에서 실행하면 됩니다. 실행되면 전체화면을 눌러 화면을 크게 하고 보세요https://sciencej.cafe24.com/p5js/piano/피아노를 칠 때는 손으로 내려 치는 것이 아니라 디스코 추듯이 손이나 손가락을 위아래로 움직이면서 머리위에 있는 피아노 건반을 찌르듯이 쳐야 합니다.(작동원리는 화면에 변화가 생기는 부분을 인식해서 피아노 건반을 치기 때문에 손을 건반위에 올려 놓고 있으면 계속 소리가 납니다. 따라서 건반 아래로 손을 내렸다가 올리면서 쳐야 합니다.또 카메라를 움직이면 모든.. 2024. 8. 15.
자신의 목소리를 녹음해서 연주할 수 있는 피아노 자신의 목소리를 녹음해서 연주할 수 있는 피아노아래 링크에서 실행시키고 녹음해서 연주하면 된다.어렸을 때 민서가 좋아하던 목소리 녹음해서 연주하는 피아노 프로그램을 20년 만에 웹용으로 다시 만들어 보았다.아래 링크 누르고 실행하면 된다. https://sciencej.cafe24.com/html5/piano/recpiano.html마이크 녹음 버튼을 눌러 목소리나 다른 생활에서 나는 소리를 녹음한 다음정지를 누르고 재생버튼을 눌러 소리를 들어 본다.(참고로 앞부분에 묵음은 자동으로 제거되도록 만들었다.)소리가 잘 녹음이 되었다면 피아노 건반을 눌러 연주를 하면 된다. 끝'아~~~~'  또는 '랄랄랄랄~~~' 소리를 녹음하고 연주해 보자. 말을 녹음하는 것 보다. 연주를 하기 위해서는 단음을 녹음하는 것.. 2024. 8. 14.
생일축하케이크 - 도깨비 드라마에 나왔던 촛불 프로그램 도깨비 드라마에 나왔던 촛불 앱이 안드로이드 버전이 업데이트 되면서 최신폰에서는 설치되지 않는다.그래서 앱 설치 없이 웹링크로 접속해서 바로 사용 할 수 있게 만들었다. 스마트폰에서도 되고, 컴퓨터에서도 된다. 아래 링크로 접속해서 마이크 부분에 바람을 불거나, 큰 소리를 지르면 촛불이 꺼지면서 생일 축하 노래가 나온다.https://sciencej.cafe24.com/html5/happy/happybirthday.html짧은 주소http://edgo.kr/happy작동원리는 소리의 크기를 인식해서 일정이상의 소리가 지속되면 촛불이 서서히 작아지다 꺼지게 되어 있다.따라서 한번 훅 부는 것이 아니라 지속적으로 2초 정도 불어야 한다. 아니면 큰 소리를 내면 된다. 소리를 내다가 멈추면 촛불은 다시살아난다.. 2024. 8. 10.
주사위 놀이 보드 게임 2.2 (온라인에서 학습용 게임 제작 및 실행) 주사위 놀이 보드 게임 2.1 (온라인에서 학습용 게임 제작 및 실행) 주사위 놀이 학습용 보드 게임 2.1 이다.  보드게임 끝판왕이라고 보면 된다.이건 하나의 틀일 뿐이다. 개인적으로 이 틀을 이용해서 소화기관, 혈액순환, 암석의 순환, 기후변화, 탄소순환 등등 다양한 종류의 보드판과, 관련된 문제들이 만들어져 공유되기를 희망해 본다.  2024.08.28기본적으로 주어진 보드판을 설정창에서 바로 바꿀 수 있다. - 같은 문제로 게임을 하다가 지루할 때 보드판을 다른 보드판으로 바꿔서 게임을 할 수 있다. 1.  문제선택모드를 선택하고 보드게임을 만들면, 게임진행할 때 원하는 문제를 선택할 수 있는 기능을 추가했다. 즉 문제가 랜덤으로 출제되는게 아니라, 10번 칸에 도착 했을 때 임의로 10번 문제.. 2024. 8. 5.
가상 조명 - 색이 있는 조명을 비추면 세상은 어떻게 보일까? 빛이 없는 곳에서 색이 있는 조명을 비춰 본다면 세상은 어떻게 보일까?기존에 만들었던 프로그램을 웹상에서 실행할 수 있게 다시 만들어 보았다.색 조명을 따로 준비하지 않아도, 스마트폰을 이용해 가상으로 조명을 비추는 것처럼 세상을 볼 수 있다. 아래 링크에서 실행하면 된다. 이건 가로로 길게 나오는 가상조명 프로그램이다.https://sciencej.cafe24.com/html5/camlight/camlight.html아래 영상을 보면 쉽게 이해될 것이다. https://youtu.be/deyMPsbKK04 스마트폰에서 세로로 보려면 아래 링크에 있는 가상조명을 사용하면 된다.기능은 똑같다. 단지 세로로 나오는 것만 다르다.https://sciencej.cafe24.com/html5/camlight/ca.. 2024. 7. 28.
색의 삼원색 분리 및 합성 (CMY 인쇄물 만들기) 가지고 있는 사진을 색의 삼원색(Cyan, Magenta, Yellow) 으로 자동으로 분리해 주는 프로그램이다.  기존에 만들었던 것을 웹상에서 설치 없이 바로 할 수 있도록 다시 만들었다.아래 링크에서 실행해서 활동하면 된다. https://sciencej.cafe24.com/html5/cmymix/cmysmix.html빛의 삼원색(RGB)과 달리 색의 삼원색(CMY)은 가산혼합이다. 주로 인쇄물에 사용한다.  색의 삼원색은 합치면 합칠수록 어두워 진다. 책이나 인쇄물은 프로그램처럼 원판사진을 가져다가 CMY로 분리한 후, 종이에 3가지 색을 겹쳐 인쇄해서 칼라 사진을 만든다.가정에서 사용하는 칼라 프린터도 같은 원리다. 그래서 칼라잉크나 토너도 CMY 3종류가 기본으로 들어간다.  검은색을 표현하려.. 2024. 7. 28.
감각점 확인을 위한 재미있는 실험 + 스마트폰 진동 프로그램 사람의 감각기관은 인체 부위에 따라 다르다.감각이 예민할 필요가 있는 손가락이나 발가락, 입술등에는 감각점이 많지만, 그렇지 않은 곳에는 감각점이 많지 않다. 학생들이 왜 그런가요? 라고 질문을 하면 답변하기가 곤란할 때가 많다. 이럴때 특히 생물에 관한 설명을 할 때는 대부분 진화론으로 접근을 해서 설명하면 좋다. 사람이 진화하면서 등이라던가 배라던가 별로 접촉할 필요가 없는 곳에 감각점이 많이 있다면 상당히 비효율적일 것이다. 따라서 필요한 부분에 감각점을 많이 두는 것이 생존에 유리하다.그렇다면 어느부위에 감각점이 많아야 좋을까? 생각해 보면 손에 많아야 함을 암기가 아니라 바로 이해 알 수 있다. 그리고 얼굴 부위도  감각점이 많이 분포한다. 특히 입술과 혀 등에 많이 분포한다. 이건 개인적인 생.. 2024. 7. 26.
패턴무늬 만들기 (웹용) – 나만의 패턴무늬를 만들어 보자 스마트폰 카메라나 컴퓨터 웹캠에 비친 모습을 이용하여 기학학적인 패턴무늬를 만들 수 있다. 기존에 스마트폰 앱으로 만들었던 것을 설치없이 어디에서나 사용할 수 있게 웹용으로 다시 만들었다. 일단 아래 링크에서 실행해 보고, 카메라에 비친 자신의 모습을 이용해서 무늬를 만들어 보자.https://sciencej.cafe24.com/html5/pattern/pattern.html패턴모양을 6가지로 바꿔볼 수 있다. 자신의 팔이나 몸을 이용하거나 주변에 다양한 도구를 이용해서 나만의 무늬를 만들어 보자.  손가락을 카메라 가까이 가져가서 선대칭이나 점대칭 또는 다양한 방법으로 변환시키면 기하학적인 무늬가 만들어 진다.카메라에 이것 저것 비춰 보다 보면 시간가는 줄 모른다. 잘 만들어 진 패턴 무늬는 실제로 천.. 2024. 7. 19.
우주선 온라인 조종 게임 (소리 크기 이용) 소리 크기로 조종하는 우주선 게임입니다. 아래 링크를 눌러 실행하시고 그냥 소리를 질러 보시면 됩니다. 그럼 게임 방법을 바로 알 수 있습니다. https://sciencej.cafe24.com/html5/ufosori/ufosori.html학생들과 졸린 시간이나 수업집중할 때 재미있게 할 수 있습니다. 반 전체가 참여하는 게임이라 분위기 집중시킬 때 좋습니다. 단점은 학생들이 너무 과열되서 중간에 멈추기 어렵다는... 게임방법은 간단합니다. 게임을 실행하고 아래 레벨을 선택한 후 시작을 누르면 됩니다. 그럼 우주선이 움직이는데 큰소리가 나면 우주선은 위로 올라가고 소리가 작으면 우주선은 아래로 내려 옵니다. 목적지 까지 장애물에 충돌하지 않고 이동하면 됩니다. 마이크소리가 들어오지 않으면 게임을 할 수.. 2024. 7. 15.

티스토리툴바