Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript: HTML5 Canvas
Войти
Регистрация
Восстановить пароль
 
clecar
9 / 9 / 3
Регистрация: 16.02.2018
Сообщений: 29
#1

Анимация шестеренок

26.05.2018, 01:57. Просмотров 99. Ответов 1
Метки нет (Все метки)

Идея и способ из предыдущей темы, кажется не плохо получается.

PHPHTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<html><head></head>
<body>
<canvas id="myCanvas" width="300" height="200" style="border:1px solid #000000;">
Your browser does not support the canvas element.
</canvas>
<script> 
var c = document.getElementById("myCanvas"); 
var context = c.getContext("2d"); 
var x=230; y=100;//координаты ведушей шестерёнки слева
var r=50;//радиус ведушей шестерёнки
var rv=20;//высота зуба
var ko=8//количество зубьев на ведущей шестерёнке
var k=2;//коэфициент передачи вырожение (k*ko)/2 должно быть целым числом
  var X0=x-(r+(r*k)-rv); Y0=100;//координты ведомой шестерёнки
var fi=Math.PI/((ko*k)/2);//для большой 
var f=Math.PI/(ko/2); //для маленькой
var i=1; var v=0.5;
ris();
function ris(){ c.width=c.width;
context.lineWidth = 1;
for(na=0,ma=ko*k; na<ma; na++){
for(n=0,m=1;n<m; n+=0.01){
context.beginPath()
context.strokeStyle = '#000';
context.moveTo(X0+r*k*Math.cos(fi*i),Y0-r*k*Math.sin(fi*i));
context.lineTo(X0+((r*k)-rv)*Math.cos(fi*(i-0.5+n)),Y0-((r*k)-rv)*Math.sin(fi*(i-0.5+n)));
context.moveTo(x+r*Math.cos(f*v),y-r*Math.sin(f*v));
context.lineTo(x+(r-rv)*Math.cos(f*(v-0.5+n)),y-(r-rv)*Math.sin(f*(v-0.5+n)));
context.closePath();
context.stroke();
}i++;v++; }
i+=0.1; v-=0.1; setTimeout ('ris()',50);}
</script>
</body>
</html>

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
26.05.2018, 01:57
Ответы с готовыми решениями:

Анимация в js
Добрый день, изучаю js и возникли некоторые проблемы, поэтому очень прошу у вас...

Анимация
Помогите сделать пожалуйста, нужно чтобы птица летела.Спасибо

Анимация на JS
Может знает кто как сделать анимацию картинки на JavaScript. Делал в...

Анимация на JS
помогите пожалуйста c JS само задание внутри https://yadi.sk/d/cfNy5-NnYLVL9...

Анимация в IE
Мне надо было написать несложный JS анимацию, вот собственно и она: function...

1
clecar
9 / 9 / 3
Регистрация: 16.02.2018
Сообщений: 29
28.05.2018, 11:28  [ТС] #2
Работа кода http://clecar.ru/1/shest.html
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
28.05.2018, 11:28

Анимация в JS
Требуется добавить анимацию (блок должен плавно выезжать) при клике на блок...

Анимация на JS
Всем привет. Есть меню, написанное на Html , и сделанная анимация на JS. Дело...

Анимация
Здравствуйте. Возникла проблема, ни как не получается сделать плавное...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru