Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 103
Извините за вопрос, но чем flash то плох? :) А то, что у Вас — это смена картинок, а не 3D-представление.
Для флеша требуется дорогостоящая среда разработки, здесь же делается всё в обычном текстовом редакторе.
FDT + (Papervision3D || Away3d) — всё бесплатно.
flex sdk — бесплатен. Писать можно в обычном текстовом редакторе.
Не хотел бы холиварить на эту тему.
Частично я согласен с этой статьей chikuyonok.ru/2009/03/flash-sites-are-bad/
Т.е. то, что можно делать не на флэш, лучше делать не на флэш.
В случае с продуктами для каталога придется для каждого продукта создавать флэш файл или подсовывать ему картинки, что вообще лишает смысла его использования.
Да, это смена картинок, технически сложного тут ничего нет.
Собственно и во флэш версиях это тоже просто смена картинок 3dbin.com/
Частично я согласен с этой статьей chikuyonok.ru/2009/03/flash-sites-are-bad/
Т.е. то, что можно делать не на флэш, лучше делать не на флэш.
В случае с продуктами для каталога придется для каждого продукта создавать флэш файл или подсовывать ему картинки, что вообще лишает смысла его использования.
Да, это смена картинок, технически сложного тут ничего нет.
Собственно и во флэш версиях это тоже просто смена картинок 3dbin.com/
на флеше есть есть и «честные» 3d-движки: Sandy3D, Papervision3D, Away3D, Alternativa3D, Infinity3D. Впрочем, подобные есть и на JS — они рисуют на Canvas, вот только они по скорости сильно флешовым уступают.
Первое, о чём я подумал, пример на Альтернативе:
alternativaplatform.com/swf/demos/mobilephone/mobilephone.swf
alternativaplatform.com/swf/demos/mobilephone/mobilephone.swf
Особенно впечатляют «Танки-онлайн» это уже полноценная 3D браузерная игра. Реф-ссылка.
«Т.е. то, что можно делать не на флэш, лучше делать не на флэш.»
Я бы даже сказал больше: то, что можно реализовать без jQuery, лучше реализовать без jQuery. Зачем для решения такой простой задачи смены картинок клиенту подгружать объемную библиотеку? Лучше на чистом Javascript небольшой алгоритм написать.
Я бы даже сказал больше: то, что можно реализовать без jQuery, лучше реализовать без jQuery. Зачем для решения такой простой задачи смены картинок клиенту подгружать объемную библиотеку? Лучше на чистом Javascript небольшой алгоритм написать.
Смотрите, как вас минусуют :)
Если человек вешает механизм смены картинок а-ля «Вращение 3д модели объекта» — какова вероятность, что у него не будет больше никаких сложных скриптов?
Скорее всего это будет большой навороченный сайт, где jQuery придется очень кстати.
С другой стороны, я согласен, зачастую простенькие алгоритмы зазря прикручивают к сложным framework-ам, что приводит, например, к отказу от использования этого алгоритма. Тут нужно чувствовать тонкую грань 8-)
Скорее всего это будет большой навороченный сайт, где jQuery придется очень кстати.
С другой стороны, я согласен, зачастую простенькие алгоритмы зазря прикручивают к сложным framework-ам, что приводит, например, к отказу от использования этого алгоритма. Тут нужно чувствовать тонкую грань 8-)
Формула на самом деле должна звучать как «то, что лучше делать не на флэше, лучше делать не на флэше.».
Потому что на яваскрипте можно очень многое сделать ради proof of concept, но некоторые вещи просто банально невыгодны по трудозатратам, скорости работы и прочим компромиссным уступкам.
Потому что на яваскрипте можно очень многое сделать ради proof of concept, но некоторые вещи просто банально невыгодны по трудозатратам, скорости работы и прочим компромиссным уступкам.
а такое громкое название «статьи» обязательно?
я вот, например, в очередной раз потратил 5 минут своей жизни, купившись на классный заголовок.
я вот, например, в очередной раз потратил 5 минут своей жизни, купившись на классный заголовок.
Отличный плагин, можно реализовать ещё частичное вращение при отсутствии всех кадров. Сам думаю сделать такое для просмотра фотографий одного объекта, сделанных с разных точек, получаются псевдо стерео фотографии. Если уже будет готовый плагин, то мне не придется писать его.
Стоит попробовать сделать через css спрайты, чтобы картинка была только одна, так и серверу легче и анимация плавнее будет, если нет предзагрузки картинок, и кода меньше и т.д.
Баг в примере.
Вау, на яваскрипте оказывается можно менять картинки, вау. И даже флеш не нужен, вау.
Вот от таких людей и идут лучи поноса в сторону флеша, не осознают бедные, что на данный момент альтернатив практически нет :( А для подобных задач флеш и правда ни в одно место не уперся.
Вот от таких людей и идут лучи поноса в сторону флеша, не осознают бедные, что на данный момент альтернатив практически нет :( А для подобных задач флеш и правда ни в одно место не уперся.
А зачем jquery? Всё это реализуется на чистом Javascript десятком строчек кода. Вот вам еще экономия ~60Кб!
Извините, но передвижения не плавные. Сразу понятно, что это смена изображений.
Можно было потрахаться и сделать плавное переливание из одного состояния в другое.
Можно было потрахаться и сделать плавное переливание из одного состояния в другое.
Неплохо. Можно еще использовать колесо мышки для вращения. А при нажатии на него делать зум.
Просто супер! Именно то, что нужно!
Огромнейшее спасибо!
Огромнейшее спасибо!
Крутотень.
хороший функционал для интернет-магазинов, особенно торгующих техникой.
маладец.
очень круто! спасибо.
Молодец. Плагин хорошо.
Правда магазины могут обломаться делать столько фотографий :) Это ж их еще и обработать надо — чтоб все смотрелось хорошо.
Я так посчитала — у тебя в примере используется 14 фотографий.
Правда магазины могут обломаться делать столько фотографий :) Это ж их еще и обработать надо — чтоб все смотрелось хорошо.
Я так посчитала — у тебя в примере используется 14 фотографий.
Сделали б ещё возможность все эти картинки в спрайт склеить… И как-то плавности не хватает, хотя м.б. это из-за малого кол-ва картинок (имею в виду пример с самсунговским телефоном на офсайте). А вообще, конечно, заголовок обещал больше, чем фотогалерею ;-)
Только думал о том как такое сделать без флеша и на тебе.Автору респект.
Я так понял автоматически оно должно крутиться автоматически только при нажатии кнопки auto?
А то если долго зажимать кнопку влево в опере 9.6 получается эффект как от галочки auto хотя она выключена.
Я так понял автоматически оно должно крутиться автоматически только при нажатии кнопки auto?
А то если долго зажимать кнопку влево в опере 9.6 получается эффект как от галочки auto хотя она выключена.
GPL — не очень хорошо, лучше бы так же как само jQuery.
Может проконсультируете — можно использовать свободно практически везде.
Изменять сохраняя авторство.
Но нельзя включать в тиражируемые коммерческие продукты (cms и т.п.) без согласования с автором.
Я прочитал несколько статей и решил, что GPL2 оптимальна.
Изменять сохраняя авторство.
Но нельзя включать в тиражируемые коммерческие продукты (cms и т.п.) без согласования с автором.
Я прочитал несколько статей и решил, что GPL2 оптимальна.
Нет общего понимания того, что нужно шарить и в каком виде, если иcпользуется JS GPL библиотека.
Есть мнения что в таком случае нужно, чтобы весь остальной JS код также был под GPL.
С другой стороны, это может быть не верно.
Но тогда и от тиражируемых коммерческих продуктов GPL не защищает, потому что они по определению содержат библиотеку в том виде, в котором она была исходно написана (в виде исходного кода на JS).
На самом деле, серьёзный заказчик принципиально не разрешит использовать это в любом типе не-OSS проекта. Просто потому что не очевидно, к чему это обязывает.
Именно по этому у jQuery двойное лицензирование.
Есть мнения что в таком случае нужно, чтобы весь остальной JS код также был под GPL.
С другой стороны, это может быть не верно.
Но тогда и от тиражируемых коммерческих продуктов GPL не защищает, потому что они по определению содержат библиотеку в том виде, в котором она была исходно написана (в виде исходного кода на JS).
На самом деле, серьёзный заказчик принципиально не разрешит использовать это в любом типе не-OSS проекта. Просто потому что не очевидно, к чему это обязывает.
Именно по этому у jQuery двойное лицензирование.
Идея хорошая ) И на практике это реально может пригодиться. Жаль вот только что это не совсем 3D. И если захочешь сделать вращение и вдоль горизонтальной оси, то потребуется нереальное количество фоток.
Как-то на хабре проскакивала статья про 3D Photo builder — habrahabr.ru/blogs/startup/30685/
(сам сайт проги: www.anything3d.com/product/software/builders.php3). Вот она позволяет обрабатывать фотки, склеивать их (не знаю, как на счет спрайтов) и экспортировать получившиеся панорамы и объекты во флэш или HTML файл с изображениями и JS скриптом. По моим ощущениям их скрипт был тормознутей, чем Ваш.
Желаю удачи с разработкой!
(сам сайт проги: www.anything3d.com/product/software/builders.php3). Вот она позволяет обрабатывать фотки, склеивать их (не знаю, как на счет спрайтов) и экспортировать получившиеся панорамы и объекты во флэш или HTML файл с изображениями и JS скриптом. По моим ощущениям их скрипт был тормознутей, чем Ваш.
Желаю удачи с разработкой!
Народ, а как-бы мне из модели гугль-скетчапа автоматически подготовить файлы для этой замечательной программы из топика?
Спасибо за труд.
Плагин действительно интересный. Я бы назвал это не 3D, а «вращение объекта», т.к. осей вращения здесь не более одной.
Не забудьте описать требования к фотографиям — не могу сейчас подобрать точные слова, но суть в том, что они должны быть с разных ракурсов по горизонтали, но с одного по вертикали, или наоборот, но не одновременно со сменой двух осей.
Плагин действительно интересный. Я бы назвал это не 3D, а «вращение объекта», т.к. осей вращения здесь не более одной.
Не забудьте описать требования к фотографиям — не могу сейчас подобрать точные слова, но суть в том, что они должны быть с разных ракурсов по горизонтали, но с одного по вертикали, или наоборот, но не одновременно со сменой двух осей.
Отличная идея! Развивайте дальше, это интересно людям.
Проект на Google Code в Вашем случае, увы, пока выполняет роль файлового хостинга, тем более что скачать есть откуда, благо сайт проекта есть :) Было бы интересно по-наблюдать за изменениями и ростом проекта в svn. Да и всегда интересно увидеть процесс разработки других людей, даже на таком маленьком проекте.
Псевдотрехмерное. Все-таки фото это не obj
для данной цели лучше всего использовать CONVAS+JQUERY, такую связку более правильно будет назвать трёхмерной, нежели просто смену картинок
Я было в начале подумал, что будут заметная нагрузка не проц, или браузер подвисать будет, ан нет всё ок. Можете сделать пример с большим количеством картинок?
Да, притормаживает малость.
Надо как-то это побороть.
Надо как-то это побороть.
Заходя сюда если честно ожидал реальное трехмерное представление… а не ротацию фотографий, извините.
habrahabr.ru/blogs/javascript/69897/#comment_1994301
Посоветуйте как лучше. Буду искренне благодарен )
Посоветуйте как лучше. Буду искренне благодарен )
Реальное тут: www.devirtuoso.com/Examples/3D-Engine/ :)
работает на Android, где флеша пока нет =)
Советую добавить энерции, ощущение трёхмерности это усилит.
т.е. крутанул мышкой, отвёл курсор, а объект ещё докручивается замедляя скорость.
т.е. крутанул мышкой, отвёл курсор, а объект ещё докручивается замедляя скорость.
Можно сделать альфа-смешение соседних кадров — тогда анимация будет выглядеть плавнее. Вот, за 5 минут набросал, как это может выглядеть (слева обычная анимация, правая — со смешением соседних кадров):
Причём тут 3Д?
Причём тут jQuery?
Так бы и сказали, что велосипед. За пять минут на JS такая фигня пишется.
Причём тут jQuery?
Так бы и сказали, что велосипед. За пять минут на JS такая фигня пишется.
Хм, хоть бы написали, что это не полноценное 3D, а обыкновенное слайд-шоу. А то я начал об это догадываться только после того, как прочитал: «вставляем картинки в какой-нибудь div».
И, кстати, как вы представляете себе анимацию сразу в 2 направлениях? (гор + верт)
И, кстати, как вы представляете себе анимацию сразу в 2 направлениях? (гор + верт)
Это оооочень много фоток. ^_^ Повернули под углом, пофоткали по кругу, и так пока не надоест. Или же не отфоткает до конца, чем меньше градус поворота чем плавней должно получиться, правда и фоток будет гораздо больше, и весить это будет оооочень не хило :(
Блин, ребята.
Все аналогичные штуки на флэше сделаны по принципу преключения фотографий.
Я написал про трехмерное ПРЕДСТАВЛЕНИЕ.
Вам нужно дать пользователю покрутить предмет? Нате!
У меня не было задачи сделать это через канвасы и тому подобное.
Нужны примеры?
pleer.ru/3dfoto/indexf.php?p=17730
3df.ru/3d/canon-eos-350-d-kit/
www.3dbin.com/
Это флэш и он тупо переключает картинки.
Моя задача была реализовать тоже самое без флэша!
Надеюсь больше вопросов не будет.
Обновил статью.
Все аналогичные штуки на флэше сделаны по принципу преключения фотографий.
Я написал про трехмерное ПРЕДСТАВЛЕНИЕ.
Вам нужно дать пользователю покрутить предмет? Нате!
У меня не было задачи сделать это через канвасы и тому подобное.
Нужны примеры?
pleer.ru/3dfoto/indexf.php?p=17730
3df.ru/3d/canon-eos-350-d-kit/
www.3dbin.com/
Это флэш и он тупо переключает картинки.
Моя задача была реализовать тоже самое без флэша!
Надеюсь больше вопросов не будет.
Обновил статью.
Как я понимаю, во флеше на это уходит один запрос на сервер, на саму флешку, а в вашем варианте количество запросов равно количеству кадров — не true :))
А если попробовать это все склеить в один спрайт и анимацию делать через смещение картинки, как в 2D-играх? По-идее и работать шустрее должно.
А если попробовать это все склеить в один спрайт и анимацию делать через смещение картинки, как в 2D-играх? По-идее и работать шустрее должно.
Firefox 8.0 Конвертер спрайтов не работает (а очень хочется)
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Вращение предметов без флэш