Уроки, алгоритмы, программы, примеры

Вход на сайт

Материалы по разделам

Построения
на плоскости (2D)
Графика
в пространстве (3D)
Вычислительная
геометрия
Физическое
моделирование
Фрактальная
графика

Новые комментарии

dobryj den, popytalas otkryt prikreplionnyj fail ctoby posmotret kak rabotaet, no mne ego ne pokazyvaet vydajet osibku. Pochemu?
Очень интересно! ии сайт крутой жалко что умирает(
У Вас число превысит максимальное число int. Можно использовать в Вашем случае uint, но лучше все переписать на double.
Добавление к программе строки glutReshapeFunc(changeSize); приводит к тому, что треугольник перестаёт совсем отрисовываться.
Выдаёт ошибку glut32.dll не найден! При том, что он лежит в System32! Всё решил) Нужно отправить не в System32, а в System.

Счетчики и рейтинг

Рейтинг@Mail.ru Яндекс.Метрика
Скриншот к примеру
Среда программирования: 
webshtorm
Статья по теме: 

Нарисовать кривую Безье алгоритмом построения кривой по «методу де Кастельжо».

Код программы: 

<!doctype html>
<html>
    <head>
        <title>Krivaya Bezie</title>
        <meta charset='utf-8' />
    </head>
    <body style="margin:0px;">
      <canvas id="canvas" width="400" height="400"></canvas>
          <script>	
		var canvas = document.getElementById('canvas');
		var ctx = canvas.getContext('2d');
		var speed = 10; // скорость анимации (чем меньше тем быстрее)
 
 
		function getBezierBasis(i, n, t) { // находим bi,n по алгоритму де Кастельжо
			// Факториал
			function f(n) { // рекурсивно находим факториал
				if(n <= 1){
					return 1;
				}else{
					return n * f(n - 1);
				}
			};
 
			// считаем i-й элемент полинома Берштейна
			return (f(n)/(f(i)*f(n - i)))* Math.pow(t, i)*Math.pow(1 - t, n - i);
		}
 
 
		function getBezierCurve(arr) {
 
			var step = 0.01;		// пишем шаг
 
			var res = new Array(); // создаем массив в котором будем хранить новые точки для построения
 
			for (var t = 0; t < 1 + step; t += step) {
				if (t > 1) {
					t = 1; // сумма шага не может быть больше 1
				}
 
				var ytmp=0;// временные для хранения координат
				var xtmp=0;
 
				for (var i = 0; i < arr.length; i++) { // проходим по каждой точке
					var b = getBezierBasis(i, arr.length - 1, t); // вычисляем наш полином Берштейна
					xtmp += arr[i].x * b; // записываем и прибавляем результат
					ytmp += arr[i].y * b;
				}
				res.push({"x":xtmp,"y":ytmp}); // запушиваем конечный результат в наш новыйй массив
 
			}
 
			return res; // возвращаем его
		}
 
 
		var cords = [ // наши координаты точек
			{
				"x":10,
				"y":150
			},
			{
				"x":5,
				"y":50
			},
			{
				"x":150,
				"y":50
			},
			{
				"x":140,
				"y":140
			},
			{
				"x":150,
				"y":50
			},
			{
				"x":150,
				"y":50
			},
			{
				"x":150,
				"y":50
			},			
		];
 
		var arrayCords = getBezierCurve(cords);// получаем координаты точек кривой безье
 
 
		ctx.clearRect(0, 0, canvas.width, canvas.height);
		ctx.beginPath(); // очищаем полотно и начинаем рисовать
		ctx.moveTo(arrayCords[0].x,arrayCords[0].y); // двигаемся к 1 точке
 
 
 
		var i=0;
		var interval = setInterval(function(){		
			draw(); // вызываем функцию прорисовки
			i++; // увеличиваем i				
			if(i>=arrayCords.length){ // проверяем не конец ли массива?
				clearInterval(interval); // конец, удаляем интервал
			}
 
		},speed);
 
		function draw(){ // функция прорисовки точки
			ctx.lineTo(arrayCords[i].x,arrayCords[i].y); // рисуем итую точку
			ctx.stroke(); 
		}
       </script>
    </body>
</html>

Прикрепленный файлРазмер
bezie.zip2.82 кб