2010-06-22

RealTime 3D движки для Flash

вебмастеринг, технологии

Трехмерная графика до сих пор не получила достаточного распространения в Web, если видишь на сайте трехмерную графику сразу возникает вопрос - как?

В настоящий момент самым перспективным способом создания трехмерных эффектом мне представляется Flash. Да, знаю, что многие начнут кидать в меня камни ссылаясь на то что всем дружно нужно переходить на HTML5, но как это ни странно HTML5 значительно уступает технологии Flash по скорости прорисовки сцены - сказывается необходимость разработчиков тащить за собой длинный поезд технологий включая DOM, CSS, DHTML и так далее. Flash же наоборот - закрытая платформа, с ограниченной совместимостью между версиями плагинов, что значительно упрощает жизнь разработчкикам платформы.

Однако, сама по себе технология Flash не предоставляет инструментов для работы с трехмерной графикой и скорее всего их и не будет: цезарю - цезарево а Богу - Божье, но зато это предоставляет разработчикам широкое поле для творчества. Сейчас на рынке есть несколько библиотек для работы с трехмерной графикой.

Sandy

OpenSourse движек - на сайте так и не нашел его лицензию но написано, что можно использовать бесплатно в бесплатных и коммерческих проектах. Имеются парсеры из различных 3D форматов, в том числе 3DS, имеется подробная документация.

демо: http://www.flashsandy.org/demos 

Papervision3D
MIT лицензия

демо:
http://papervision3d.org/ - вы оказываетесь под водой среди корралловых рифов с красивыми рыбками.
http://blog.papervision3d.org/p/papervision3d/
http://www.digimi.com/newsite/presite/studioPage.jsp?partner=studio&scene=17889727
http://papervision3d.org/

Away3D

демо:
http://www.infiniteturtles.co.uk/projects/away3d/demos/hacienda/BSPImportTest.html
http://www.syerit.com/think360/ - абалденная трехмерная игра/демо

Alternativa3D
free for non commercial usage, coomercial licence available

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

примеры игр с демо:
http://tankionline.com/ru/
http://drevnii.ru/bunker.htm

FIVe3D

Прикольная простая библиотечка - не столько для отрисовки/рендеринга трехмерных сцен, сколько для создания трехмерных сцен с нуля - подойдет для тех кто хочет создавать трехмерные эффекты но не хочет использовать такое дорогое программное обеспечение как 3DMax.

демо:
http://five3d.mathieu-badimon.com/gallery/keyboard/

 

Данный пост является неполным - буду добивать его по мере нахождения новых интересных движков и информации по ним, так как тема интересная и многообещающая.

 

Оставить комментарий

 
  2010-05-13

Тег Q в Internet Explorer

вебмастеринг

Для создания различных цитат можно использовать тег q. В отличие от blockquote это inline элемент.

Он сказал <q>поехали</q> и махнул рукой!

Однако оказалось, что тег q в IE не работает -  кавычки к фразе не добавляются. Умельцы используют для добавления кавычек Javascript, но это не красиво и, по идее медленно, лучше для этих целей использовать behavior'ы, поэтому я сделал следующее (идею позаимствовал из pngfix):

1. Создаем quotesfix.htc:

<public:component>
<public:attach event="onpropertychange" onevent="fixQuotes()" />

<script type="text/javascript">

function fixQuotes()
{
	innerHTML = '"'+innerHTML+'"'
}
fixQuotes();

</script>
</public:component>

2. Добавляем в css файл следующие строчки:

q {
  behavior: url(quotesfix.htc);
}

Все, теперь кавычки добавляются и в IE. Конечно, сделано за пять минут на коленке, возможно в будущих версиях браузера Микрософт добавит поддержку кавычек и тогда нужно будет добавлять проверку версии браузера.

P.S. Атиукс, да я знаю что это проктология, но проктологи ведь тоже люди, верно?

 

Оставить комментарий

 
  2010-05-04

Firebug Lite для IE

howto, вебмастеринг

Давно пользуюсь Firebug'ом - незаменимая вещь при работе с FF, но иногда бывает нужно по-быстрому посмотреть что творится на странице под IE - для этих целей можно использовать Firebug lite. Для этого достаточно в букмарки добавить такую ссылку. Обещают что будет работать под всеми браузерами - я тестировал только под IE.

 

 

Коментариев: 4

 
  2010-04-05

Как показывать и прятать строки таблицы

JavaScript, вебмастеринг

Давным давно стояла задача, как при помощи JavaScript прятать одни строки таблицы и показывать другие. В CSS у стиля display есть значение table-row которое как раз и применяется по умолчанию к элементам типа TR, однако в Internet Explorer поддержка табличных классов практически не реализована, поэтому прямое присваивание .style.display = 'table-row' в IE ниже восьмой версии работать не будет. Не работает также и run-in. Однако, есть одно значение display которое железно работает везде - это nodisplay.

Как при помощи nodisplay показать спрятанный элемент? Просто удаляем связанный с TR класс! Т.е. у невидимых элеменов будет класс с display:nodisplay, назовем его nodisplay у видимых этого класса не будет и они останутся видимыми. Если хотим сделать видимыми невидимые элементы а невидимые видимыми то просто удаляем невидимый класс у одних и добавляем его другим. Очень просто! Как это сразу не пришло мне в голову....

