youngsangcho
commented
3 years ago 질문1. 다른 방식으로 더 유기적인 꼭다리를 쉽게 그릴 수 있는 방법이 있을까요?..?) => beginShape(), endShape(), vertex(), curveVertex() 등 레퍼런스 섹션을 찾아보거나 이미지를 사용하면 좋을 거 같습니다.
질문2. 애초에 json shape의 points 이름을 다르게 해야하는 걸까요?... 질문3. 지금 제가 꼭다리 만들고 있는 방식이 옳은 방식인가요?..? => 거의 비슷했습니다- 이름을 바꿀 필요는 없습니다만, 구조는 다시 생각해보면 좋을 거 같습니다. 원래 코드에서 point가 풍선의 원 하나이고, (디자인 스케치를 보면) 꼭지가 point 마다 있을 수도 있고 없을 수도 있겠네요.
그리고, 꼭지는 해당하는 (꼭지가 붙어있는) 풍선의 원 안에서 상대적인 위치값과 회전값을 갖도록 하면 편하지 않을까 싶긴 한데, 이건 학생 맘대로..
아무튼 그러면 json에서 (예를 들어) 한 캐릭터의 points 부분이 아래처럼 생기면 어떨까요. "points" : [ { "x":1.9, "y":1.4, "w":17, "h":40, "r":18, "faucet": { "x": 0, "y": -30, "r": 0 } }, { "x":1.2, "y":3.35, "w":17, "h":40, "r":18 }, { "x":3, "y":1.4, "w":17, "h":40, "r":-18 } ]
어떤 point 는 "faucet" 이란 부분을 가지고 있고, 어떤 point는 가지고 있지 않습니다. 풍선 원이 꼭지를 가지고 있거나 아니거나 한 것과 같죠. 코드에서는 아래의 if 구문처럼 쓰면, 어떤 point 가 faucet 정보를 가지고 있는지 아닌지 확인할 수 있습니다. if (points[i]["faucet"] != undefined) { // == 가 아니라 != 이니까 정보가 있는 경우. // do something }
아래 코드에 위에 말한 부분들을 "a"에만 꼭지가 하나 있는 코드입니다. 잘 살펴보고 직접 수정하며 아이디어를 더해보시기를. https://editor.p5js.org/youngsangcho/sketches/qtIncvd3k
풍선 알파벳 만들던 도중 질문이 생겨 블로그에 정리해놓았습니다!ㅜㅜ https://blog.naver.com/PostView.naver?blogId=joanne3456&Redirect=View&logNo=222568216147&categoryNo=16&isAfterWrite=true&isMrblogPost=false&isHappyBeanLeverage=true&contentLength=30140