<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Web3D &#187; HTML5</title>
	<atom:link href="http://web3d.toborowicz.pl/tag/html5/feed/" rel="self" type="application/rss+xml" />
	<link>http://web3d.toborowicz.pl</link>
	<description>Portal interaktywnych technologii 3D w Internecie</description>
	<lastBuildDate>Sun, 03 May 2015 18:24:07 +0000</lastBuildDate>
	<language>pl-PL</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.2.38</generator>
	<item>
		<title>Co nam da HTML 5, oprócz dostępu do sprzętowego 3D</title>
		<link>http://web3d.toborowicz.pl/webgl/co-nam-da-html-5-oprocz-dostepu-do-sprzetowego-3d/</link>
		<comments>http://web3d.toborowicz.pl/webgl/co-nam-da-html-5-oprocz-dostepu-do-sprzetowego-3d/#comments</comments>
		<pubDate>Tue, 06 Dec 2011 15:01:29 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[WebGL]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[webgl]]></category>

		<guid isPermaLink="false">http://web3d.toborowicz.pl/?p=159</guid>
		<description><![CDATA[<a href="http://web3d.toborowicz.pl/webgl/co-nam-da-html-5-oprocz-dostepu-do-sprzetowego-3d/" title="Co nam da HTML 5, oprócz dostępu do sprzętowego 3D"></a>Internet jest tworem dynamicznym i jako taki wciąż się rozwija. Jedne standardy zastępują inne, kolejne wersje oprogramowania wypierają poprzednie &#8211; wraz z czasem i rozwojem technologii, pojawiają się aplikacje oferujące coraz to nowe, bardziej zaawansowane funkcje. Sieć ewoluuje, a równolegle &#8230;<p class="read-more"><a href="http://web3d.toborowicz.pl/webgl/co-nam-da-html-5-oprocz-dostepu-do-sprzetowego-3d/">Read more &#187;</a></p>]]></description>
	<a href="http://web3d.toborowicz.pl/webgl/co-nam-da-html-5-oprocz-dostepu-do-sprzetowego-3d/" title="Co nam da HTML 5, oprócz dostępu do sprzętowego 3D"></a>			<content:encoded><![CDATA[<p><img class="alignleft size-thumbnail wp-image-303" title="HTML5" src="http://web3d.toborowicz.pl/wp-content/uploads/2011/12/html5-150x150.jpg" alt="HTML5 logo" width="150" height="150" />Internet jest tworem dynamicznym i jako taki wciąż się rozwija. Jedne standardy zastępują inne, kolejne wersje oprogramowania wypierają poprzednie &#8211; wraz z czasem i rozwojem technologii, pojawiają się aplikacje oferujące coraz to nowe, bardziej zaawansowane funkcje. Sieć ewoluuje, a równolegle z tym zmieniają się oczekiwania i wymagania jej użytkowników Rozwija się także HTML, a jego najnowsza wersja &#8211; HTML5 jest już w dużej części wyspecyfikowania i zaimplementowana w wiodących przeglądarkach (<a href="http://caniuse.com/#cats=HTML5" target="_blank">link</a>).</p>
<p><span id="more-159"></span>Jednym z założeń nowego standardu jest zwiększenie semantycznosci generowanych stron &#8211; do dotychczasowych tagów dodano takie jak nav, article, aside, footer (<a href="http://blog.tiger.com.pl/www/html5-2/" target="_blank">link</a>). Pomogą one w lepszym rozumieniu treści przez roboty przeszukujące, a w rezultacie na łatwiejszą ich agregacje i wyszukiwanie (<a href="http://net.tutsplus.com/tutorials/html-css-techniques/html-5-and-css-3-the-techniques-youll-soon-be-using/" target="_blank">link</a>). HTML5 de facto nie wprowadza jednak nowych funkcji do dokumentów WWW &#8211; jest to technologia która ułatwiać ma używanie mechanizmów już spotykanych na stronach. Można tu raczej mówić o zaakceptowaniu istniejącego stanu rzeczy i ujednoliceniu sposobów jego osiągania (<a href="http://diveintohtml5.org/introduction.html" target="_blank">link</a>).</p>
<p>Zapewnia zatem HTML5 prosta obsługę i weryfikacje formularzy oraz zunifikowany interfejs do zaimplementowania metody przeciągnij i upuść (drag &amp; drop) &#8211; czyli rzeczy, które były już obecne, ale dotychczas wymagały wykorzystania skryptów JavaScript. Podobnie osadzanie na stronie plików dźwiękowych oraz video, a także interaktywnej grafiki było możliwe &#8211; z użyciem zewnętrznych pluginów (najczęściej w formacie Flash). Specyfikacja HTML5 definiuje, w jaki sposób te media powinny być obsługiwane bezpośrednio przez przeglądarkę, bez potrzeby instalowania dodatkowych wtyczek (<a href="http://dev.w3.org/html5/spec/spec.html" target="_blank">link</a>).</p>
<p>Oprócz mechanizmów do odtwarzania dźwięku, oraz kontekstu do wyświetlania wideo wraz z określonym zestawem kodeków, jednym z interfejsów zaproponowanych do zintegrowania w HTML5 jest WebGL, realizowany wewnątrz elementu Canvas &#8211; czyli płótna o zdefiniowanych rozmiarach, po którym, przy pomocy odpowiednich procedur i poleceń, można rysować. Idea tego rozwiązania, polega na tym, że przeglądarka ma zapewnić interfejs programistyczny do sprzętowo wspomaganego generowania grafiki 3D. Integracja API z modelem DOM odbywa się przy pomocy języka JavaScript. WebGL bazuje na OpenGL ES 2.0 &#8211; jest to otwarty standard zarządzany przez organizację Khronos Group (<a href="http://www.khronos.org/webgl/" target="_blank">link</a>), przeznaczony dla systemów zintegrowanych (ang. Embedded System). Systemy zintegrowane lub wbudowane, to takie, w których sprzęt i oprogramowanie zostały zaprojektowane specjalnie dla siebie, w konkretnym celu (jak na przykład telefony komórkowe, palmtopy, konsole do gier). Za przykład przeciwny, podać można komputery PC, które uważa się za systemy wszechstronne (wiele różnych konfiguracji sprzętu może obsłużyć wiele programów przeznaczonych do różnych celów).</p>
]]></content:encoded>
			<wfw:commentRss>http://web3d.toborowicz.pl/webgl/co-nam-da-html-5-oprocz-dostepu-do-sprzetowego-3d/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WebGL, czyli niskopoziomowe 3D w każdej przeglądarce</title>
		<link>http://web3d.toborowicz.pl/webgl/webgl-czyli-niskopoziomowe-3d-w-kazdej-przegladarce/</link>
		<comments>http://web3d.toborowicz.pl/webgl/webgl-czyli-niskopoziomowe-3d-w-kazdej-przegladarce/#comments</comments>
		<pubDate>Tue, 06 Dec 2011 14:57:02 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[WebGL]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[openGL]]></category>
		<category><![CDATA[web3d]]></category>
		<category><![CDATA[webgl]]></category>

		<guid isPermaLink="false">http://web3d.toborowicz.pl/?p=156</guid>
		<description><![CDATA[<a href="http://web3d.toborowicz.pl/webgl/webgl-czyli-niskopoziomowe-3d-w-kazdej-przegladarce/" title="WebGL, czyli niskopoziomowe 3D w każdej przeglądarce"></a>WebGL jest biblioteką graficzną bardzo niskiego poziomu &#8211; daje bezpośredni dostęp do wierzchołków i wykorzystuje programy cieniujące (tzw. shadery) do manipulacji geometrii (vertex shader) oraz fragmentów (fragment shader), które pisać można w języku GLSL (link). Wszystkie koncepcje z których czerpie &#8230;<p class="read-more"><a href="http://web3d.toborowicz.pl/webgl/webgl-czyli-niskopoziomowe-3d-w-kazdej-przegladarce/">Read more &#187;</a></p>]]></description>
	<a href="http://web3d.toborowicz.pl/webgl/webgl-czyli-niskopoziomowe-3d-w-kazdej-przegladarce/" title="WebGL, czyli niskopoziomowe 3D w każdej przeglądarce"></a>			<content:encoded><![CDATA[<p><img class="alignleft size-thumbnail wp-image-305" title="WebGL" src="http://web3d.toborowicz.pl/wp-content/uploads/2011/12/webgl-240x180-e1323692884849.jpg" alt="WebGL logo" width="150" height="150" />WebGL jest biblioteką graficzną bardzo niskiego poziomu &#8211; daje bezpośredni dostęp do wierzchołków i wykorzystuje programy cieniujące (tzw. shadery) do manipulacji geometrii (vertex shader) oraz fragmentów (fragment shader), które pisać można w języku GLSL (<a href="http://www.khronos.org/webgl/wiki_1_15/index.php/Getting_Started" target="_blank">link</a>). Wszystkie koncepcje z których czerpie WebGL, są już uznanymi standardami, które rozwijały się wraz z ewolucją technologii OpenGL. Oznacza to przede wszystkim, że są to rozwiązania sprawdzone i wielokrotnie wykorzystywane zarówno w wizualnie zaawansowanych grach, jak i programach graficznych. Całe stworzone oprogramowanie, może być niewielkim nakładem środków (tzn. bez potrzeby pisania całego kodu od początku) przeniesione w środowisko przeglądarki, za przykład czego może służyć chociażby konwersja gry Quake 2 (<a href="http://playwebgl.com/games/quake-2-webgl/" target="_blank">link</a>).</p>
<p><span id="more-156"></span>Istnieje wielu specjalistów znających język OpenGL, także wiele zasobów i szkoleń, wyjaśniających jego tajniki &#8211; jak wiadomo, jest to standard zupełnie otwarty, a za korzystanie z niego nie są pobierane żadne opłaty. Wszystko to stanowi bazę niezbędną do rozwoju technologii i stanowić może o jego sukcesie lub porażce. Gdyż, o ile jest to rozwiązanie niezwykle elastyczne i dający ogromne możliwości, to cechuje je wysoki stopień skomplikowania &#8211; nie sposób efektywnie wykorzystać możliwości danych przez OpenGL, jeśli nie posiada się odpowiednich umiejętności programistycznych lub nie zna się podstaw przekształceń matematycznych wykorzystywanych do generowania trójwymiarowej grafiki (<a href="http://www.khronos.org/webgl/wiki_1_15/index.php/Getting_Started" target="_blank">link</a>). Nawet wtedy, stworzenie nawet najprostszego obrazu, wymaga napisania sporej ilości linii kodu i może nie być bardzo intuicyjne, szczególnie, że jest to język stanowy (<a href="http://www.opengl-doc.com/Sams-OpenGL.SuperBible.Third/0672326019/ch02lev1sec7.html" target="_blank">link</a>) i nie korzysta z abstrakcji wyższego rzędu, jak na przykład metafora grafu sceny, często spotykana w innych rozwiązaniach.</p>
<p>Zbudowanie najprostszego sześcianu, wymaga zdefiniowania 24 trójwymiarowych współrzędnych, osobno dla każdego wierzchołka Do tego dodać należy kod niezbędny do wywołania biblioteki WebGL, otrzymania kontekstu płótna w przeglądarce, zainicjowanie programów cieniujących, zdefiniowanie kolorów wierzchołków, zaaplikowania odpowiednich transformacji w przestrzeni, ustawienia kamery, a ostatecznie wygenerowania obrazu (<a href="https://developer.mozilla.org/en/WebGL/Creating_3D_objects_using_WebGL" target="_blank">link</a>). Wraz ze zwiększeniem ilości zarządzanych elementów, z których składa się model &#8211; stopień skomplikowania rośnie bardzo szybko. Na szczęście, WebGL kontrolowany jest z poziomu języka JavaScript i istnieje wiele bibliotek, które zapewnia kontrole nad projektowaniem grafika, podczas gdy interfejs programistyczny zapewni wydajna i sprzętowo wspomagana jej generacje.</p>
<p>Jedna z niewątpliwych zalet WebGL, jest jego pełną integracja z HTMLem &#8211; zarówno programy cieniujące, jak i pozostałe elementy standardu programowane są przy pomocy skryptów JavaScript. Generowanie obrazów w kontekście elementu składowego HTML5, jakim jest canvas3D, zapewnia zgodność z modelem dostępu do obiektów w obrębie dokumentu HTML &#8211; DOM (document object model). Zagwarantowana została dzięki temu możliwość pełnej, dwukierunkowej komunikacji miedzy elementami na stronie, a tymi odpowiedzialnymi za obsługę grafiki wewnątrz kontekstu płótna. Użycie JavaScript, otworzyło także WebGL na wykorzystanie bogatego zestawu oprogramowania JS napisanego nie tylko z myślą o grafice trójwymiarowej. Jedna z bibliotek niezwykle pomocnych przy tworzeniu obrazów 3D jest Sylvester &#8211; ułatwia ona wykonywanie działań na wektorach i macierzach (<a href="http://sylvester.jcoglan.com/" target="_blank">link</a>).</p>
<p>Scena silników korzystających z WebGL nie jest jeszcze tak rozwinięta, jak tych, które współpracują z Flashem. Jest to wszak technologia dużo młodszą &#8211; pierwsza oficjalna wersja standardu została ogłoszona w marcu 2011 roku (<a href="http://www.khronos.org/news/press/releases/khronos-releases-final-webgl-1.0-specification" target="_blank">link</a>). Jednak jeszcze zanim to nastąpiło, zaczęły pojawiać się biblioteki wspomagające tworzenie przy użyciu WebGL. Pomoc ta oznacza rożne rzeczy &#8211; od zmniejszenia ilości kodu, po ułatwienie zapanowania nad logika sceny, na przykład poprzez zorganizowanie jej w graf. Jak dotąd, ciężko wskazać jeden engine który byłby najlepszy do wszelkich zastosowań &#8211; wszystkie one są wciąż w fazie rozwoju i optymalizacji. Istnieje jednak pewna grupa bibliotek, które wyróżniają się spośród reszty &#8211; bądź to stopniem zaawansowania lub obszerna dokumentacja. Niektóre z nich przedstawiono w <a title="Wpisy z kategorii WebGL" href="http://web3d.toborowicz.pl/webgl">kategorii WebGL</a>.</p>
<p>Nie wszyscy producenci oprogramowania wspierają rozwój otwartych standardów. Chociaż Microsoft nie stwierdził definitywnie, że nie zamierza wspierać WebGL w kolejnych wydaniach Internet Explorera, to jednak ani IE9 (<a href="http://learningwebgl.com/cookbook/index.php/WebGL:_Frequently_Asked_Questions#What_about_Microsoft_and_Internet_Explorer.3F" target="_blank">link</a>) (wydany w podobnym czasie co pierwsza kompletna specyfikacja WebGL 1.0), ani zapowiadany dopiero IE10 (<a href="http://blogs.msdn.com/b/ie/archive/2011/04/12/native-html5-first-ie10-platform-preview-available-for-download.aspx" target="_blank">link</a>), standardu tego nie obsługują. W zamian, proponuje sprzętowe wspomaganie dla elementu Canvas2D (<a href="http://muizelaar.blogspot.com/2011/02/drawing-sprites-canvas-2d-vs-webgl.html" target="_blank">link</a>). Ocena strategii Microsoft odnośnie kierunku rozwoju przeglądarki Internet Explorer, a także podejścia firmy do „otwartych” standardów, nie nalezą do obszarów tej publikacji &#8211; o reakcji internautów może się jednak przekonać, na przykład czytając komentarze pod oficjalna notka zapowiadająca najnowsza wersje IE (<a href="http://blogs.msdn.com/b/ie/archive/2011/04/12/native-html5-first-ie10-platform-preview-available-for-download.aspx" target="_blank">link</a>). Nie sposób wszak zignorować faktu, że niechęć twórców jednej z wiodących przeglądarek, względem WebGL, znacząco hamuje rozwój i ogranicza ogólnodostępny tej technologii.</p>
<p>Upowszechnianie tej technologii wydaje się być nieuniknione i jest tylko kwestia czasu. Twórcy standardu zaproponowali bezprecedensowe podejście w kwestii dostępu do sprzętowych zasobów domowych komputerów, które dotąd wykorzystywane były głownie przez gry i programy do modelowania. Umożliwia to nie tylko tworzenia bogatych interfejsów oraz efektownych wizualizacji na stronach www, ale otwiera drogę do aplikacji webowych niespotykanej jak dotąd jakości wizualnej. Jedna z niewątpliwych zalet formatu, jest to, że oparty jest na technologii OpenGL ES, która obsługiwana jest nie tylko w komputerach stacjonarnych i laptopach, ale także we wszelkiego rodzaju urządzaniach mobilnych, smartphone’ach i tabletach (<a href="http://www.khronos.org/conformance/adopters/conformant-companies" target="_blank">link</a>) (w przeciwieństwie do rozwiązań proponowanych przez Adobe, czy Microsoft).</p>
<ul>
<li>WebGL: <a href="http://www.khronos.org/webgl/">http://www.khronos.org/webgl/</a></li>
<li>Sylvester: <a href="http://sylvester.jcoglan.com/" target="_blank">http://sylvester.jcoglan.com/</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://web3d.toborowicz.pl/webgl/webgl-czyli-niskopoziomowe-3d-w-kazdej-przegladarce/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
