1. 사용 함수 

2. 사용 함수 

3. 응용(이용) 분야

 1) 게임에서 거리를 계산할 때 사용한다.

 2) 기계 가공 제품의 치수를 측정할 때 사용한다.

AnimateMotion

begin = "button.click"

<rect  style="cusor:pointer;"/>

<text > Click </text>

AnimateTranform

예제

 <circle

         cx="60.854164"

         cy="122.37499"

         r="13.349334" >

         <animateTransform

            attributeName="transform"

            begin="0s"

            dur="20s"

            type="rotate"

            from="0 60.854164 122.37499" /* 회전 중심은 원의 중심으로 했다. */

            to="360 60.854164 122.37499"

            repeatCount="indefinite"

        />

        </circle>

mpath

참고 : 

https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animate

https://css-tricks.com/guide-svg-animations-smil/

http://blog.bilue.com.au/svg-animations-seriously-very-good/

https://codepen.io/netsi1964/pen/WxyYbj

https://css-tricks.com/almanac/properties/t/transform/

1축 이동

seesaw

spring

X, Y 방향으로 이동

X, Y 방향으로 이동: 자바스크립트 방식

회전

회전: 자바스크립트 방식

1. 버튼 만들기

    구글 시트 화면에 버튼 그림을 넣는 작업이다.

    1) 구글 시트 상단 글자 메뉴: "삽입 - 그림" 클릭한다.

    2) 그림 창에서 tool 메뉴: "도형 - 도형 - 입체테두리"를 클릭한다.

    3) 그림 창 오른쪽 위에서 "저장 후 닫기"를 클릭한다.

2. 스크립트(Script) 작성

    버튼을 클릭하면 작동하는 메소드를 만드는 작업이다.

    1) 구글 시트 상단 글자 메뉴: 도구 - 스크립트 편집기

    2) 스크립트 편집 창에서 작동할 메소드를 만든다.

    3) 스크립트 편집 문법을 알아야 한다. 

3. 스크립트 연결 

    버튼과 작동할 메소드를 연결한다.

    1) 구글 시트 위에 있는 그림 위 오른쪽 상단 메뉴에서 "스크립트 할당"을 선택한다.

    2) 메소드명을 입력한다. 위 화면 메소드는 "myFunction"이다.

4. 버튼을 눌러 실행시키기

   버튼을 누르면 구글에서 보안 때문에 메세지가 뜬다. "고급"을 클릭해서 보안 경고를 건너뛴다.

#스크립트 참고 사이트

https://helpdeskgeek.com/office-tips/5-google-sheets-script-functions-you-need-to-know/

테트리스 소스코드 출처:http://zetcode.com/wxpython/thetetrisgame/

클래스 

Tetris, Board, Tetrinomoes, Shape

리스트

board, : 보드 리스트

coordsTable, : 모든 Shape 리스트

coords : 한개 Shape 리스트

변수

self.isWaitingAfterLine : 블록이 최초 생성인지 확인하기 위한 것

화면 그리기: 

블록(piece) 하나 그리기, 블록 쌓인 것 그리기, 

기능 :          

블록 하나 생성, 블록회전, 이동, 충돌검사, 채워짐 검사 세팅, 블록 제거 세팅, 보드 상단 접촉 검사

배열 :          

보드 초기화, 보드 블록 유무 세팅,  블록 이동 보드 배열 값 수정

키 눌러짐 검사 

반복 실행(작업)

프로그램 최초 시작

app = wx.App()
Tetris(None, title='Tetris')
app.MainLoop()

블록 쌓인 것 그리기, 블록 하나 그리기, 블록 이동

방법: 배열 값에 따라 전 화면을 다시 그려준다.

블록 쌓인 것 그리기

        for i in range(Board.BoardHeight):
            for j in range(Board.BoardWidth):
                shape = self.shapeAt(j, Board.BoardHeight - i - 1)
                if shape != Tetrominoes.NoShape:
                    self.drawSquare(dc,
                        0 + j * self.squareWidth(),
                        boardTop + i * self.squareHeight(), shape)

블록 하나 그리기, 블록 이동

블록 하나를 빈공간에 그린다. 블록이 이동하는 것처럼 보인다.

if self.curPiece.shape() != Tetrominoes.NoShape:
            for i in range(4):
                x = self.curX + self.curPiece.x(i)
                y = self.curY - self.curPiece.y(i)
                self.drawSquare(dc, 0 + x * self.squareWidth(),
                    boardTop + (Board.BoardHeight - y - 1) * self.squareHeight(),
                    self.curPiece.shape())

    def tryMove(self, newPiece, newX, newY):
        
        for i in range(4):
            
            x = newX + newPiece.x(i)
            y = newY - newPiece.y(i)
            
            if x < 0 or x >= Board.BoardWidth or y < 0 or y >= Board.BoardHeight:
                return False
            if self.shapeAt(x, y) != Tetrominoes.NoShape:
                return False
        
        self.curPiece = newPiece
        self.curX = newX     변한 좌표 값을 전달 받는 곳
        self.curY = newY
        self.Refresh()
        
        return True

self.tryMove(self.curPiece, self.curX - 1, self.curY)

if x < 0 or x >= Board.BoardWidth or y < 0 or y >= Board.BoardHeight:
                return False

if self.shapeAt(x, y) != Tetrominoes.NoShape:
                return False

shape = self.shapeAt(j, Board.BoardHeight - i - 1)

self.board = []

self.clearBoard()

for i in range(Board.BoardHeight):
            n = 0
            for j in range(Board.BoardWidth):
                if not self.shapeAt(j, i) == Tetrominoes.NoShape:
                    n = n + 1

            if n == 10:
                rowsToRemove.append(i)        

        rowsToRemove.reverse()