[![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2FR2Road%2Fcocos2dx_playground&count_bg=%2379C83D&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=hits&edge_flat=false)](https://hits.seeyoufarm.com)

# cocos2dx_playground
<p float:left;">
<img src="https://github.com/R2Road/cocos2dx_playground/blob/master/wiki/step_typetype_game_titlescene.gif" width=30% height=30%></img>
<img src="https://github.com/R2Road/cocos2dx_playground/blob/master/wiki/step_flipflip_game_titlescene.gif" width=30% height=30%></img>
<img src="https://github.com/R2Road/cocos2dx_playground/blob/master/wiki/step_mole_game_titlescene.gif" width=30% height=30%></img>
</p>

<br>

<p float:left;">
<img src="https://github.com/R2Road/cocos2dx_playground/blob/master/wiki/shader_practice_simpletest.gif" width=30% height=3%></img>
<img src="https://github.com/R2Road/cocos2dx_playground/blob/master/wiki/graph_practice_collection05.gif" width=30% height=30%></img>
<img src="https://github.com/R2Road/cocos2dx_playground/blob/master/wiki/ui_research_type_effect_shake.gif" width=30% height=30%></img>
</p>

<br>

<p float:left;">
<img src="https://raw.githubusercontent.com/R2Road/cocos2dx_playground/master/wiki/step_rain_of_chaos_game_test_spawnprocessor_01.gif" width=30% height=3%></img>
<img src="https://raw.githubusercontent.com/R2Road/cocos2dx_playground/master/wiki/algorithm_practice_floodfill.gif" width=30% height=3%></img>
<img src="https://github.com/R2Road/cocos2dx_playground/blob/master/wiki/cocos_research_render_PrerenderScene.gif" width=30% height=3%></img>
</p>
 
## 주의사항 | Warning
- **한국어**
  - 이 저장소에는 cocos2d-x 엔진 코드가 포함되어 있지 않습니다.
  - "cocos new" 명령어를 사용해서 cocos2d-x 새 프로젝트를 만드세요.
  - ...그리고 프로젝트 안에 있는 "cocos2d" 폴더를 복사해서 "cocos2dx_playground" 프로젝트에 붙여 넣으세요.
  
- **English**
  - This repository is not included "cocos2d-x engine" code
  - Please, Make cocos2d-x clean project from "cocos new"
  - ...and Copy and Paste "cocos2d" folder to "cocos2dx_playground"
  
<img src="https://github.com/R2Road/cocos2dx_playground/blob/master/wiki/readme_01.png">
</img>


## 개괄 | Overview
- 한국어 : cocos2d-x 3.17.2를 사용해 입문자에게 적당히 유용하고, 도전해 볼 만한 것 들을 만듭니다.
- English : useful code for make game with cocos2d-x 3.17.2


## 작업환경 | Environment
- engine
  - [cocos2d-x 3.17.2](https://www.cocos.com/en/)

- language
  - c++

- editor
  - vs 2017( version : 15.9.27 )

- sound
  - [sfxr](http://www.drpetter.se/project_sfxr.html)
  - [lmms](https://lmms.io/)

- graphic
  - [paint.net](https://www.getpaint.net/)
  - [aseprite](https://www.aseprite.org/)
  
  
## 목차 | Contents
- [step](https://github.com/R2Road/cocos2dx_playground/wiki)
  - [typetype](https://github.com/R2Road/cocos2dx_playground/wiki/TypeType)
  - [flipflip](https://github.com/R2Road/cocos2dx_playground/wiki/FlipFlip)
  - clickclick
  - path finder
  - [mole](https://github.com/R2Road/cocos2dx_playground/wiki/Step-:-Mole)
  - rain of chaos
  - defender( sleep )
  
- ui practice
  - Mouse Cursor
  - Layout - Vertical
  - Layout - Horizontal
  - Relative Layout
  - Layout N Scroll View
  - Layout - Change Sequence
  - Layout - Various Item Size
  - ScrollView
  - UI and Camera
  - Minimap
  - Slider
  - Toggle Button
  - Radio Button

- [shader practice](https://github.com/R2Road/cocos2dx_playground/wiki/Shader-Practice)
  - Basic
  - GL Uniform List
  - Simple Test

- [graph practice](https://github.com/R2Road/cocos2dx_playground/wiki/Graph-Practice)
  - Basic
  - Collection 01
  - Collection 02
  - Collection 03
  - Collection 04
  - Collection 05
  - Collection 06

- input practice
  - Game Pad Test
  - Key Allow
  - Allowed Key Test
  - Key Config
  - Configed Key Test

- tool practice
  - Tile Sheet Test

- [ui research](https://github.com/R2Road/cocos2dx_playground/wiki/UI-Research)
  - Button Research - On Mouse Over
  - Button Research - Mouse Right Click
  - Type Effect : Basic
  - Type Effect : Multi Byte
  - Type Effect : Color
  - Type Effect : Shake
  - TextField - BMFont
  - Tool Bar node