пример

row 1 row 1
row 2 row 2

 

Коментариев: 7

 
  2009-11-02

Slicehost

вебмастеринг

Сегодня зарегистрировался на сабже. Впечатления самые положительные. В качестве операционной системы выбрал Ubuntu 9.10, все настройки заняли минут пятнадцать - поставил Apache, PHP, SVN и вуаля сайт закрутился. Мне понравилось.

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

За двадцать баксов в месяц можно получить полноценный VDS с рутовым доступом  - и главное - никой cpanel! Только голая операционка и делай что хочешь. Вот оно счастье.

 

Коментариев: 2

 
  2009-10-26

говорят SVN это дырка...

программирование, вебмастеринг

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

http://habrahabr.ru/blogs/infosecurity/70330/

Upd:
чтобы запретить это безобразие просто добавьте в .htaccess или в httpd.conf:

<IfModule mod_rewrite.c>
  RewriteRule ^(.*/)?\.svn/ - [F,L]
  ErrorDocument 403 "Access Forbidden"
</IfModule>
 

Причем как то странно на одном сервере это не сработало, сработало вот это:

<DirectoryMatch "^/.*/(\.svn|CVS)/">
  Order deny,allow
  Deny from all 
</DirectoryMatch>
 

Коментариев: 2

 
  2009-08-21

Закачака файлов AJAX

программирование, JavaScript, howto, вебмастеринг

Нашел занимательный пример по закачке файлов посредством AJAX. Решение, оказывается, простое ну просто до безобразия - у формы с файлом ставится target с именем невидимого фрейма, за счет этого форма с файлом не перегружается а перегружается этот самый невидимый фрейм. Гениально!

 

Оставить комментарий

 
  2009-07-02

Скругленные углы в FF и Safari

вебмастеринг, howto, css

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

Здесь описаны примеры как в мозиле и фаерфоксе добиться скруглённых уголков. Все предельно просто:

W3C has offered some new options for borders in CSS3, of which one is border-radius. Both Mozila/Firefox and Safari 3 have implemented this function, which allows you to create round corners on box-items. This is an example:

пользователи Mozilla/Firefox и Safari 3 увидят прямоугольный бокс со скругленными углами.

 Код который это делает выглядит следующим образом:

 <div style=" background-color: #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #000;
padding: 10px;" >

Жаль IE пока такое себе не позволяет.

 

Коментариев: 1

 
  2009-06-08

Автозаполнение в формах

howto, вебмастеринг

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

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

Отключить автозаполение можно добавив атрибут autocomplete="off" причем поставить его можно как к тегу FORM так и к тегу INPUT.

Все замечательно, однако атрибут autocomplete нестандартный и если вы любите создавать валидный код то такой вариант вам не подойдет.

Нельзя ли отключить автозаполнение посредством JavaScript? Замечено, что простым присваиванием значения autocomplete="off" к объекту DOM автозаполнение не убирается поэтому многие разработчики продолжают пользоваться введением атрибута в разметку — лучше поломать валидность чем секьюрность.

Однако на днях нашел элегантнейшее решение позволяющее оставить код валидным и отключить автозаполнение:

[domelement].setAttribute('autocomplete','off');

Свойства элементам DOM можно присваивать не только напрямую но и посредством метода setAttribute и это более рекомендумемый способ. Указанный метод работает в FF и IE в других пока не тестировал.

 

Коментариев: 4

 
  2009-06-01

Выравнивание таблицы по центру

вебмастеринг, howto

Время от времени на HTML страничках наблюдаю такую конструкцию:

<center>
<table>
...
</table>
</center>

Так делать неправильно - тег center устаревший и не рекомендуется с употреблению:

The CENTER element is exactly equivalent to specifying the DIV element with the align attribute set to "center". The CENTER element is deprecated [p.38] .

Как тогда выравнять табличку по центру? Да очень просто:

<table style="margin:0 auto">
...
</table>

Указанный код работает во всех основных браузерах.

 

Оставить комментарий

разное (184)
howto (124)
программирование (108)
гад-же-ты (75)
мысли (42)
PHP (41)
JavaScript (39)
вебмастеринг (37)
linux (28)
гондураша (28)
юмор (25)
полезное (21)
движок (17)
Android (17)
софт (15)
кино (14)
деньги (14)
видео (13)
музыка (10)
беспредел (10)
путешествия (10)
интернет (9)
diy (9)
ztools (8)
книги (8)
умный дом (8)
занимательная физика (8)
языки (7)
хостинг (7)
Nokia 5800 (7)
lifehack (6)
css (6)
вебдизайн (6)
apple (5)
arduino (5)
связной (5)
прелоадер (5)
козлы (5)
oDesk (5)
занимательная юриспруденция (4)
кухня (4)
Python (4)
аниме (4)
svn (4)
software (3)
synphony (3)
рестораны (3)
энергия (3)
движек (3)
webmastering (2)
Java (2)
фото на документы (2)
Ruby on Rails (2)
спорт (2)
bash (2)
гитара (2)
дурдом (1)
C++ (1)
годнурас (1)
микросервисы (1)
SEO (1)
programming (1)
технологии (1)
наука (1)
сайты (1)
авторское право (1)
восстановить (1)
Поиск по блогу:

Valid XHTML 1.0 Strict