Можно ли в php или JS/jQuery строить чертежи комнат всевозможных форм? Какая логика у такого скрипта?

Question

[NedoKoder]

Здравствуйте. У нас на работе есть немного сложноватая программа для построения чертежей комнат. Если бы вы взялись за написание такого скрипта, какова была бы логика его работы? (для примера приведу пару замеров). Само построение происходит поэтапно...менеджер по чуть чуть вводит длины сторон, диагонали, срезы углов, закругления. Сделать срез угла или закруглить заранее известную линию почти не сложно, а вот как бы с диагоналями? Идея была строить требуя наличия всех возможных не пересекающихся треугольников...и если все они заполнены, то делать построение. Но я незнаю как детектить этот момент.
Вот тут начертил как оно обычно бывает:

Примеры замеров

Т.е. сначала задаются стороны, потом диагонали, потом если есть, загругления каких то сторон. При вводе сторон можно не трогать форму комнаты..но вот при вводе диагоналей надо начинать постепенно прорисовывать...возможно ли такое на PHP или JS сделать?

Пример построения чертежа вот тут

Возможно ли вообще такое на PHP/JS/JQUERY?

Comments

[Роман]

Вам поможет здравый смысл и учебник геометрии за 7-8 класс и знание тригонометрии

[Daria Motorina]

Тут php не нужен по идее, достаточно фронтенда (js), но сделать такое приложение с визуализацией непросто. Вы не смотрели в сторону скриптов для автокада?

[NedoKoder]

Роман, да ну правда? Здравый смысл только при решении этой задачи нужен да? Век живи век учись

[NedoKoder]

Daria Motorina, нет не смотрел, я даже не знаю что это такое. Так программа что на ПК используется, она допускает некоторые вольности в силу продуманности алгоритмов построения, но в вебе это не так просто (один из разрабов этой проги сказал). Я так думаю, надо оставить один порядок работы для юзера, начиная с первой точки строить фигуры, и каждая последующая часть фигуры и ее координаты, будут опираться на результаты вычислений предыдущей фигуры, отталкиваясь от нее. В итоге должна получиться целостная фигура

[RAX7]

Так программа что на ПК используется, она допускает некоторые вольности в силу продуманности алгоритмов построения, но в вебе это не так просто (один из разрабов этой проги сказал).

Бред какой-то. Если у тебя есть алгоритм построения, то переписать его на другой ЯП не такая уж и проблема.
В браузере для отрисовки можешь использовать canvas либо svg.

[Роман]

NedoKoder, почему же только при решении этой задачи? Не передергивайте.
Для решения конкретно этой задачи вам понадобятся помимо здравого смысла знание геометрии за 7 и 8 классы и тригонометрии.
порядок решения примерно таков:
1. обрабатываете данные длин стен строя массив точек.
2. обрабатываете данные ребер (красные линии на вашем видео) строя массив треугольников
3. решаете кучу геометрических и тригонометрических задач (найти высоту треугольника зная длинны его сторон, разбить треугольник на два прямоугольных треугольника, найти углы этих прямоугольных треугольников, найти координаты третей вершины зная координаты 2-х вершин, длинны сторон и углы, определить неоднозначность решения предыдущей задачи, а именно с какой стороны будет находиться третья вершина и т.д. и т.п)

Учитывая что вы несколько ХАМ, начатое уже было решение доделывать не буду, выложу как есть, делайте сами.

[Роман]

RAX7, абсолютно верно говорите, в вебе это не сложнее чем не в вебе

[NedoKoder]

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

В любом случае спасибо за наводку

[Роман]

NedoKoder, здравый смысл это тоже необходимый для решения вашей задачи навык, которым к сожалению не все владеют.

[NedoKoder]

Роман, готов заплатить вам. Напишете этот код который будет рисовать такие чертежи в зависимости от введенных данных?

[Роман]

NedoKoder, с работой за оплату сюда https://freelance.habr.com/

[NedoKoder]

Роман, как построить чертеж независимо от порядка ввода я придумал. Как сделать так чтобы готовый чертеж можно было разбить на один и более частей заданного размера, прямыми линиями относительно двух выбранных точек? И чтобы на пересечении этих линий образовались новые точки? Как координаты этих точек можно вычислить?

[Роман]

Если линии которве делят фигуру проведены через имеющиеся у фигуры точки, и координаты этих точек известны, то чтобы найти точку их пересечения гуглите алгоритм решения системы линейных уравнений. Это же касается нахождения точки пересечения любых прямых. Программная же реализация добавления найденных координат этих точек пересечения в массив/пул/стек предназначенный для хранения точек сильно зависит от реализации и общей архитектуры вашей программы.

Answer 1

[xmoonlight]

Three.js и прямые руки.

Comments

[NedoKoder]

Прямые руки в любом деле нужны. Чем 3D мне поможет в 2D?

[xmoonlight]

NedoKoder, Тем, что переделывать потом не придётся.

[Роман]

xmoonlight, ну не скажите, если делать в 2D алгоритмическую часть по вычислению координат точек, то ничто потом не мешает построить по этим координатам модель в 3d для визуализации. Но по моему автор и 2D самостоятельно осилить не может

[xmoonlight]

Роман, речь больше про то, как это сделать визуально (чертить), а не как строить модель в памяти.
И да, тут проблемы у автора в осознании логики работы с новым движком и боязнь несовпадения терминов: 2D и 3D.
И, как следствие, завышенная оценка в сложности реализации для 3D. Хотя, реально - она одинаковая: просто сразу заложено 3-е измерение.

[Роман]

xmoonlight, ну тут не поспоришь

[xmoonlight]

Роман, :D

[NedoKoder]

xmoonlight, у автора не проблемы с 2D и 3D, у автора проблемы с алгоритмом построения чертежа с учетом всех диагоналей при условии наличия ошибок в размерах, с учетом того что замерщики или измерительное оборудование может ошибаться и ожидаемые результаты из геометрически-математических расчетов могут не соответствовать заданным, проблемы плана "какие цифры игнорировать, а какие брать в расчеты". Допустим, юзер пишет две стороны, 40 и 40, у них диагональ ~56, но чувак ошибся и указал 60, или стена реально кривая...далее вычислю я допустим координаты приняв в расчет отклонения и основываясь на них запущу цифры в расчет...Далее каждая следующая ошибка рулетки, будет усиливать эффект несоответствия вводимым цифрам. И после последней диагонали эту кашу как то строить надо.
В общем там много чего нужно учитывать т.к. речь идет о ПВХ пленке которую потом растягивать надо, и формы у нее могут быть весьма причудливы. И резать пленку надо в разных % меньше от заданных размеров. А 3D там абсолютно не понадобится

[xmoonlight]

NedoKoder, размеры - это проблемы не 2D или 3D.

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

Не понадобится 3D - ставьте глубину в 0. Проблемы - не вижу.