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

Вход на сайт

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

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

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

У Вас число превысит максимальное число int. Можно использовать в Вашем случае uint, но лучше все переписать на double.
Добавление к программе строки glutReshapeFunc(changeSize); приводит к тому, что треугольник перестаёт совсем отрисовываться.
Выдаёт ошибку glut32.dll не найден! При том, что он лежит в System32! Всё решил) Нужно отправить не в System32, а в System.
Спасибо за статью. Я не Ваш студент. Но мне она помогла написать функцию для Канторова множества на Python для черепашки: import turtle def kanter(x, y, d):     if d > 1:         turtle...
Как реализовать в данном примере границы расчёта?

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

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

JavaScript

Демо JavaScript: 

<html>
	<head>
 
	</head>
	<body>
		<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, 500)
			ctx.fillStyle = "green"
			ctx.fillRect (0, 300, 500, 500)
			ctx.stroke()
 
			let score = 0; // переменная, хранящая количество попаданий мышью по "ракете"

Демо JavaScript: 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Infinite Cheese</title>
    </head>
    <body>
    <canvas height="500" width="500" id="сanvas"></canvas>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/4.1.0/fabric.min.js"> 
</script>
        <script>
            var canvas = new fabric.Canvas('сanvas')
            var ctx = document.getElementById('сanvas').getContext('2d')
 
            var counterBites = 0
            const SPEEDUP = 20
            const BASESPEED = 1200

Демо JavaScript: 

<canvas id="paintbox" width="500" height="200"></canvas><br />
    <input type="button" onclick="start()" value="Пуск">
    <input type="button" onclick="stop()" value="Стоп">
 
<script>
  x=10;
  var ctx;
  ctx = document.getElementById('paintbox').getContext('2d');
 
function start(){
  Idint = setInterval(draw, 100);
}
function draw() {
  ctx.fillStyle = 'white';
  ctx.fillRect(x,10,50,50);
  x=x+3;
  ctx.fillStyle = 'blue';
  ctx.fillRect(x,10,50,50);
}
 
function stop() {
  clearInterval(Idint);
}
</script>

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

var canvas, ctx, h, w, n, x0, y0, it, len, s, s1, s2, arr = [];
 
			window.onload = function(){ // начальная функция
 
				canvas = document.getElementById("paint");
				ctx = canvas.getContext("2d");
				h = canvas.height;
				w = canvas.width;
				alert("Введите кол-во итераций в пределах от 10 до 23.")
				len = 1;
				x0 = 0;
				y0 = h;
 
			}
 
			function Click(){
				var str = document.getElementById("txt").value; // считываем кол-во итераций с текстового поля
				it = Number(str);
				s; 
				s1 = "1";
            			s2 = "0";

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

<script>
			var canvas, ctx, h, w, n, x = [], y = [], coords = [];
 
			window.onload = function(){ // начальная функция
 
				canvas = document.getElementById("paint");
				ctx = canvas.getContext("2d");
				h = canvas.height;
				w = canvas.width;
				alert("Введите координаты через запятую и пробел  (Например: 0, 0, 0, 100, 100, 100, 100, 0 ).")
 
			}
 
			function Click(){
				var str = document.getElementById("txt").value; // считываем координаты с текстового поля
 
				coords = str.split(", ");
				n = coords.length;
				x = [];

Демо JavaScript: 

var angle;
var check;
window.requestAnimFrame = (function(){
    return  window.requestAnimationFrame       || 
            window.webkitRequestAnimationFrame || 
            window.mozRequestAnimationFrame    || 
            window.oRequestAnimationFrame      || 
            window.msRequestAnimationFrame
})();
window.onload =function(){//начальная отрисовка
	var ctx = document.getElementById("paint").getContext("2d");
	angle=0;
	check=0;
	ctx.translate(250,250);
	ctx.beginPath();
	ctx.fillStyle="blue";
	//левый верхний круг

Демо JavaScript: 

 
		<canvas width = "500" height = "500" id = "paint"></canvas>
		<script>
		var x1,y1;
var x2,y2;
var check;
var check2;
window.requestAnimFrame = (function(){
    return  window.requestAnimationFrame       || 
            window.webkitRequestAnimationFrame || 
            window.mozRequestAnimationFrame    || 
            window.oRequestAnimationFrame      || 
            window.msRequestAnimationFrame
})();
window.onload =function(){
	x1=0;
	y1=0;
	x2=0;
	y2=0;
	check=0
	check2=0;
	Animation();
}
function Animation(){

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

//длина и ширина сanvas

<html>
	<head>
		<meta charset="utf-8"/>
	</head>
	<body>
		<input type = "text" id = "text" value = "1" size = "3"></input>
 
		<input type = "button" value = "Draw" onclick = "Click()"></input> 
		</br>
 
		<canvas id = "paint" width = "400" height = "400"> //длина и ширина сanvas
		<script>
			var ctx, canvas, h, w;
 
			var LastX, LastY;
 
			function Drawing(dx, dy)//функция отрисовки линии
			{
				ctx.beginPath();
				ctx.moveTo(LastX, LastY);
				ctx.lineTo(LastX + dx, LastY + dy);
				ctx.closePath();

Демо JavaScript: 

Для интерполяции заданной функции необходимо выбрать узлы, через которые будет проходить многочлен Нютона. Необходимо выбрать минимум 3 точки, нажав на левую кнопку мыши (не обязательно нажимать на сам график функции), и нажать кнопку "Старт".

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
var imageData;
let x = new Array(canvas.width);
let fx = new Array(canvas.height);
// Массив, через точки которого будет построен ногочлен Ньютона
let xMouse = [];
// Сдвиг координат
let offset = 300;

Статья по теме: 
Демо JavaScript: 
fractal
index.html

<!doctype html>
<html lang = "en">
	<head>
		<title> fractal </title>
        <meta charset = "utf-8">
        <script src = "script.js" defer></script>
	</head>
 
	<body>
		<div id = "main">
			<canvas id = "canvas" width = "500" height = "500"></canvas>
			<div id = "menu">
				<span> length </span>
				<label>
					<input id = "length" type = "number" size = "3" min = "1" max = "5000" value = "10">
				</label>
				<span> factor </span>
				<label>
					<input id = "factor" type = "number" size = "3" min = "1" max = "5000" value = "10">
				</label>
				<span> power </span>
				<label>
					<input id = "power" type = "number" size = "3" min = "1" max = "5000" value = "2">
				</label>
				<span> step</span>
				<label>
					<input id = "step" type = "number" size = "3" min = "1" max = "5000" value = "1">
				</label>
				<button id = "start"> Select </button>
			</div>
		</div>
	</body> 
</html>