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

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

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

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

У меня проблема вот с этим: gl.Clear(OpenGL.GL_COLOR_BUFFER_BIT | OpenGL.GL_DEPTH_BUFFER_BIT);. Вылезает ошибка: CS1061 "object" не содержит определения "GL_COLOR_BUFFER_BIT", и не удалось найти доступный метод расширения "GL_COLOR_BUFFER_BIT",...
Большое спасибо. Единственный код который прошел без каких либо ошибок. Ура!!!
Скажите пожалуйста, подскажите алгоритм по которому по заданным точкам можно определить тип многогранника, скажем это куб или прямоугольный параллелепипед. Нашел теорию по этим фигурам: https://www.mat... https://www.mat... Акцентировать внимание...
Всем у кого не работает. файл wizard.script Ещё одно упоминание Glut32 в строке "if (!VerifyLibFile(dir_nomacro_lib, _T("glut32"), _T("GLUT's"))) return false;" меняем на "if (!VerifyLibFile(dir_nomacro_lib, _T("freeglut"), _T("GLUT's"))) return...
Не получается, емаё

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

Рейтинг@Mail.ru Яндекс.Метрика

JavaScript

Демо JavaScript: 

Вращение:

<canvas width = "600" height = "600"></canvas><br>
<b>Вращение:</b>
<input type = "range" min = "-10" max = "10" step = "0.00001" value = "0" id = "degY" oninput = "update()"><br>

<script>
	//3. Пирамида перед кубом
	var canvas = document.querySelector("canvas");
	var ctx = canvas.getContext("2d");
	ctx.translate(canvas.width/2, canvas.height/2);
	class Vector2d{ 
		constructor(x, y){
			this.x = x;
			this.y = y;
		}
		move(mx, my){
			let x = this.x + mx;
			let y = this.y + my;
			return new Vector2d(x, y);
		}
		scale(w){

Статья по теме: 
Демо JavaScript: 

<canvas height="600" width='600' id='cnvs'></canvas><br />	
<script>	
var canvas = document.getElementById("cnvs"), ctx = canvas.getContext("2d");
var ang90 = Math.PI / 2; // Угол поворота на 90 градусов
var ang45 = Math.PI / 4; // Угол поворота на 45 градусов
var ang30 = Math.PI / 6; // Угол поворота на 30 градусов
var animAngle = ang90;
var dDeg = 0.002;
 
function play()
{
    draw();
    update();
    requestAnimationFrame(play);
}
 
function update()
{
    animAngle -= dDeg;
    if(animAngle < -ang90)dDeg *= -1;

Статья по теме: 
Демо JavaScript: 

<canvas height="600" width='600' id='cnvs'></canvas><br />		 	
<input type="button" onclick="draw()" value="Start">
</canvas>
<script>		
var canvas = document.getElementById("cnvs"), ctx = canvas.getContext("2d");
var ang90 = Math.PI / 2; // Угол поворота на 90 градусов
var ang45 = Math.PI / 4; // Угол поворота на 45 градусов
var ang30 = Math.PI / 6; // Угол поворота на 30 градусов
 
var Point = function(x, y) // Конструктор для точки
{
    this.x = x;
    this.y= y;
}
 
function drawLine(a, b) // Рисование линии
{ 
    ctx.moveTo(a.x, a.y);

Демо JavaScript: 

		<script>
			var ctx, canvas;
			var xc1, xc2, xc3;
			var yc1, yc2, yc3;
			var iter;
 
			//анимирующая функция, реализуемая для всех браузеров
			window.requestAnimFrame = (function(){
			    return  window.requestAnimationFrame       || 
				    window.webkitRequestAnimationFrame || 
				    window.mozRequestAnimationFrame    || 
				    window.oRequestAnimationFrame      || 
				    window.msRequestAnimationFrame
			})();
 
			//функция, запускающаяся при загрузке станицы
			window.onload = function() {

Демо JavaScript: 

<canvas id="canv" width="500" height="500" style="border: 1px solid black"></canvas>
		<script>
			let ctx = document.getElementById('canv').getContext('2d');
 
			let tn = Math.tan(Math.PI / 3), // тангенс и косинус угла в 60 градусов
				cs = Math.cos(Math.PI / 3);
 
			let x = [], y = [], tmpx = [], tmpy = []; // массивы, в которых хранятся координаты точек пересечения внутренних линий со сторонами треугольника
 
			// трегольник

Демо JavaScript: 

<canvas id="canvas" width="500" height="500" style="border: 1px solid black" onclick="storeGuess(event)"></canvas>
		<script>
			let ctx = document.getElementById('canvas').getContext('2d');
			// отрисовка фона
			ctx.beginPath ();
			ctx.fillStyle = "blue";
			ctx.fillRect (0, 0, 500, 300);
			ctx.fillStyle = "green";
			ctx.fillRect (0, 300, 500, 500);
			ctx.stroke ();
 
			let score = 0; // переменная, хранящая кол-во попаданий в быка

Демо JavaScript: 

Построение функции, проходящей через заданные точки, с помощью полинома Ньютона. Функция строится при добавлении новой точки с помощью клика.

Демо JavaScript: 

При нажатии на кнопку "Нарисовать" строится функция, проходящая через точки, заданные кликом мыши.