blockbench/index.html

332 lines
14 KiB
HTML
Raw Normal View History

2017-10-31 21:49:01 +08:00
<!DOCTYPE html>
2019-12-16 03:04:31 +08:00
<html lang="en">
2017-10-31 21:49:01 +08:00
<head>
2019-01-09 22:54:35 +08:00
<title>Blockbench</title>
2020-04-26 02:25:07 +08:00
<meta charset="utf-8" />
2019-01-09 22:54:35 +08:00
<meta name="viewport" content="width=device-width, initial-scale=1">
2019-07-18 00:02:07 +08:00
<meta name="theme-color" content="#181a1f">
2019-04-13 00:44:18 +08:00
<meta name="robots" content="noindex">
2021-02-10 06:56:40 +08:00
<link rel="manifest" href="manifest.webmanifest">
2019-01-09 22:54:35 +08:00
<link rel="shortcut icon" href="favicon.png" type="image/x-icon" />
2020-12-25 19:38:45 +08:00
<link rel="apple-touch-icon" href="icon_full.png">
2019-01-09 22:54:35 +08:00
<link rel="stylesheet" href="css/w3.css">
<link rel="stylesheet" href="css/jquery-ui.min.css">
2019-07-18 00:02:07 +08:00
<link rel="stylesheet" href="css/fontawesome.css">
2019-01-09 22:54:35 +08:00
<link rel="stylesheet" href="css/spectrum.css">
2019-12-16 03:04:31 +08:00
<link rel="stylesheet" href="css/prism.css">
2019-07-18 00:02:07 +08:00
<link rel="stylesheet" href="css/setup.css">
<link rel="stylesheet" href="css/general.css">
2020-04-26 02:25:07 +08:00
<link rel="stylesheet" href="css/window.css">
2022-07-01 14:47:05 +08:00
<link rel="stylesheet" href="css/start_screen.css">
2019-07-18 00:02:07 +08:00
<link rel="stylesheet" href="css/panels.css">
<link rel="stylesheet" href="css/dialogs.css">
2019-12-16 03:04:31 +08:00
<style type="text/css" id="theme_css"></style>
2017-10-31 21:49:01 +08:00
</head>
2023-10-23 02:44:45 +08:00
<body spellcheck="false" class="maximized">
2019-01-09 22:54:35 +08:00
<script>
if (typeof module === 'object') {window.module = module; module = undefined;}//jQuery Fix
const isApp = typeof require !== 'undefined';
2021-08-24 04:17:59 +08:00
if (localStorage.getItem('theme')) {
try {
stored_theme = JSON.parse(localStorage.getItem('theme'));
document.body.style.setProperty('--color-dark', stored_theme.colors.dark);
} catch (err) {}
}
window.ErrorLog = [];
window.onerror = (message, file, line) => {
window.ErrorLog.push({message, file, line})
if (typeof Blockbench != 'undefined' && Blockbench.setup_successful) return;
let error_element = document.querySelector('#loading_error_detail');
if (error_element && !error_element.innerText) {
error_element.innerText = `${message}\nIn .${file.split(location.origin).join('')}:${line}`
}
}
2019-01-09 22:54:35 +08:00
</script>
2020-03-05 03:56:17 +08:00
<div id="loading_error_message" style="display: none;">
<div>An error occurred while loading Blockbench</div>
<div id="loading_error_detail" style="color: var(--color-subtle_text);"></div>
2020-03-05 03:56:17 +08:00
<button onclick="isApp ? Blockbench.reload() : window.location.reload(true)" class="large" style="margin-right: auto; margin-left: auto;">Reload</button>
<button onclick="factoryResetAndReload()" class="large" style="margin-right: auto; margin-left: auto;">Factory Reset</button>
2020-03-05 03:56:17 +08:00
<button onclick="window.close()" class="large" style="margin-right: auto; margin-left: auto;">Quit</button>
</div>
<script>
// Browser compatibility check
try {
eval('window?.document ?? 2');
} catch (err) {
console.error(err);
let error_element = document.querySelector('#loading_error_detail')
error_element.innerHTML = `Incompatible browser version. Please update your web browser.`
}
</script>
2019-01-09 22:54:35 +08:00
<script src="lib/vue.min.js"></script>
<script src="lib/vue_sortable.js"></script>
<script src="lib/jquery.js"></script>
<script src="lib/jquery-ui.min.js"></script>
<script src="lib/targa.js"></script>
2019-03-10 05:06:35 +08:00
<script src="lib/jszip.min.js"></script>
2019-01-09 22:54:35 +08:00
<script src="lib/gif.js"></script>
2021-04-11 21:58:24 +08:00
<script src="lib/FileSaver.js"></script>
2019-12-16 03:04:31 +08:00
<script src="lib/prism.js"></script>
<script src="lib/VuePrismEditor.min.js"></script>
<script src="lib/molang-prism-syntax.js"></script>
2019-07-18 00:02:07 +08:00
<script src="lib/lzutf8.js"></script>
2019-04-08 00:53:33 +08:00
<script src="lib/peer.min.js"></script>
2019-07-18 00:02:07 +08:00
<script src="lib/marked.min.js"></script>
2023-01-25 02:05:25 +08:00
<script src="lib/purify.min.js"></script>
2019-01-09 22:54:35 +08:00
<script src="lib/spectrum.js"></script>
2021-09-02 18:55:34 +08:00
<script src="lib/color-picker.min.js"></script>
2020-03-05 03:56:17 +08:00
<script src="lib/three.min.js"></script>
2019-01-09 22:54:35 +08:00
<script src="lib/three_custom.js"></script>
2020-03-05 03:56:17 +08:00
<script src="lib/GLTFExporter.js"></script>
2020-07-16 15:32:59 +08:00
<script src="lib/CanvasFrame.js"></script>
2023-01-10 22:21:16 +08:00
<script src="lib/canvas2apng.js"></script>
2020-08-30 21:00:41 +08:00
<script src="lib/fik.min.js"></script>
2020-10-05 05:26:30 +08:00
<script src="lib/molang.umd.js"></script>
2020-10-09 20:14:29 +08:00
<script src="lib/wintersky.umd.js"></script>
2019-01-09 22:54:35 +08:00
2023-11-12 05:42:11 +08:00
<script src="bundle.js"></script>
2021-01-30 23:00:58 +08:00
<script src="js/preview/OrbitControls.js"></script>
<script src="js/util/util.js"></script>
<script src="js/util/math_util.js"></script>
<script src="js/util/array_util.js"></script>
<script src="js/util/event_system.js"></script>
<script src="js/util/property.js"></script>
2019-07-18 00:02:07 +08:00
<script src="js/interface/menu.js"></script>
<script src="js/interface/actions.js"></script>
2019-12-16 03:04:31 +08:00
<script src="js/interface/themes.js"></script>
2023-10-23 01:20:24 +08:00
<script src="js/interface/shared_actions.js"></script>
<script src="js/misc.js"></script>
2020-03-11 05:19:17 +08:00
<script src="js/modes.js"></script>
<script src="js/api.js"></script>
<script src="js/file_system.js"></script>
<script src="js/interface/vue_components.js"></script>
<script src="js/interface/panels.js"></script>
<script src="js/interface/interface.js"></script>
<script src="js/interface/menu_bar.js"></script>
<script src="js/interface/start_screen.js"></script>
2019-07-18 00:02:07 +08:00
<script src="js/interface/keyboard.js"></script>
<script src="js/interface/settings.js"></script>
<script src="js/interface/about.js"></script>
2019-07-18 00:02:07 +08:00
<script src="js/interface/dialog.js"></script>
<script src="js/interface/action_control.js"></script>
2019-12-16 03:04:31 +08:00
<script src="js/copy_paste.js"></script>
2019-01-09 22:54:35 +08:00
<script src="js/undo.js"></script>
<script type="text/javascript">
if (isApp === true) {
2019-07-18 00:02:07 +08:00
document.write("<script src='js/desktop.js'><\/script>");
2019-01-09 22:54:35 +08:00
} else {
document.write("<script src='js/web.js'><\/script>");
}
</script>
2020-09-22 05:23:42 +08:00
<script src="js/edit_sessions.js"></script>
2022-12-17 09:00:18 +08:00
<script src="js/validator.js"></script>
2019-07-18 00:02:07 +08:00
<script src="js/outliner/outliner.js"></script>
<script src="js/outliner/group.js"></script>
2021-07-26 23:07:51 +08:00
<script src="js/outliner/mesh.js"></script>
2019-07-18 00:02:07 +08:00
<script src="js/outliner/cube.js"></script>
2021-08-11 05:42:15 +08:00
<script src="js/outliner/texture_mesh.js"></script>
2019-07-18 00:02:07 +08:00
<script src="js/outliner/locator.js"></script>
2021-01-04 20:45:33 +08:00
<script src="js/outliner/null_object.js"></script>
2019-07-18 00:02:07 +08:00
<script src="js/preview/preview.js"></script>
<script src="js/preview/reference_images.js"></script>
<script src="js/preview/screenshot.js"></script>
2019-07-18 00:02:07 +08:00
<script src="js/preview/canvas.js"></script>
2022-08-25 03:11:51 +08:00
<script src="js/modeling/transform_gizmo.js"></script>
<script src="js/modeling/transform.js"></script>
<script src="js/modeling/scale.js"></script>
2022-08-25 03:11:51 +08:00
<script src="js/modeling/mesh_editing.js"></script>
2023-05-18 00:03:35 +08:00
<script src="js/modeling/mirror_modeling.js"></script>
2023-10-21 05:35:22 +08:00
<script src="js/texturing/layers.js"></script>
2019-12-16 03:04:31 +08:00
<script src="js/texturing/textures.js"></script>
<script src="js/texturing/uv.js"></script>
<script src="js/texturing/painter.js"></script>
2020-03-05 03:56:17 +08:00
<script src="js/texturing/texture_generator.js"></script>
2019-12-16 03:04:31 +08:00
<script src="js/texturing/color.js"></script>
<script src="js/texturing/edit_texture.js"></script>
2019-08-18 00:26:14 +08:00
<script src="js/display_mode.js"></script>
2023-10-07 19:39:56 +08:00
<script src="js/animations/animation_mode.js"></script>
<script src="js/animations/animation.js"></script>
2022-12-17 09:00:18 +08:00
<script src="js/animations/molang.js"></script>
<script src="js/animations/timeline_animators.js"></script>
<script src="js/animations/keyframe.js"></script>
<script src="js/animations/timeline.js"></script>
2022-12-01 03:15:47 +08:00
<script src="js/animations/animation_controllers.js"></script>
2022-05-21 23:43:08 +08:00
<script src="js/preview/preview_scenes.js"></script>
<script src="js/predicate_editor.js"></script>
2019-01-09 22:54:35 +08:00
<script src="js/plugin_loader.js"></script>
<script src="js/io/codec.js"></script>
<script src="js/io/format.js"></script>
<script src="js/io/project.js"></script>
<script src="js/io/io.js"></script>
2023-02-21 05:31:43 +08:00
<script src="js/io/share.js"></script>
2022-05-19 05:44:00 +08:00
<script src="js/io/formats/generic.js"></script>
2020-07-16 15:32:59 +08:00
<script src="js/io/formats/bbmodel.js"></script>
<script src="js/io/formats/java_block.js"></script>
<script src="js/io/formats/bedrock.js"></script>
<script src="js/io/formats/bedrock_old.js"></script>
<script src="js/io/formats/obj.js"></script>
<script src="js/io/formats/gltf.js"></script>
2022-09-23 20:21:31 +08:00
<script src="js/io/formats/fbx.js"></script>
2020-09-30 23:40:27 +08:00
<script src="js/io/formats/collada.js"></script>
2020-07-16 15:32:59 +08:00
<script src="js/io/formats/modded_entity.js"></script>
<script src="js/io/formats/optifine_jem.js"></script>
<script src="js/io/formats/optifine_jpm.js"></script>
<script src="js/io/formats/skin.js"></script>
<script src="js/io/formats/image.js"></script>
<script src="js/globals.js"></script>
2019-01-09 22:54:35 +08:00
2019-07-18 00:02:07 +08:00
<script>if (window.module) module = window.module;</script>
2019-01-09 22:54:35 +08:00
2019-07-18 00:02:07 +08:00
<div style="display: none;"></div>
2019-01-09 22:54:35 +08:00
2019-03-10 05:06:35 +08:00
<div id="overlay_message_box" style="display: none;">
<div>
<h3><i class="material-icons">keyboard</i><span class="tl">keybindings.recording</span></h3>
<p class="tl">keybindings.press</p>
2019-08-18 00:26:14 +08:00
<button class="tl" onclick="Keybinds.recording.stopRecording()">dialog.cancel</button>
<button class="tl" onclick="Keybinds.recording.clear().stopRecording()">keybindings.clear</button>
2019-03-10 05:06:35 +08:00
<div id="keybind_input_box" contenteditable="true" style="font-size: 0"></div>
</div>
</div>
2021-02-20 20:21:11 +08:00
<div id="dialog_wrapper"></div>
2019-01-09 22:54:35 +08:00
<header>
2019-07-18 00:02:07 +08:00
<ul id="mac_window_menu" hidden></ul>
2021-05-25 03:39:15 +08:00
<div id="corner_logo" class="app-drag-region">
<img class="blockbench_logo" src="assets/logo_text_white.svg" alt="Blockbench" />
2019-01-09 22:54:35 +08:00
</div>
2019-07-18 00:02:07 +08:00
<ul id="menu_bar" class="scroll_horizontal"></ul>
2021-11-22 02:28:19 +08:00
<div id="title_bar_home_button" class="tool" onclick="Interface.tab_bar.openNewTab()"><i class="material-icons">home</i></div>
<div id="title_bar_undo_controls" hidden>
<div class="tool" onclick="BarItems.undo.trigger()"><i class="material-icons">undo</i></div>
<div class="tool" onclick="BarItems.redo.trigger()"><i class="material-icons">redo</i></div>
</div>
2019-07-18 00:02:07 +08:00
<div class="app-drag-region" id="header_free_bar"></div>
<div id="update_menu"></div>
<div id="settings_profiles_header_menu" class="hidden">
2023-10-23 02:44:45 +08:00
<i class="material-icons">manage_accounts</i>
</div>
2019-07-18 00:02:07 +08:00
<ul id="windows_window_menu" hidden>
2023-10-23 02:44:45 +08:00
<li onclick="currentwindow.minimize()">
<svg width="18" height="18" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M14 8v1H3V8h11z"/></svg>
</li>
<li onclick="currentwindow.isMaximized() ? currentwindow.unmaximize() : currentwindow.maximize()">
<svg class="restore" width="18" height="18" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M3 5v9h9V5H3zm8 8H4V6h7v7z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 5h1V4h7v7h-1v1h2V3H5v2z"/></svg>
<svg class="maximize" width="18" height="18" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M3 3v10h10V3H3zm9 9H4V4h8v8z"/></svg>
</li>
<li class="wwm_r" onclick="currentwindow.close()">
<svg width="18" height="18" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.116 8l-4.558 4.558.884.884L8 8.884l4.558 4.558.884-.884L8.884 8l4.558-4.558-.884-.884L8 7.116 3.442 2.558l-.884.884L7.116 8z"/></svg>
</li>
2019-07-18 00:02:07 +08:00
</ul>
<button id="web_download_button" hidden><a href="https://blockbench.net/downloads">
<span class="tl">web.download_app</span>
<i class="material-icons">system_update</i>
</a></button>
2019-07-18 00:02:07 +08:00
</header>
2021-05-05 19:54:41 +08:00
2021-07-07 19:08:56 +08:00
<div id="page_wrapper" class="invisible start_screen">
<div id="blackout" class="darken"></div>
2019-07-18 00:02:07 +08:00
<div id="tab_bar" :class="{drag_mode: drag_target_index !== null}">
<div id="tab_bar_list">
<div
class="project_tab"
v-for="(project, index) in tabs" :key="project.uuid"
:class="{
selected: project.selected,
new_tab: project.is_new_tab,
dragging: index == drag_target_index,
move_back: (drag_position_index !== null && index > drag_target_index && drag_position_index >= index),
move_forth: (drag_position_index !== null && index < drag_target_index && drag_position_index <= index)
}"
:title="project.name || project.geometry_name || ''"
@dblclick="project.openSettings()"
@mousedown="mouseDown(project, $event)"
@mouseup="mouseUp(project, $event)"
@mouseenter="mouseEnter(project, $event)"
@mouseleave="mouseLeave(project, $event)"
>
2023-11-27 02:00:05 +08:00
<dynamic-icon :icon="project.format ? project.format.icon : 'home'"></dynamic-icon>
<label class="project_tab_session_badge" v-if="project.EditSession"><i class="material-icons">group</i>{{ project.EditSession.client_count }}</label>
<label>{{ project.getDisplayName() }}</label>
<div class="project_tab_close_button" :class="{unsaved: !project.saved}" :title="close_tab_label" @click="project.close()">
<i class="material-icons close_icon">clear</i>
<i class="material-icons unsaved_icon" v-if="!project.saved">fiber_manual_record</i>
</div>
</div>
<div id="new_tab_button" v-if="!new_tab.visible" @click="openNewTab()" :title="new_tab.name">
<i class="material-icons">add</i>
</div>
</div>
2022-12-19 07:36:19 +08:00
<div id="search_tab_button" v-if="projects.length > 1" @click="tabOverview()" :title="search_tabs_label">
<i class="material-icons">view_module</i>
</div>
</div>
<dialog id="action_selector"></dialog>
<div id="start_screen"></div>
2021-07-07 19:08:56 +08:00
<div id="work_screen" hidden>
<div id="main_toolbar">
<div class="toolbar_wrapper narrow tools"></div>
<div class="toolbar_wrapper narrow tool_options"></div>
2022-08-06 19:37:20 +08:00
<ul id="mode_selector" v-if="showModes()">
2021-07-07 19:08:56 +08:00
<li
v-for="mode in options"
v-if="Condition(mode.condition)"
v-bind:class="{selected: mode.selected}"
2021-08-08 20:51:00 +08:00
v-on:mousedown="mode.select()"
2021-07-07 19:08:56 +08:00
>{{ mode.name }}</li>
</ul>
</div>
2021-08-18 04:02:23 +08:00
<div id="left_bar" class="sidebar"></div>
2020-07-16 15:32:59 +08:00
2022-02-23 01:12:27 +08:00
<div id="right_bar" class="sidebar"></div>
2021-07-07 19:08:56 +08:00
<div id="center">
<ul id="toast_notification_list">
</ul>
2022-02-23 01:12:27 +08:00
<div id="top_slot"></div>
<div id="preview">
<div class="clamped_reference_images"></div>
2019-12-16 03:04:31 +08:00
</div>
2022-02-23 01:12:27 +08:00
<div id="bottom_slot"></div>
2019-07-19 23:31:22 +08:00
2021-07-07 19:08:56 +08:00
<div id="mobile_panel_overlay" hidden></div>
</div>
<div id="status_bar"></div>
2020-12-22 20:32:49 +08:00
2021-07-07 19:08:56 +08:00
<div id="panel_selector_bar"></div>
2021-07-07 19:08:56 +08:00
</div>
2019-07-18 00:02:07 +08:00
</div>
2019-12-16 03:04:31 +08:00
<script src="js/boot_loader.js"></script>
2019-01-09 22:54:35 +08:00
<script>
if (!Blockbench || !Blockbench.setup_successful) {
document.getElementById('loading_error_message').style.display = 'block'
2020-10-26 22:27:07 +08:00
if (window.require) {
2019-01-09 22:54:35 +08:00
require('electron').remote.getCurrentWindow().webContents.openDevTools()
}
2019-07-18 00:02:07 +08:00
} else {
document.getElementById('loading_error_message').innerHTML = 'No loading errors...'
2019-01-09 22:54:35 +08:00
}
</script>
2017-10-31 21:49:01 +08:00
</body>
</html>