HELP! Подключаю js все объекты слоя пропадают

Сообщение **RED** » 04 ноя 2019, 18:15

Здравствуйте! Такая проблема есть слой, на нем находятся объекты и к нему же я подключаю javascript (html исходник объекты - особый стиль - вставляю код), после встаквки кода все объекты улетают со слоя либо вниз, на следующий слой, либо вообще пропадают))) Подскажите что не так делаю?
Пример с исходником прикрепляю)

Сообщение **lelik** » 05 ноя 2019, 15:55

Вы проект скиньте , а не отдельные файлы . В коде уже увидел несколько ошибок , но так тяжело сказать.

Сообщение **RED** » 05 ноя 2019, 16:10

Извиняюсь) Не то скинул)

Сообщение **lelik** » 05 ноя 2019, 16:26

Вы не там подключаете скрипты . Со слоя уберите и подключите в исходниках сайта или страницы до тега /body

Отправлено спустя 3 минуты 6 секунд:
И у вас отсутствуют два скрипта . dat.gui.min.js и script.js . В коде они прописаны , а их нет .

Сообщение **RED** » 05 ноя 2019, 17:01

Так в том то и смысл, что скрипт должен быть подключен к слою, он реагирует на движение мыши, если подключить к сайту или странице, а сверху поместить слой и объектами, скрипт окажется под слоем (на заднем плане) и не будет замечать движение мыши

Сообщение **lelik** » 05 ноя 2019, 17:08

Вы напишите конкретно чего вы хотите добиться ? Что бы елементы находящиеся на слое реагировали на движение мыши ?

Сообщение **RED** » 05 ноя 2019, 17:40

Вот исходник вместе со скриптом, так наверное будет понятнее))) Я хочу что бы работал скрипт на слое и разместить на этом слое несколько элементов (текст, кнопка)

Сообщение **spoon** » 06 ноя 2019, 13:14

Что-то типа этого)

Сообщение **RED** » 06 ноя 2019, 13:44

Да только скрипт (эффект) должен быть во весь экран, вот пример: https://geometria.website/promo

Отправлено спустя 6 минут 34 секунды:
То есть по идее он должен подключаться каким то образом к самому слою, т.к. если подключать через <html> (html-Объект) то он всегда будет ограничен по ширине размерами слоя на котором находится

Сообщение **spoon** » 06 ноя 2019, 14:18

Пример

Сообщение **RED** » 06 ноя 2019, 15:18

Такого результата у меня получалось добиться с помощью подключения скрипта через html-исходники объекта к слою, и дальше я удалял position: relative; в контейнере слоя в css файлах при публикации

Сообщение **spoon** » 06 ноя 2019, 15:27

RED, все ваши действия по вписыванию js. css. html в слой глубоко ошибочны, так не делается, если вы думаете, что засунув скрипт и стили внутрь слоя и все будет спозиционировано внутри этого слоя и главное правильно работать при чтении DOM то вы ошибаетесь это НЕ ПРАВИЛЬНО.
По идее, этот canvas не имеет отношения к слою где расположен текст, слой нужен только для позиционирования текста, а сам canvas берет лишь ширину и высоту родителя т.е. слоя, для позиционирования в body, всё это можно сделать и без вписывание в слой используя css.
Да и точки замучаетесь делать, если использовать слои, а не сетки или флексы.

Сообщение **RED** » 06 ноя 2019, 15:42

Я не настаиваю что так делать правильно, это я взял от сюда - https://www.youtube.com/watch?v=dQtXsmv283k
В итоге я хочу добиться чтобы был слой (например 960рх шириной) который выравнивается по центру и объекты на нем позиционировались от края слоя, а не от края экрана, а вместо фона был скрипт, растянутый во всю ширину экрана

Сообщение **spoon** » 06 ноя 2019, 17:58

Держите

Сообщение **spoon** » 09 ноя 2019, 08:02

RED, вы решили проблему?

Сообщение **RED** » 12 ноя 2019, 12:26

Извиняюсь, уезжал из города. Да, спасибо большое за помощь, получилось то что хотел!

Кто сейчас на конференции

Добро пожаловать на форум!