forked from 36base/gf-spine-simulator
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (122 loc) · 6.34 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>36베이스 - 소녀전선 숙소/치비 SD시뮬레이터</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link rel="stylesheet" href="css/css.css">
<link href="../../data/img/g36/32bnonclear.png" rel="apple-touch-icon" />
<link href="../../data/img/g36/128bnonclear.png" rel="apple-touch-icon" sizes="128x128" />
<link href="../../data/img/g36/256bnonclear.png" rel="apple-touch-icon" sizes="256x256" />
<link href="../../data/img/g36/256bnonclear.png" rel="icon" sizes="256x256" />
<link href="../../data/img/g36/128bnonclear.png" rel="icon" sizes="128x128" />
<link rel="shortcut icon" type="image/x-icon" href="../../data/img/g36/32bnonclear.png">
<meta property="og:title" content="36베이스 - 소녀전선 숙소/치비 SD시뮬레이터" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://girlsfrontline.kr/db/simulator/" />
<!--<meta property="og:image" content="" /> -->
<meta property="og:description" content="36베이스 - 소녀전선 숙소/치비 SD시뮬레이터" />
<!-- IE alert -->
<script>
var userAgent = navigator.userAgent.toLowerCase(); //빠른 구별 위해 소문자로만 출력
//document.write(userAgent);
if (userAgent.indexOf('trident') > -1) { //
alert("Internet Explorer 는 WebGL을 지원하지 않습니다.\nMicrosoft Edge, Google Chrome, Mozilla Firefox 를 이용해 주세요.");
};
</script>
</head>
<body>
<div class="container">
<header>
<h1>소녀전선 숙소/치비 SD시뮬레이터</h1>
</header>
<nav class="controlUi clearfix">
<div class="preCanvas Canvas left"></div>
<div class="preUI left">
<div class="form-group preSelectCharacter">
<label>인형</label>
<select class="form-control"></select>
</div>
<div class="form-group preSelectSkin">
<label>스킨<small class="text-muted">(R : 숙소 모델링)</small></label>
<select class="form-control"></select>
</div>
<div class="form-group preSelectAnimation">
<label>모션</label>
<select class="form-control"></select>
</div>
<button type="button" class="btn btn-primary preAddRole">투입</button>
<button type="button" class="btn btn-primary preStopRole">정지</button>
</div>
<div class="gameview left">
<div class="form-inline">
<div class="gameSelectCharacter form-group">
<label>인형선택</label>
<select class="form-control"></select>
</div>
</div>
<div class="charOptions">
<div class="gameSelectAnimation form-group conRange clearfix">
<span style="margin-top:6px;">모션</span>
<select class="form-control input-sm"></select>
</div>
<div class="gameSelectposX form-group conRange clearfix">
<span>X축</span>
<input type="range" min="0" max="800" />
</div>
<div class="gameSelectposY form-group conRange clearfix">
<span>Y축</span>
<input type="range" min="0" max="800" />
</div>
<div class="gameSelectscale form-group conRange clearfix">
<span>인형크기</span>
<input type="range" min="200" max="3000" />
</div>
<div class="text-center">
<button type="button" class="btn btn-primary btn-sm gameTurnRole">좌우반전</button>
<button type="button" class="btn btn-primary btn-sm gameRemoveRole">인형제거</button>
</div>
</div>
</div>
</nav>
<div class="gameShowFPS canvasFps">
<input type="checkbox" checked="checked" /> FPS 수치 출력
</div>
<div class="gameCanvas Canvas"></div>
<nav class="convasControl form-inline">
<div class="gameSelectBackground form-group">
<span>배경화면</span>
<select class="form-control input-sm"></select>
</div>
<button type="button" class="btn btn-primary btn-sm gameSavePng pull-right" style="margin-left:10px;">이미지 저장하기</button>
<button type="button" class="btn btn-primary btn-sm pull-right" onClick="alert('웹저장 시스템 개선 중 입니다.')" style="margin-left:10px;">이 상태로 웹에 저장</button>
<!--<button type="button" class="btn btn-primary btn-sm gameSaveStage pull-right" style="margin-left:10px;">이 상태로 웹에 저장</button>-->
<button type="button" class="btn btn-primary btn-sm gameStopRole pull-right">인형 모션정지</button>
</nav>
<img id="saveImage" width="100%">
<footer>
<p class="text-muted">
<small>이것은 단순한 소녀전선 모션 시뮬레이터 이며, 실제 게임과는 다를 수 있습니다.</small>
</p>
<p class="text-muted">모든 이미지 파일에 대한 저작권은 게임 개발사인 <a href="http://gf.txwy.tw/" target="_blank">天下網遊</a> 에 있습니다.</p>
<p class="text-muted">
초기 소녀전선 시뮬레이터 제작 : <a href="https://github.com/cullus" target="_blank">cullus</a>
<a href="https://github.com/cullus/gfSpinePiXi" target="_blank">gfSpinePiXi</a>
</p>
<p class="text-muted">Original GitHub : <a href="https://github.com/wsmwason/gf-spine-simulator" target="_blank">wsmwason/gf-spine-simulator [업데이트 오리지널]</a></p>
<p class="text-muted">Korean translate GitHub: <a href="https://github.com/kjm1922/gf-spine-simulator" target="_blank">kjm1922/gf-spine-simulator [한글화 적용]</a></p>
<p class="text-muted">문의 : <a href="https://twitter.com/Steam_Nostalgia" target="_blank">숙소/치비 시뮬레이터 문의(Twitter)</a></p>
<p class="text-muted">문의 : <a href="https://twitter.com/gf_36base" target="_blank">36Base Twitter</a></p>
</footer>
</div>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="js/pixi/pixi.js"></script>
<script src="js/pixi/pixi-spine.js"></script>
<script src="js/girlsData.js"></script>
<script src="js/girlsData-plus.js"></script>
<script src="js/spine-data.js"></script>
<script src="js/game.js"></script>
<script src="js/game-plus.js"></script>
</body>
</html>