pictcode / app / View / pictcode / index.ctp @ 9af585b9
履歴 | 表示 | アノテート | ダウンロード (6.56 KB)
| 1 |
<!DOCTYPE html> |
|---|---|
| 2 |
|
| 3 |
<html> |
| 4 |
<head> |
| 5 |
<title>-PictCode-</title> |
| 6 |
<meta name="apple-mobile-web-app-capable" content="yes"> |
| 7 |
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> |
| 8 |
<meta charset = "UTF-8"> |
| 9 |
<meta http-equiv="pragma" content="public"> |
| 10 |
<meta http-equiv="Cache-Control" content="public"> |
| 11 |
<meta http-equiv="Expires" content="-1"> |
| 12 |
<meta http-equiv="Expires" content="86400"> |
| 13 |
<!-- css --> |
| 14 |
<link href="/css/pictcode/bootstrap/bootstrap.css" rel="stylesheet" > |
| 15 |
<link href="/css/pictcode/jquery-ui.min.css" rel="stylesheet" > |
| 16 |
<!-- <link href = "css/fixedheaderandfooter.css" rel="stylesheet" type="text/css">--> |
| 17 |
<link href = "/css/pictcode/main.css" rel="stylesheet" type="text/css"> |
| 18 |
</head> |
| 19 |
|
| 20 |
<body> |
| 21 |
|
| 22 |
<!-- プリロード --> |
| 23 |
<div id="preload"> |
| 24 |
<div class="progress"> |
| 25 |
<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width:5%" id ="preload_bar"></div> |
| 26 |
</div> |
| 27 |
</div> |
| 28 |
|
| 29 |
<!-- UI --> |
| 30 |
<div id="ui-tab" style="display:none;"> |
| 31 |
<div id="sprite_list"> |
| 32 |
<div id="list_scroll"> |
| 33 |
<ul class="sortable" id="list_table"></ul> |
| 34 |
</div> |
| 35 |
</div> |
| 36 |
<div id="ui_editor"></div> |
| 37 |
<div id="modal_ui_sprite" style="text-align: center;"> |
| 38 |
<div id="modal_ui_sprite_container" style="text-align: left;"></div> |
| 39 |
</div> |
| 40 |
<div id="modal_ui_tag"> |
| 41 |
<div id="modal_ui_tag_container"></div> |
| 42 |
</div> |
| 43 |
<div id="modal_ui_function"> |
| 44 |
<div id="modal_ui_function_container"></div> |
| 45 |
</div> |
| 46 |
<div id="modal_ui_collision"> |
| 47 |
<div id="modal_ui_collision_container"></div> |
| 48 |
<br> |
| 49 |
<button id ="modal_ui_collision_ok"><img src="/img/pictcode/ui/btn_modal_002.png"></button> |
| 50 |
<button id ="modal_ui_collision_cancel"><img src="/img/pictcode/ui/btn_modal_003.png"></button> |
| 51 |
</div> |
| 52 |
</div> |
| 53 |
|
| 54 |
<!-- コーディング --> |
| 55 |
<div id="coding-tab" style="display:none;"> |
| 56 |
<div id="modal_coding_block" style="text-align: center;"> |
| 57 |
<div id="modal_coding_block_container" style="text-align: left;"></div> |
| 58 |
</div> |
| 59 |
<div id="modal_coding_vector"> |
| 60 |
<div id="modal_coding_vector_container"> |
| 61 |
<div id="modal_coding_vector_input"></div> |
| 62 |
<div id="modal_coding_vector_variable"></div> |
| 63 |
</div> |
| 64 |
<button id ="modal_coding_vector_ok"><img src="/img/pictcode/ui/btn_modal_002.png"></button> |
| 65 |
<!-- <button id ="modal_coding_vector_cancel"><img src="image/ui/btn_modal_003.png"></button> --> |
| 66 |
</div> |
| 67 |
<div id="modal_coding_scalar"> |
| 68 |
<button id ="modal_coding_scalar_input_button"><img src="/img/pictcode/ui/btn_modal_007.png"></button> |
| 69 |
<button id ="modal_coding_scalar_variable_button"><img src="/img/pictcode/ui/btn_modal_008.png"></button> |
| 70 |
<div id="modal_coding_scalar_container"> |
| 71 |
<div id="modal_coding_scalar_input"></div> |
| 72 |
<div id="modal_coding_scalar_variable"></div> |
| 73 |
</div> |
| 74 |
<button id ="modal_coding_scalar_x1"><img src="/img/pictcode/ui/btn_modal_004.png"></button> |
| 75 |
<button id ="modal_coding_scalar_x10"><img src="/img/pictcode/ui/btn_modal_005.png"></button> |
| 76 |
<button id ="modal_coding_scalar_x100"><img src="/img/pictcode/ui/btn_modal_006.png"></button> |
| 77 |
<br> |
| 78 |
<button id ="modal_coding_scalar_ok"><img src="/img/pictcode/ui/btn_modal_002.png"></button> |
| 79 |
<!-- <button id ="modal_coding_scalar_cancel"><img src="image/ui/btn_modal_003.png"></button> --> |
| 80 |
</div> |
| 81 |
<div id="modal_coding_function"> |
| 82 |
<div id="modal_coding_function_container"></div> |
| 83 |
</div> |
| 84 |
<div id="modal_coding_sound" style="text-align: center;"> |
| 85 |
<div id="modal_coding_sound_container" style="text-align: left;"></div> |
| 86 |
</div> |
| 87 |
</div> |
| 88 |
|
| 89 |
<!-- 実行 --> |
| 90 |
<div id="play-tab" style="display:none"> |
| 91 |
<div id="play_screen"></div> |
| 92 |
</div> |
| 93 |
|
| 94 |
<!-- ヘッダー --> |
| 95 |
<nav class="navbar navbar-fixed-top" role="navigation" id="header"> |
| 96 |
<span class="header_area" id="header_left"> |
| 97 |
<button class="btn header_button" type="button" id="go_home"></button> |
| 98 |
<button class="btn header_button" type="button" id="save_data"></button> |
| 99 |
</span> |
| 100 |
<span class="header_area" id="header_center"> |
| 101 |
<button class="btn header_button" type="button" id="go_ui_tab"></button> |
| 102 |
<button class="btn header_button" type="button" id="go_coding_tab"></button> |
| 103 |
<button class="btn header_button" type="button" id="go_play_tab"></button> |
| 104 |
</span> |
| 105 |
<span class="header_area" id="header_right"> |
| 106 |
<div id="header-ui" class="centered-text"> |
| 107 |
<button class="btn header_button" type="button" id="add_sprite"></button> |
| 108 |
<button class="btn header_button" type="button" id="copy_sprite"></button> |
| 109 |
<button class="btn header_button" type="button" id="delete_sprite"></button> |
| 110 |
<button class="btn header_button" type="button" id="mirror_sprite"></button> |
| 111 |
<button class="btn header_button" type="button" id="animate_sprite"></button> |
| 112 |
</div> |
| 113 |
<div id="header-coding" class="centered-text"> |
| 114 |
<button class="btn header_button" type="button" id="add_block"></button> |
| 115 |
<button class="btn header_button" type="button" id="unlink_block"></button> |
| 116 |
<button class="btn header_button" type="button" id="copy_block"></button> |
| 117 |
<button class="btn header_button" type="button" id="delete_block"></button> |
| 118 |
<button class="btn header_button" type="button" id="expland_block"></button> |
| 119 |
<button class="btn header_button" type="button" id="shrink_block"></button> |
| 120 |
</div> |
| 121 |
<div id="header-play" class="centered-text"> |
| 122 |
</div> |
| 123 |
</span> |
| 124 |
</nav> |
| 125 |
|
| 126 |
<!-- フッター --> |
| 127 |
<nav class="navbar navbar-fixed-bottom" role="navigation" id="footer"> |
| 128 |
<div id="footer-ui" class="centered-text"> |
| 129 |
<button type="button" class="ui_footer_button" id="sprite_tag_setting"> </button> |
| 130 |
<button type="button" class="ui_footer_button" id="tap_function_setting"> </button> |
| 131 |
<button type="button" class="ui_footer_button" id="start_function_setting"> </button> |
| 132 |
<button type="button" class="ui_footer_button" id="sprite_collision_setting"> </button> |
| 133 |
</div> |
| 134 |
<div id="footer-coding" class="centered-text"> |
| 135 |
<button class="btn coding_footer_button" type="button" id="block_input1" value="value1"></button> |
| 136 |
<button class="btn coding_footer_button" type="button" id="block_input2" value="value2"></button> |
| 137 |
</div> |
| 138 |
<div id="footer-play" class="centered-text"> |
| 139 |
<button class="btn play_footer_button app_start_button" type="button" id="app_start" value="value1"></button> |
| 140 |
<button class="btn play_footer_button" type="button" id="app_stop" value="value1"></button> |
| 141 |
<button class="btn play_footer_button" type="button" id="app_pause" value="value1"></button> |
| 142 |
</div> |
| 143 |
</nav> |
| 144 |
|
| 145 |
<!-- js --> |
| 146 |
<script src="/js/pictcode/require_config.js"></script> |
| 147 |
<script data-main="/js/pictcode/app.js" src="/js/pictcode/require.js"></script> |
| 148 |
</body> |
| 149 |
</html> |