Форум программистов
 
О проблемах, например, с регистрацией пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail, а тут можно восстановить пароль.

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail


Ответ
 
Опции темы
Старый 11.01.2020, 13:35   #1
MakarovDs
 
Регистрация: 10.01.2020
Сообщений: 8
По умолчанию Фальшивые бесконечные пространства

Идея в том что-бы линии вертикальные и горизонтальные двигались таким образом что-бы создавалась ощущение 3-мерной линейной плоскости, или пространства, у меня есть несколько идеи, как это сделать

1) чем ближе приближается к центру вертикальная линия тем больше уклон дается по Х и уходя за рамки они снова создаются слева.

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

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

Я не почему при изменение параметров в объекте, объект не определён, и как сделать изменение context.LineTo, я только начинающий в Js,

Код:
<html><body><canvas id="myCanvas" width="501" height="501"></canvas></body><script>
      function ramb(){   
      var canvas = document.getElementById("myCanvas");
     
      var context = canvas.getContext("2d");
      var my_gradient = context.createLinearGradient(0,0,0,170);
      my_gradient.addColorStop(0,"black");
      my_gradient.addColorStop(1,"white");
      context.fillStyle = my_gradient;
      context.fillRect(0,0,500,180);
      var v = Math.floor(Math.random() + Math.random()+Math.random()* Math.random() + Math.random()+Math.random()*2 );
      var q,w,e,r,t,y,i,o,p,a,s,d,f,g,h,j,k,l,z,x,c,v,b,n,m,u;   
      i = 0; o = 1; p = 2; a = 3; s = 4; d = 5; f = 6; g = 7; h = 8; j = 9;
      k = -1; l = -2; z = -3; x = -4; c = -5; b = -6; n = -7; m = -8; u = -9;
      //Гора
      context.bеginPath;
      context.moveTo(10, 200); 
      context.lineTo(151,100);
     /*  context.setTransform(v,v-v,v-v,v*v,v*v,v);*/
      context.lineTo(200,150);
      context.lineTo(250,170);
      context.lineTo(300,150);
      context.lineTo(401,50);
      context.lineTo(500,200);
      context.closePath();
      context.strokeStyle = "black";
      context.stroke();
    
    	//Рамки
    context.beginPath(); 
    context.moveTo(0, 200);
    context.lineTo(500,200);
    context.moveTo(0, 0);
    context.lineTo(0, 500);
    context.moveTo(500, 0);
    context.lineTo(0, 0);
    context.moveTo(500, 0);
    context.lineTo(500, 500);
    context.closePath();
    context.strokeStyle = "red";
    context.stroke();
   
  
  
   var key = [(
    //горизонтальные линии
     context.beginPath(),
     context.moveTo(k+u, 220),
     context.lineTo(500, 220),
     context.moveTo(k+u, 250),
     context.lineTo(500, 250),
     context.moveTo(k+u, 300),
     context.lineTo(500, 300),
     context.moveTo(k+u, 400),
     context.lineTo(500, 400),
     context.moveTo(k+u, 500),
     context.lineTo(500, 500),
    
    //вертикальные линии40
    context.moveTo(40,200),
    context.lineTo(0,300),
    context.moveTo(110,200),
    context.lineTo(20,500),
    context.moveTo(200,200),
    context.lineTo(150,500),
    context.moveTo(300,200),
    context.lineTo(360,500),
    context.lineTo(430,500),
    context.moveTo(390,200),
    context.lineTo(480,500),
    context.moveTo(460,200),
     context.lineTo(500,300),
     context.closePath(),
     context.strokeStyle = "red",
     context.stroke())]
       }
       
       function arbuzik(){     
       return key[1] = context.moveTo(66, 220);
       }
       
       function pomidorik(){
       	
       }
       
       function bananes(){ setInterval(ramb ,1000);}
       

       function arbuzik(w){ 

   return q+10; 
   }
        
        
     
</script></body><body><button onclick="ramb()">start</button><button onclick="arbuzik()"><</button> <button onclick="bananes()">></button> </body></html>
MakarovDs вне форума Ответить с цитированием
Старый 11.01.2020, 15:31   #2
сфинкс
Форумчанин
 
Аватар для сфинкс
 
Регистрация: 17.06.2012
Сообщений: 454
По умолчанию

создав myCanvas.htm вижу только перспективу линий
и горы без движения

возможно помогут мои разработки где главное: массив

https://programmersforum.ru/showpost...7&postcount=27



https://programmersforum.ru/showpost...7&postcount=35



думаю теме нужны картинки свои
учим C# зная basic & excel
сфинкс вне форума Ответить с цитированием
Старый 11.01.2020, 15:46   #3
MakarovDs
 
Регистрация: 10.01.2020
Сообщений: 8
По умолчанию

Спасибо за комментарий, я подумаю, меня вообще радуют действия с бесконечностями и геометрическими абстракциями.

Последний раз редактировалось MakarovDs; 11.01.2020 в 22:01.
MakarovDs вне форума Ответить с цитированием
Старый 11.01.2020, 19:45   #4
MakarovDs
 
Регистрация: 10.01.2020
Сообщений: 8
По умолчанию

случайный массив высот это хорошо, но мне нужно совсем другое, я хочу доделать код, хотя бы научиться двигать сраные линии, мне надоело думать что же не так, хочу результат увидеть, подскажите хотя бы косвенно как такое сделать? А лучше доделайте мой код просто.
MakarovDs вне форума Ответить с цитированием
Старый 11.01.2020, 22:23   #5
сфинкс
Форумчанин
 
Аватар для сфинкс
 
Регистрация: 17.06.2012
Сообщений: 454
По умолчанию

в той теме в диалогах мол запас ячеек массива
для возможности строить карту и двигать

как вижу развитие рельефов:
сразу создаётся случайный или неслучайный
массив условно 100х100 ячеек далее неизменный

зато на экран выводится часть массива рельефа типа 20х20 ячеек

что должно быть просто теоретически перемещаться
черпая готовые данные и неизвестно то ли требуется
учим C# зная basic & excel
сфинкс вне форума Ответить с цитированием
Ответ

Здесь нужно купить рекламу за 20 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru
Без учёта ботов - 20000 человек в день, 350000 в месяц.

Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Бесконечные ответы от сервера при одном запросе SignalR ASP.net Core Yudin Общие вопросы Web 1 14.04.2020 06:09
Автоматизация парковочного пространства Office-it Фриланс 13 12.12.2019 12:55
Пространства имен, компиляция. Kasatik Общие вопросы C/C++ 4 20.01.2019 14:17
Пространства имен С++ Jumb0 Помощь студентам 1 10.03.2013 18:49
Бесконечность пространства. Levsha100 Свободное общение 96 13.12.2012 23:15


Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru
Пеллетный котёл Emtas
котлы EMTAS
Здесь нужно купить рекламу за 7 тыс руб в месяц! )
пишите сюда - alarforum@yandex.ru
ИКС 840