Есть ли такая функция javascript?

Question

Михаил @28m28misha10

Люблю кодить

JavaScript

Есть ли такая функция javascript?

Есть ли такая функция джава скрипт которая поворачивает обьект в определённое количество градусов?

Вопрос задан более трёх лет назад
148 просмотров

7 комментариев

Подписаться 1 Простой 7 комментариев

Ярослав Иванов @space2pacman

Нет

Написано более трёх лет назад
Dima Polos @dimovich85 Куратор тега JavaScript

В оперативной памяти поворачивает или куда?

Написано более трёх лет назад
Михаил @28m28misha10 Автор вопроса

Dima Polos, Извините, я не совсем вас понимаю, можете чуть-чуть поподробнее.

Написано более трёх лет назад

Михаил @28m28misha10 Автор вопроса

Если что вот код моей мини игры на джаве:

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
</head>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!--<button onclick="let year = prompt('В каком году появилась спецификация ECMAScript-2015?', '');

if (year == 2015) alert( 'да!' );">ggt</button>-->
<script>
let 1 box = '0' ;
</script>
<p id="moto" style="position:absolute; top:100px; left:0px">1</p>
<button id="btn_modal_window" style="color: #fff;
  text-decoration: none;
  user-select: none;
  background: rgb(212,75,56);
  padding: .7em 1.5em;
  outline: none;
  border: 1px solid black;">Shoр</button>
  <div id="my_modal" class="modal">
    <div class="modal_content">
      <span class="close_modal_window">x</span>
      <h2 align="center">Shop</h2>
<script>
let q6 = '5';
alert(q6);
let i = 100;

//while (i) {
  //alert ( i-- );
//}
</script>
      <p>Ввести код
       <button onclick="let year = prompt('', '');

if (year == 2015) {alert( 'Вы правы!' );q6 = '1000';alert(q6);}">ggt</button></p>
    </div>
  </div>
<style>
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.6);
    z-index: 1000;
}
.modal .modal_content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    z-index: 99999;
}
.modal .modal_content .close_modal_window {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}
</style>
<script>
var modal = document.getElementById("my_modal");
 var btn = document.getElementById("btn_modal_window");
 var span = document.getElementsByClassName("close_modal_window")[0];

 btn.onclick = function () {
    modal.style.display = "block";
 }

 span.onclick = function () {
    modal.style.display = "none";
 }

 window.onclick = function (event) {
    if (event.target == modal) {
        modal.style.display = "none";
    }
}
</script>
<!--<input type="button" value="Shop"
id="btn_modal_window">-->
<input type="button" value="|" onclick="car_down()" style="color: #fff;
  text-decoration: none;
  user-select: none;
  background: rgb(212,75,56);
  padding: .7em 1.5em;
  outline: none;
  border: 1px solid black;">
<input type="button" value="^" onclick="car_up()" style="color: #fff;
  text-decoration: none;
  user-select: none;
  background: rgb(212,75,56);
  padding: .7em 1.5em;
  outline: none;
  border: 1px solid black;">
<input type="button" value="<" onclick="car_left()" style="color: #fff;
  text-decoration: none;
  user-select: none;
  background: rgb(212,75,56);
  padding: .7em 1.5em;
  outline: none;
  border: 1px solid black;">
<input type="button" value=">" onclick="car_right()" style="color: #fff;
  text-decoration: none;
  user-select: none;
  background: rgb(212,75,56);
  padding: .7em 1.5em;
  outline: none;
  border: 1px solid black;">
<p>Money: </p><h2 id="q6"></h2>
<div id="qwerty"></div>
<script>
let money = '1';
alert(money);
  let deg = '0';
  alert(deg);
  let windowWidth = window.innerWidth;
  let windowHeight = window.innerHeight;

  function car_down() {
    x = document.getElementById("moto").offsetTop;
    xn = x + 50;
    if (xn > windowHeight) {
      xn = windowHeight - 50;
    }
    document.getElementById("moto").style.top = xn + "px";
  }

  function car_up() {
    x = document.getElementById("moto").offsetTop;
    xn = x - 50;
    if (xn < 50) {
      xn = 50
    }
    document.getElementById("moto").style.top = xn + "px";
  }

  function car_left() {
    x = document.getElementById("moto").offsetLeft;
    xn = x - 50;
    if (xn <= 0) {
      xn = 0;
    }
    document.getElementById("moto").style.left = xn + "px"
  }

  function car_right() {
    x = document.getElementById("moto").offsetLeft;
    xn = x + 50;
    if (xn >= windowWidth) {
      xn = windowWidth - 50;
    }
    document.getElementById("moto").style.left = xn + "px"
  }
