설명:

위, 좌, 우 벽에 닿으면 반사되고

아래 벽에 닿으면 게임에서 지는 게임입니다.

막대기에 닿으면 공이 반사되므로 막대기를 좌우로 움직여 공을 살려내야합니다.


응용:

공의 스피드 조정하는 버튼 만들기


원리:

1. 공 움직이기

TimerListener timerListener = new TimerListener();  
_timer = new Timer(20, timerListener);


private class TimerListener implements ActionListener {
  public void actionPerformed(ActionEvent e) {
   _ball.move();
   repaint();
  }
 }

1000=1초로 보고

20=0.02초마다 timerListener의 actionPerformed를 실행시킨다.

즉, 0.02초마다 ball을 move시킨다



2. 막대기 움직이기

private class MoveKeyListener implements KeyListener {
  private DrawingPanel _drawingPanel;
  public MoveKeyListener(DrawingPanel drawingPanel){
   _drawingPanel= drawingPanel; 
  }
  @Override
  public void keyPressed(KeyEvent e) {
   int keyPressed = e.getKeyCode();
   if (keyPressed == KeyEvent.VK_LEFT) {
    _block.moveLeft(); 
   }
   if (keyPressed == KeyEvent.VK_RIGHT) {
    _block.moveRight();
   } 
   _drawingPanel.repaint();
  }


오른쪽 방향키와 왼쪽 방향키를 누르면 block(막대기)를 오른쪽 또는 왼쪽으로 움직인다.

public void moveLeft(){
  int newX=_currentLocation-Constant.D_X;
  if (newX<0){
   _currentLocation=0;
  }else{
   _currentLocation=newX;
  }
  _movingBlock.setLocation(_currentLocation, _blockY);
 }

저작자 표시 비영리 동일 조건 변경 허락
신고
Posted by jihyun_ly daisy_hyun

설명:

버튼을 누르면 크레파스처럼 그 색으로 색을 칠할 수 있는 게임입니다


원리:

7가지 색의 버튼이 있습니다.

각 버튼에 addActionListener를 해서

빨간색 버튼을 누르면 drawingPanel(400개의 사각형이 있는 Panel)의 인스턴스변수의 color를 red로 바꿔줍니다.

사각형을 클릭하면 그 좌표를 가지고 setFillColor(color)로 색을 바꿔줍니다.


저작자 표시 비영리 동일 조건 변경 허락
신고
Posted by jihyun_ly daisy_hyun

1. 선택자 종류


  • 범용 선택자

*{

font-size: 

}


  • ID선택자

#midfont{font-family:돋움체; font-size:14pt;color:red}

<div id="midfont"> 햇빛의 작품</div>

id는 유일하기 때문에 html에서 한번밖에 못씀


  • class 선택자

.midfont{font-family:돋움체; font-size:14pt;color:red}

<div class="midfont"> 햇빛의 작품</div>

재사용 가능


  • 명시적 선택자

h1{font-family:돋움체; font-size:14pt; color:red}



2. font와 관련된 속성

  • font-family 글꼴 지정

윈도우 시스템 글꼴 - 돋움, 굴림, 궁서, 바탕체

기본 글꼴- 필기체, 명조체, 장식스타일(serif, sanserif, fanfasy, monospace)


내가 좋아하는 글꼴 

 영어 : cursive

 한글


  • color 

모든 태그에서 글꼴 색상 지정


  • font-size

절대단위 

1pt=0.27인치

1In=2.54cm

1cm=10mm

pc(picas) 1pc=12pt


상대단위 

px(pixels 해상도에 대한 상대크기)

em(ems 기존 글꼴에 대한 상대 크기)

ex(exs 소문자 x 높이를 1로 봤을 때 상대크기)

%(기존 크기에 대한 상대적 크기를 백분율로 표시)


  • font-weight 굵기 지정 bold, 700

  • font-style 글꼴 기울임 지정 italic , normal


저작자 표시 비영리 동일 조건 변경 허락
신고

'개발 공부 > HTML5 & JAVASCRIPT' 카테고리의 다른 글

daisy_hyun :: CSS font  (0) 2016.12.16
daisy_hyun :: CSS  (0) 2016.12.16
CSS 파일 import 또는 link  (0) 2016.12.16
크랩스 게임 코딩  (0) 2016.05.08
editplus 에디트플러스 설치하는 법  (0) 2016.05.05
[자문자답]  (0) 2016.05.05
Posted by jihyun_ly daisy_hyun
  •     절대경로

 c:/project/file\docu.html
이클립스 : project\file\docu.html


  •    상대경로

근거리 범위 내 수정된 내용을 자동 변환 시켜준다.
../../는 두단계 상위 directory로 이동시키는 것이다.
../ 는 인위적으로 한단계 상위 directory로 이동시키는 것이다.
./ 는 자신의 경로를 말한다.


저작자 표시 비영리 동일 조건 변경 허락
신고
Posted by jihyun_ly daisy_hyun


티스토리 툴바