Страница 4 из 4
Re: рубрика "зацените"
Добавлено: Чт янв 23, 2025 10:41 am
Turboblack
september2489 писал(а): Чт янв 23, 2025 9:41 am
Прикольно! Сейчас ради интереса посмотрел, как бы я решил эту проблему своим способом. В HTML есть тэг <map>. Вот небольшой пример:
Код: Выделить всё
<body>
<img src="index.jpg" width="600" height="394" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="poly" coords="304,372,305,371,302,303,303,187,358,205,387,241,392,
295,377,339,337,362" href="http://september2489.w10.site" target="_blank" />
</map>
</body>
Здесь изображению присваивается "карта", её форма - произвольный многоугольник. Координаты задаются в Dreamweaver кликами мышкой, далее указывается ссылка. Активная область не видна на изображении, курсор мыши при наведении меняет форму. Возможно, через CSS можно добиться разных стилей изображения (надо проверять). Также доступны события, например, onMouseDown/onMouseMove и другие, то есть в теории можно как-то управлять всем этим.
значит для хтмл 3.2 будет что-то типа:
Код: Выделить всё
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=1201>
<TR VALIGN="top" ALIGN="left">
<TD WIDTH=1200 HEIGHT=700 COLSPAN=2>
<IMG SRC="koncept1.jpg" ALT="" WIDTH=1200 HEIGHT=700 BORDER=0>
</TD>
<TD WIDTH=1 HEIGHT=705>
/* сюда */
<div style="width: 1px; height: 705px;"></div>
</TD>
</TR>
</TABLE>
а кнопки размещаем тогда как-то так:
Код: Выделить всё
<map name="imagemap">
<area shape="rect" coords="300,300,200,200" href="http://ссылка" alt="картинка">
</map>
Re: рубрика "зацените"
Добавлено: Чт янв 23, 2025 12:34 pm
Excavator
frontpage и dreamweaver я вообще непонял, в imageready не разобрался, поэтому в нём и зделал -
http://yoho-ho.w10.site, из того что планировал, где-то примерно ничего, но зато всё уместилось в 1 мБ
Re: рубрика "зацените"
Добавлено: Чт янв 23, 2025 12:51 pm
Turboblack
Excavator писал(а): Чт янв 23, 2025 12:34 pm
frontpage и dreamweaver я вообще непонял, в imageready не разобрался, поэтому в нём и зделал -
http://yoho-ho.w10.site, из того что планировал, где-то примерно ничего, но зато всё уместилось в 1 мБ
очень симпатично
это в imageready есть такие библиотеки с векторной графикой?
Re: рубрика "зацените"
Добавлено: Чт янв 23, 2025 2:38 pm
Excavator
это в imageready есть такие библиотеки с векторной графикой?
нет, это полигональные 3D модели, включая рамки и тетрадные клетки, шейдеры настроены под 2D. Т.к. сайтостроением никогда не занимался, непонял как использовать вэбпалитру, произошла нестыковка с освещением и приимущество гиф не получилось использовать в полной мере
Turboblack писал(а): Чт янв 23, 2025 8:28 am
рисовалось графическим планшетом, в стареньком фотошопе CS2 пять цветов, 3 пера (1 2 и 3 пикселя шириной), никаких эффектов, только слои
предполагалось что это будет шаблон на хтмл 3.2 где каждый объект (пальто, телефон, кот, собака, зонтик, итд) будет кнопкой.
пример концепции, что верстка 90х может быть вовсе не скучной и не банальной
пару лет назад экспериментировал с таким стилем, нужно был нагнать драматизма на совецкий антураж, полуавтомат и шейдеры не давали нужного результата, пришлось изобретать новую методику практически полностью ручную, даже тени трёхмерный объект
всё двигается, открывается-закрывается но как реализовать подвижность на хтмл - незнаю, анимация на гифах это чудовищно громоздко и скорость анимации отличается от изначальной
Re: рубрика "зацените"
Добавлено: Пт янв 24, 2025 8:57 am
Turboblack
это будет уже не хтмл, но:
http://www.soft8soft.com/verge3d/ У них в состав входит визуальный редактор, и можно создавать веб-интерактив,
правда про кроссбраузерность с любым веб-интерактивом придется забыть.
есть blender4web -
https://www.blend4web.com/ru/ пишут что можно даже на сайте браузерные игры делать.
canvas тоже можно, но это 2д, и сложно, потому что нужен JS
Re: рубрика "зацените"
Добавлено: Пт янв 24, 2025 2:00 pm
Jabberwock
Напомню про еще одну древнюю технологию - VRML. -
https://vrml.org.ru/pg
Ну и флэш никто не отменял, а там открывающийся-закрывающийся шкаф сделать элементарно.
Re: рубрика "зацените"
Добавлено: Пт янв 24, 2025 7:48 pm
Excavator
Turboblack писал(а): Пт янв 24, 2025 8:57 am
это будет уже не хтмл, но:
http://www.soft8soft.com/verge3d/ У них в состав входит визуальный редактор, и можно создавать веб-интерактив,
правда про кроссбраузерность с любым веб-интерактивом придется забыть.
есть blender4web -
https://www.blend4web.com/ru/ пишут что можно даже на сайте браузерные игры делать.
canvas тоже можно, но это 2д, и сложно, потому что нужен JS
html5 можно генерировать в Анимейте, наследника Флеша, к которому тонны документации и примеров, а всё что связано с блендером это мутные схемы, самое злобнейшее комьюнити это блендерасты, даже хуже линуксоидов, эти хотя бы не впаривают дурацкие курсы за кредит под конский процент.
Jabberwock писал(а): Пт янв 24, 2025 2:00 pm
Напомню про еще одну древнюю технологию - VRML. -
https://vrml.org.ru/pg
Ну и флэш никто не отменял, а там открывающийся-закрывающийся шкаф сделать элементарно.
а ещё Viewpoint Media, там потрясный шейдинг. Без штепселей для бравзера эти технологии не работают, они устарели концептуально, вставить флеш например в пост на форуме это нерешаемая задача.
Re: рубрика "зацените"
Добавлено: Сб янв 25, 2025 11:48 pm
Excavator
не стал ничего выдумывать, зделал подвижность на гифах
http://yoho-ho.w10.site/tableint.html какая разница будет три кадра анимации или ноль кадров, сейчас посмотрю как работает rollover на смартфонах и буду думать как заставить один слой двигаться над другим типа как в афтерэффектсе