</script>
</body>
</html>

Написано более трёх лет назад

vorteggs @vorteggs

Скорее всего вы хотите свойство transform и его значение translate из языка CSS

Написано более трёх лет назад
Dima Polos @dimovich85 Куратор тега JavaScript

28m28misha10, это не java, это javascript, и Ваш вопрос некорректный, потому что какой объект Вы собрались поворачивать? Ответы Вам по делу дали - трансформ матрица, трансорм ротейт, как частный случай и тд, все это и на css можно, а на канвасе сложнее, но тоже можно.

Написано более трёх лет назад
Михаил @28m28misha10 Автор вопроса
Dima Polos,
<p id="moto" style="position:absolute; top:100px; left:0px">1</p>
Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 2

4 комментария

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+2 ещё

Средний
Как вывести два поля input при определенном option в select в определенном элементе?
- 1 подписчик
- 8 часов назад
- 30 просмотров
0

ответов
JavaScript

Простой
Как вытащить значение из функции?
- 1 подписчик
- 10 часов назад
- 46 просмотров
0

ответов
JavaScript

Простой
Как выйти из функции js которая вызывает саму себя?
- 1 подписчик
- 12 часов назад
- 95 просмотров
1

ответ
JavaScript

Простой
Как сделать валидацию поля для телефона при помощи JustValidate?
- 1 подписчик
- 12 часов назад
- 44 просмотра
0

ответов
JavaScript

Простой
Почему не выводится alert?
- нет подписчиков
- 12 часов назад
- 111 просмотров
1

ответ
JavaScript

Простой
Как составить дерево из вложенных значений в скобки?
- 1 подписчик
- 12 часов назад
- 47 просмотров
1

ответ
JavaScript

Простой
Почему InputMaska не позволяет вводить номер телефона?
- 1 подписчик
- 16 часов назад
- 55 просмотров
1

ответ
JavaScript

Простой
CodeMirror: как включить подсветку совпадений слова при его выделении (как в обычном редакторе)?
- 1 подписчик
- 16 часов назад
- 13 просмотров
0

ответов
JavaScript

Простой
Турнирный модуль для игр Counter-Strike, DOTA2 и т.д.?
- 1 подписчик
- 19 часов назад
- 75 просмотров
1

ответ
JavaScript

Простой
Как определить, загрузился ли скрипт или нет?
- 2 подписчика
- 20 часов назад
- 292 просмотра
2

ответа
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

JavaScript Developer (backend / fullstack)

Brightdata • Тель-Авив

от 5 500 до 6 500 $

Конвертировать ключи в аккаунты whatsapp

09 мая 2024, в 00:49

1000 руб./за проект

Доработать игрового телеграмм бота python, telethon

08 мая 2024, в 23:13

4000 руб./за проект

Верстка лендинга из фигмы

08 мая 2024, в 22:04

500 руб./за проект

В оперативной памяти поворачивает или куда?
Dima Polos, Извините, я не совсем вас понимаю, можете чуть-чуть поподробнее.
Скорее всего вы хотите свойство transform и его значение translate из языка CSS
28m28misha10, это не java, это javascript, и Ваш вопрос некорректный, потому что какой объект Вы собрались поворачивать? Ответы Вам по делу дали - трансформ матрица, трансорм ротейт, как частный случай и тд, все это и на css можно, а на канвасе сложнее, но тоже можно.
Dima Polos,
<p id="moto" style="position:absolute; top:100px; left:0px">1</p>

Answer 1 · 2020-07-05 12:22:58

Александр @Seasle Куратор тега JavaScript

Вперед и с песней!

Ответ написан более трёх лет назад

4 комментария

Answer 2 · 2020-07-05 12:22:54

neroslava @neroslava

Есть вариант изменить css через js

document.getElementById("block").style.transform = "rotate(45deg)"

Ответ написан более трёх лет назад

Комментировать

Есть ли такая функция javascript?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт