TS-LOG

menu-opener icon
  • 홈
  • 태그
  • 방명록
반응형
환형 그리기 포스팅 썸네일 이미지

프로그래밍/그래픽

환형 그리기

환형(annular sector)부채꼴 다음으로 호를 이용해서 많이 그리는 도형은도넛 모양, 반지 모양이라고 불리우는 환형 도형이다. 원형 차트에서 부채꼴이나 환형으로 표시되는 것을많이 보았을 것이다. 환형 역시 호(arc)를 그릴수 있다면약간의 응용으로 쉽게 구현할 수 있다. 환형 그리기환형이 부채꼴과 다른점이 있다면중심점과 하나의 호가 연결된 형태가 아닌두 개의 호가 연결된다는 점이다.그리는 순서는 다음과 같다. 1. 안쪽 호를 그린다.캔버스 크기는 600 x 600 이므로 중점에서 40 만큼의 반지름의 호를 그린다.시작 각도는 180도, 종료 각도는 320도다. draw() { const gpArc = new PIXI.Graphics(); //시작 각도 const stAngle =..

2024.06.17 게시됨

1
반응형
반응형

공지사항

  • 이 블로그는...

최근글

인기글

태그 클라우드

  • AnimatedSprite
  • 파이썬
  • 패튼전차
  • animatecc
  • 도색
  • 청라카페
  • 원격저장소
  • M47
  • 스프라이트시트
  • PixiJS
  • 슬라이딩퍼즐
  • UE4
  • 자바스크립트게임
  • arc()
  • GitHub
  • for문
  • 로컬저장소
  • Git
  • pixi.js
  • 언리얼4
  • 제작기
  • 조건문
  • 배열
  • M47해병대
  • 아카데미
  • 자바스크립트
  • createjs
  • git reset
  • 커밋 되돌리기
  • 아카데마
Copyright . TS all rights reserved.
Designed by 베이스캠프
닫기 아이콘
사이드 프로필 배경이미지
블로그 이미지

천둥상어

코딩, 여행, 맛집, 프라모델 등.. 나의 일상다반사 블로그

  • 분류 전체보기
    • 일상
    • 취미
      • 건프라 완성
      • 취미 일기
      • 인스스캔
    • 프로그래밍
      • 개발 일기
      • 그래픽
      • Phaser
      • CreateJS
      • Pixi.js7
      • Node.js
      • Git&GitHub
      • VisualStudioCode
      • JavaScript 기초
      • JavaScript 디자인 패턴
      • JavaScript 게임 개발
      • TypeScript
      • Python 기초
      • 언리얼 엔진4
    • 제품리뷰
    • 여행&나들이
    • 맛집탐방

전체

오늘

어제

Designed by 베이스캠프

티스토리툴바