어제 비눗방울 만들기 놀이 재미있었지요~~^^* 샴푸의 요정님~~^^* 샴푸의 요정인 우리들이 만들어 내는 비눗방울들이 지붕에서 흘러 내려 땅 아래로 내려가면~, 어머나! 하수관이 비눗방울로 점점 채워지게 되겠네요… 하수관 속에서 비눗방울들의 공기가 빠져서 흐르는 물에 잘 녹아들어야 할텐데요… 그렇지 않으면, 하수관이 비눗방울로 빡빡하게 채워져 제 역할을 못하게 될 수도 있을 것 같아요! 어머 그러면 안돼요!! 그래서~~!! 오늘은 컴퓨터의…

비가 와요~~~^^* 가을비가 와요~~^^* 가을비가 내리고 있어서요~~^^* 우리~~^^* 빗방울이 지붕을 타고 흐르듯, 동그라미들이 선반을 타고 흐르도록 해 볼까요~~?^^* 비도 오는데 말이죠~~^^* 네~~^^* 가을비가 내리고 있어서 말이죠~~^^* 제가 동그라미들을 정성껏 만들고~^^* 선반도 벽에 살짝 기울여 두어 개 달고~~^^* 다시 돌아올게요~~^^* 그동안~~^^* 오늘 새벽의 가을의 모습을 선물 드릴테니~~^^* 안구정화하고 계셔요~~^^* 네^^* 좀 선선해 졌을까 싶어서 새벽 산책을…

오늘은 다른 물체를 하나 더 만들어, 상자가 충돌에 의해 경험하는 물리현상을 우리 눈으로 볼 수 있도록 만들어 보겠습니다~^^* 음…저는…화면 아랫부분에 두꺼운 선반을 하나 걸쳐 놓고 싶어요. 너비는 화면 너비만큼~ 두께는 50 pixel 정도로 해 볼게요~ matter.js의 물체의 위치좌표는 물체의 중심을 나타내게 되니까….그리고 우리의 캔버스가 400*400 이니까… x좌표는 화면 정가운데인 200으로 잡고~ y좌표는 화면 바닥에서 50…

오늘은 추석연휴 마지막 날이예요~^^* 일상으로 돌아가는 발걸음이 새벽녘부터 시작되고 있는 휴일 마지막 날~^^* 오늘은 사물 클래스를 만들어 보도록 하겠습니다~^^* 사각형 모양의 상자를 만들어 보려고 합니다~^^* Bodies 중 rectangle을 사용하면 될 것 같아요~^^* 그런데, 함수 rectangle()의 parameter 매개변수에는 위치좌표(x, y)와 너비와 높이(width, height) 뿐만 아니라 선택사항 option도 있네요~~^^* 다양한 option들 중 마찰 friction과 배상/복원 restitution을 이번…

추석입니다~~^^* 맛있는 아침 드셨어요~~^^*? 오늘은 matter.js와 친숙해 지는 첫 날!이예요~~^^* 간단한 사각형을 만드는 프로그램을 matter.js 라이브러리를 사용하여 만들어 보겠습니다. 그런데요…우리가 공부하는 동영상 강의가 제작된 시점 이후 matter.js의 변화가 있었던 것 같아요. 그래서, 동영상 속의 코드와는 사뭇 표현방법이 달라진 것 같아요…. 우리는, 현재의 matter.js에 따라 코드를 만들어 볼까요~? Object Destructuring에 의해, 물체의 속성 정의가 더 간단해…

여름 같은 가을이네요^^* 추석인데 움직이면 좀 덥죠~^^* 그래도 바람 불면 가을이네요~^^* 꿈을 간직하고 보름달 바라 볼 내일이 오고 있어요~~^^* 꿈 한 톨 콩 한 톨 넣어서 송편을 빚는 추석~~^^* 달이 점점 동그래지는 오늘 밤을 자고 나면, 드디어 내일은 추석의 아침~~^^* 서늘한 가을 기운이 따가운 햇살을 피해 코스모스 그늘 아래 숨어 있는 구월~^^* 햇살 사이로 잠자리가…

네~^^* 우리가 유튜브의 p5.js the Nature of Code 강의 시리즈는 다 마쳤지요~^^* the Nature of Code 내용은 이것에서 더 나아가고 있어요~^^* 그래서, 이번엔, the Coding Train 사이트에 포스트되어 있는 the Nature of Code 강연 시리즈를 이어서 공부해 보도록 하겠습니다~ Physics Engine을 사용하지 않고 우리 손으로 탄성 충돌 속도변화를 계산하는 것까지 이미 우리가 공부를 해 놓았네요~^^*…

추석연휴가 시작되었습니다~~^^* 이동의 피곤함을 충분히 가셔내고 천천히 앉은 책상 맡입니다~^^* 귿모닝~~^^* 명절을 맞으면, 그 날을 기점으로 한 4 계절이 마음 속에서 한 바퀴 도는 것 같아요. 2023 가을 – 2024 겨울 – 2024 봄 – 2024 여름 지난 365일을 천천히 되감으며 사계절를 거꾸로 걸어가는 연휴의 아침의 여유~^^* 이 여유가 4 계절은 왜 생기는 것일까? 새삼…

오늘은 물체를 여러 개 만들어서 2 Dimensional Elastic Collision 2차원 탄성 충돌을 표현해 보려고 합니다~~^^* YEAH~~^^* 음….여러 개의 입자들 각각이 다른 입자들과 충돌하는 것을 스스로 감지하고 이에 따라 자신도 상대방도 2차원 탄성 충돌을 일으키도록 하는 함수 collide(other)에 주목할 필요가 있을 것 같아요…. 음…. 아, 네… 음, 그렇죠…. 네, 그런 것 같아요…. 자신의 행동 뿐만 아니라…

먼저 어제 정리한 충돌 표현 코드를 한 곳에 모아보겠습니다. YEAH!!! 함수 collide()! 이름이 마음에 드시나요~~^^* 이제 물체 클래스 정의를 완성하고~~^^* 두 물체를 생성하여 2차원 탄성 충돌을 표현해 볼까요~~^^* 전체 코드 저와 함께 보시죠~~^^* 인덱스 파일에는 물체 클래스 정의 파일을 먼저 넣고, 메인인 스케치 파일을 넣습니다~^^* 네~~^^* 물체 클래스 정의는, 우리에게 익숙한 입자 클래스 정의에, 이번…