본문 바로가기
반응형

programming/Graphics35

알고두 장면 만들기 Creating algodoo Scene 알고두는 장면을 만드는 것부터 시작한다. 장면은 Scene 이라 하고 메뉴 또는 아이콘을 클릭하여 만들 수 있다. 장면에는 알고두에서 제공하는 객체나 툴 같은 모터, 기어, 경계선 등을 올려 동작시킬 수 있다. 장면을 만들고 객체를 올려보는 것부터 알고두의 시작이다. 알고두 장면 만들기 Creating algodoo Scene 어쨌든 저쨌든 뭔가 재밌어 보이는 것을 하기 위해 알고두를 설치했다면 조금 당황스럽다. 뭐가 없다. 그냥 맛보기로 화면에 이것저것 넣어본다. 참고로 처음 보이는 화면은 장면 Scene 라고 한다. 장면에는 여러가지 객체들을 놓을 수 있다. 장면 만들기 알고두의 Crash Cource 두번째는 장면을 만드는 것으로 시작한다. 아래의 튜토리얼을 한 번 읽어보자. 뭐, 간단한 영어니깐 .. 2021. 12. 29.
알고두 사용법 튜토리얼 강좌 따라하기 algodoo 알고두는 초보자를 위해 6개의 기본강좌를 제공한다. 공개된 영상강좌를 먼저 보고 따라해도 상관없지만 빠진 부분들이 많다. 그렇기에 가장 기본적인 것을 먼저 익힌 후 공개강좌를 보는 것이 어떨까 하는 생각이 든다. 특히 외국의 영상강좌들이 많지만 외국 강좌 특성상 하나의 것에 설명이 너무 길다. 알고두 사용법 튜토리얼 강좌 따라하기 algodoo 나름 쉽다고 생각했는데 이것 또한 만만하지 않다. 영어라서 그런가. 영어공부를 소홀히 한 것이 여기서 한이 남는다. 그럼에도 알고두를 익혀두면 재미있는 것들을 할 수 있을 거란 생각이 든다. 어쨌든 알고두는 설치했으니 무라도 썰어봐야 겠다. 알고두와 마블레이스 유튜브를 자주 보는 사람이라면 marble race 란 것을 한번쯤은 봤을 것이다. 구슬 경주라고 하는 .. 2021. 12. 28.
svg path 패스 3차 베지에곡선 이해 Cubic Bézier Curve 3차 베지에곡선은 조절점을 2개를 이용해 점의 이동경로를 선으로 그리게 된다. 조절점이 하나만 있는 베지어곡선보다 조금 더 복잡한 곡선을 그릴 수 있다. 조절점을 위치시키면서 곡선의 형태를 다양하게 변형할 수 있다. 3차베지에 곡선까지 개념만 충분히 이해하면 그 이상의 베지에곡선을 이해하는 것은 어렵지 않다. svg path 패스 3차 베지에곡선 이해 Cubic Bézier Curve 2차 베지어곡선은 시작점과 끝점 조절점이 1개지만 3차 베지에곡선은 큐빅 베지에곡선으로 시작점과 끝점이 존재하고 조절점이 2개가 존재한다. 차수가 점차 증가할 수록 베지에곡선은 복잡해지며 점차 정교해 진다. 2차와 3차 베지에곡선을 이해하면 차수가 증가하더라도 베지에곡선의 이해가 쉽다. 3차 큐빅 베지에곡선의 인자값의 사용.. 2021. 9. 17.
svg path 패스 베지에곡선 이해 Quadratic Bézier Curve 베지에곡선은 점과 점을 잇는 선분을 이동하는 점의 이동경로를 표현한 것이다. 베지에곡선은 이런 점들을 시작점, 끝점, 조절점으로 구성하여 점의 이동경로를 계산하고 곡선으로 그린다. 연속되는 점은 곡선처럼 보인다. path 단어는 경로임을 이해하자. 무수히 많은 점이 직선으로 연결되고 그 직선을 이동하는 점의 이동경로를 알 수 있다면 곡선으로 표현이 가능하다. svg path 패스 베지에곡선 이해 Bézier Curve 베지에곡선은 시작점, 끝점, 조절점으로 구성으로 구현되는 곡선을 말한다. 점의 이동경로를 곡선으로 표현함에 있어 조절점이 어디에 위치해 있는가에 따라 점이 이동경로가 연결되며 곡선이 그려진다. 베지에곡선을 수학적으로 이해하는 것은 어렵지만 개념적으로 이해하면 어렵지 않다. 베지에곡선 구성 .. 2021. 9. 16.
반응형