|
|
@@ -3,6 +3,37 @@ |
|
|
|
// // // // |
|
|
|
|
|
|
|
|
|
|
|
ИзменитьРазмерОтрисовщикаThreeJS = мир => |
|
|
|
{ |
|
|
|
var ширина = window.innerWidth * мир.масштаб; |
|
|
|
var высота = window.innerHeight * мир.масштаб; |
|
|
|
мир.камера.aspect = ширина / высота; |
|
|
|
мир.камера.updateProjectionMatrix(); |
|
|
|
мир.отрисовщик.setSize(ширина, высота); |
|
|
|
|
|
|
|
var размер = мир.масштаб * 100; |
|
|
|
мир.канва.style = ` |
|
|
|
max-width: ${размер}%; |
|
|
|
max-height: ${размер}%; |
|
|
|
width: ${размер}%; |
|
|
|
height: ${размер}%; |
|
|
|
`; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
// // // // |
|
|
|
|
|
|
|
|
|
|
|
ЗадатьОтладочныйМасштаб = мир => |
|
|
|
{ |
|
|
|
мир.масштаб = 3; |
|
|
|
мир.уведомить("изменили масштаб"); |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
// // // // |
|
|
|
|
|
|
|
|
|
|
|
ИсправитьОтслеживаниеНажатийНаIOS = мир => |
|
|
|
{ |
|
|
|
// https://stackoverflow.com/a/31459240/3404710 |
|
|
@@ -18,14 +49,9 @@ |
|
|
|
window.addEventListener( |
|
|
|
"touchstart", |
|
|
|
function(событие) { |
|
|
|
var позиция = new THREE.Vector2(); |
|
|
|
позиция.x = (событие.touches[0].clientX / window.innerWidth) * 2 - 1; |
|
|
|
позиция.y = - (событие.touches[0].clientY / window.innerHeight) * 2 + 1; |
|
|
|
мир.позицияНажатия = позиция; |
|
|
|
мир.уведомить("нажали"); |
|
|
|
сообщитьОНажатии(мир, событие.touches[0]); |
|
|
|
} |
|
|
|
); |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
@@ -37,11 +63,7 @@ |
|
|
|
window.addEventListener( |
|
|
|
"click", |
|
|
|
function(событие) { |
|
|
|
var позиция = new THREE.Vector2(); |
|
|
|
позиция.x = (событие.clientX / window.innerWidth) * 2 - 1; |
|
|
|
позиция.y = - (событие.clientY / window.innerHeight) * 2 + 1; |
|
|
|
мир.позицияНажатия = позиция; |
|
|
|
мир.уведомить("нажали"); |
|
|
|
сообщитьОНажатии(мир, событие); |
|
|
|
} |
|
|
|
); |
|
|
|
}; |
|
|
@@ -180,7 +202,7 @@ html, body { |
|
|
|
мир.канва = document.createElement("canvas"); |
|
|
|
мир.канва.id = "канва-threejs"; |
|
|
|
мир.канва.style = ` |
|
|
|
position: fixed; |
|
|
|
position: absolute; |
|
|
|
left: 0; |
|
|
|
top: 0; |
|
|
|
width: 100%; |
|
|
@@ -197,3 +219,12 @@ height: 100%; |
|
|
|
} |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
// // // // |
|
|
|
|
|
|
|
|
|
|
|
СоздатьМасштаб = мир => |
|
|
|
{ |
|
|
|
мир.масштаб = 1; |
|
|
|
}; |
|
|
|
|