방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com rotate2 HTML Canvas 룰렛 기능(roulette) * 게시글 하단의 제 깃허브 주소를 통해 실제 구현된 모습을 볼 수 있습니다 HTML Canvas로 만든 룰렛 기능(roulette) 입니다. 룰렛은 원형 판이 빙글빙글 돌아가다 멈추는 기능입니다. 캔버스에서 이러한 룰렛기능을 만드려면 부채꼴(circular sector)을 그려주는 방법을 사용하면 됩니다. 원을 그려준 다음에 해당 각도를 계속해서 증가하면 빙글빙글 돌아 갈 것 입니다. 먼저 그려줄 부채꼴을 계산합니다. const canvas = document.getElementById('canvas') const ctx = canvas.getContext('2d') let width = canvas.width let height = canvas.height const devide = 12 //나눌 갯.. 2022. 1. 21. Openlayers view Animation (오픈레이어스 애니메이션, Openlayers 애니메이션) 오픈레이어스에서 View 클래스는 화면구성을 담당 합니다. 화면에 뭐가 클릭이 되거나 드래그 앤 드랍, 화면 드래그 등 여러 이벤트를 감지하고 처리하는 역할을 합니다. 해당 view 객체에 몇가지 기능을 추가하면 괜찮은 에니메이션 효과(화면 자동이동, 회전 등) 기능을 만들 수 있습니다. 역시..화면을 만드는 레이어는 기존에 사용하던 레이어를 사용 하겠습니다. 대신에 view를 생성하는 객체만 따로 전역변수로 분리하여 둡니다. import Map from 'ol/Map.js'; import View from 'ol/View.js'; import OSM from 'ol/source/OSM.js'; import OlTileLayer from 'ol/layer/Tile.js'; import point from.. 2019. 9. 20. 이전 1 다음
