mirror/blockbench
2
0
Fork 0
mirror of https://github.com/JannisX11/blockbench.git synced 2024-11-27 04:21:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

Improve gimbal controls

Browse Source
This commit is contained in:
JannisX11 2021-02-04 17:20:01 +01:00
parent b4a06157de
commit fb838a766f
4 changed files with 20 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
css/window.css
View File

@ -678,7 +678,7 @@
height: 80px;
bottom: 0;
right: 0;
opacity: 0.5;
opacity: 0.6;
overflow: hidden;
}
.gimbal_controls:hover, .gimbal_controls.mouse_active {
@ -689,14 +689,13 @@
width: 100%;
height: 100%;
display: block;
pointer-events: none;
filter: brightness(0.7);
}
.gimbal_controls > svg path {
stroke-width: 2px;
fill: none;
}
.gimbal_controls > svg path {
stroke: ;
}
.gimbal_controls_side {
color: var(--color-accent_text);
position: absolute;
@ -705,10 +704,10 @@
margin: -8px;
border-radius: 50%;
z-index: 1;
font-size: 12px;
font-weight: bold;
font-family: var(--font-code);
text-align: center;
font-size: 12px;
line-height: 16px;
font-family: var(--font-code);
}
.gimbal_controls.mouse_active .gimbal_controls_side {
pointer-events: none;
@ -727,9 +726,9 @@
}
.gimbal_controls_side.background {
z-index: 0;
opacity: 0.6;
filter: brightness(0.7);
}
.gimbal_controls_side:hover {
background-color: var(--color-bright_ui) !important;
opacity: 1;
filter: brightness(1);
}

4
js/interface/settings.js
View File

@ -100,10 +100,10 @@ const Settings = {
}});
new Setting('seethrough_outline', {category: 'interface', value: false});
new Setting('outliner_colors', {category: 'interface', value: false});
new Setting('preview_checkerboard', {category: 'interface', value: false, onChange() {
new Setting('preview_checkerboard', {category: 'interface', value: true, onChange() {
$('#center').toggleClass('checkerboard', settings.preview_checkerboard.value);
}});
new Setting('uv_checkerboard', {category: 'interface', value: false, onChange() {
new Setting('uv_checkerboard', {category: 'interface', value: true, onChange() {
$('.UVEditor').toggleClass('checkerboard_trigger', settings.uv_checkerboard.value);
}});

13
js/preview/preview.js
View File

@ -1265,18 +1265,23 @@ class GimbalControls {
// Interact
addEventListeners(this.node, 'mousedown touchstart', e1 => {
if (!scope.preview.controls.enableRotate) return;
if (!scope.preview.controls.enableRotate && scope.preview.angle == null) return;
convertTouchEvent(e1);
let last_event = e1;
function move(e2) {
scope.node.classList.add('mouse_active');
convertTouchEvent(e2);
scope.preview.controls.rotateLeft((e2.clientX - last_event.clientX) / 24);
scope.preview.controls.rotateUp((e2.clientY - last_event.clientY) / 24);
scope.node.classList.add('mouse_active');
if (!e1.touches && last_event == e1) scope.node.requestPointerLock();
if (scope.preview.angle != null) {
scope.preview.setProjectionMode(false);
}
scope.preview.controls.rotateLeft((e1.touches ? (e2.clientX - last_event.clientX) : Math.clamp(e2.movementX, -5, 5)) / 40);
scope.preview.controls.rotateUp((e1.touches ? (e2.clientY - last_event.clientY) : Math.clamp(e2.movementY, -5, 5)) / 40);
last_event = e2;
}
function off(e2) {
document.exitPointerLock()
removeEventListeners(document, 'mousemove touchmove', move);
removeEventListeners(document, 'mouseup touchend', off);
scope.node.classList.remove('mouse_active');

2
js/util.js
View File

@ -82,7 +82,7 @@ Object.defineProperty($.Event.prototype, 'ctrlOrCmd', {
function convertTouchEvent(event) {
if (event && event.changedTouches && event.changedTouches.length && event.offsetX == undefined) {
event.preventDefault();
//event.preventDefault();
event.clientX = event.changedTouches[0].clientX;
event.clientY = event.changedTouches[0].clientY;
event.offsetX = event.changedTouches[0].clientX;