<?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>WebGL Archive - CEOsBay</title>
	<atom:link href="https://ceosbay.com/tag/webgl/feed/" rel="self" type="application/rss+xml" />
	<link>https://ceosbay.com/tag/webgl/</link>
	<description>It&#039;s all about Tech</description>
	<lastBuildDate>Sun, 16 Apr 2023 10:22:17 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.1</generator>

<image>
	<url>https://i0.wp.com/ceosbay.com/wp-content/uploads/2022/11/image.jpg?fit=32%2C32&#038;ssl=1</url>
	<title>WebGL Archive - CEOsBay</title>
	<link>https://ceosbay.com/tag/webgl/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">211828771</site>	<item>
		<title>Website &#8211; Aus ALT mach NEU</title>
		<link>https://ceosbay.com/2022/10/30/aus-alt-mach-neu/</link>
		
		<dc:creator><![CDATA[CEO]]></dc:creator>
		<pubDate>Sun, 30 Oct 2022 21:27:25 +0000</pubDate>
				<category><![CDATA[Website]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[Repository]]></category>
		<category><![CDATA[ThreeJs]]></category>
		<category><![CDATA[WebGL]]></category>
		<category><![CDATA[Webseite]]></category>
		<guid isPermaLink="false">https://ceosbay.com/?p=12</guid>

					<description><![CDATA[<p>Vor einigen Jahren ist das nachfolgende interaktive 3D Menü für meine Website entstanden, welches ich damals mit JavaScript und ThreeJS programmiert habe. Three.js ist eine browserübergreifende JavaScript-Bibliothek und Anwendungsprogrammierschnittstelle (API) zur Erstellung und für die &#8230;</p>
<p>Der Beitrag <a href="https://ceosbay.com/2022/10/30/aus-alt-mach-neu/">Website &#8211; Aus ALT mach NEU</a> erschien zuerst auf <a href="https://ceosbay.com">CEOsBay</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Vor einigen Jahren ist das nachfolgende interaktive 3D Menü für meine Website entstanden, welches ich damals mit <a href="https://ceosbay.com/2022/11/12/javascript/">JavaScript</a> und <a href="https://threejs.org" target="_blank" rel="noreferrer noopener">ThreeJS</a> programmiert habe. Three.js ist eine browserübergreifende <a href="https://ceosbay.com/2022/11/12/javascript/">JavaScript</a>-Bibliothek und Anwendungsprogrammierschnittstelle (API) zur Erstellung und für die Anzeige animierter 3D-Computergrafiken in einem Webbrowser mit WebGL. Der Quellcode wird in einem Repository auf GitHub gehostet und ist als OpenSource erhältlich. Als &#8222;<a href="https://ceosbay.com/2022/11/16/erklaerung-open-source/">Open Source</a>&#8220; wird Software bezeichnet, deren Quelltext öffentlich und von Dritten eingesehen, geändert und genutzt werden kann. <a href="https://ceosbay.com/2022/11/16/erklaerung-open-source/">Open-Source</a>-Software kann meistens kostenlos genutzt werden. Hierzu aber in späteren Beiträgen mehr.</p>



<figure class="wp-block-video"><video height="888" style="aspect-ratio: 1982 / 888;" width="1982" controls src="https://ceosbay.com/wp-content/uploads/2022/10/Bildschirmaufnahme-2022-10-30-um-22.31.52.mp4"></video></figure>



<p class="wp-block-paragraph">Die 3D Objekte wurden damals kurzerhand mit dem OpenSource 3D Programm <a rel="noreferrer noopener" href="https://www.blender.org" target="_blank">Blender</a> erstellt. Im Anschluss wurde mit ThreeJS programmiert und die 3D Objekte wurden mit Animationen und weiteren Interaktionsmöglichkeiten zum Leben erweckt.</p>



<p class="wp-block-paragraph">In den letzten Tagen habe ich angefangen, diverse Themen zu erlernen. In diesem Zusammenhang bin ich auch über <a href="https://github.com/tweenjs" target="_blank" rel="noreferrer noopener">tween.js </a>gestolpert. Eine <a href="https://ceosbay.com/2022/11/16/erklaerung-open-source/">JavaScript</a>&#8211; Engine für &#8222;vereinfachte&#8220; Animationen. Vereinfacht deshalb, da diverse Gleichungen von einem gewissen Herrn Robert Penner wesentlich optimiert und zur Verfügung gestellt wurden. </p>



<p class="wp-block-paragraph">Einige meiner Webanwendungen die ich erstelle, benötigen komplexe Berechnungen. Beispielsweise um 3D Objekte in einem Browser von A nach B zu bewegen. Dank der Hilfe von tween.js, geht dies nun wesentlich schneller. Vor allem, weil man sich nicht so viele Gedanken über die komplexen Gleichungen machen muss. Das Ergebnis könnt ihr auf der Begrüßungsseite meiner persönlichen Website oder gleich aus der nachfolgenden Bildschirmaufnahme entnehmen.</p>



<figure class="wp-block-video"><video height="888" style="aspect-ratio: 1982 / 888;" width="1982" controls muted src="https://ceosbay.com/wp-content/uploads/2022/10/Bildschirmaufnahme-2022-10-30-um-21.53.51.mp4"></video><figcaption class="wp-element-caption">&#8222;Neues&#8220; bzw. modifiziertes interaktives 3D Menü auf der Website</figcaption></figure>



<h3 class="wp-block-heading">Interoperabilität</h3>



<p class="wp-block-paragraph">Diese Art der Visualisierung soll interaktiv darstellen, dass alle Bereiche, die ich so in meinem Portfolio, durchaus miteinander kompatibel sind.</p>



<p class="wp-block-paragraph">Ein kurzes Beispiel hierfür: </p>



<p class="wp-block-paragraph">Man erstellt hochwertige 3D Laser-Scans des Interieurs undAußenanlage eines Unternehmens. In der Regel durch den Einsatz von Luft- und Boden-Laser-Scannern. Im Anschluss ein bis auf ein hundertstel Millimeter präzises digitales Abbild des Firmengebäudes und des Firmenareals. Optimiert und konvertiert man die Point Cloud in ein konventionelles 3D Modell (3d Mesh), kann man dieses im Anschluss verwenden, um mit Hilfe von diversen Tools, die Produktionsabläufe zu optimieren oder aber auch Umbauten oder Anbauten besser zu planen. </p>



<p class="wp-block-paragraph">Selbstverständlich dienen all diese Daten auch der Dokumentation. Denkt man zurück, an den Brand von Notre-Dame in Paris 2019, konnten dank solcher Scans, die vorher zur Erstellung von Spielewelten erstellt wurden, manche Teile die bei dem Brand zerstört wurden, wesentlich akkurater wiederhergestellt werden. Bedenkt man die Tatsache, dass von derart alten Gebäuden größtenteils keine Baupläne erhältlich sind, können auch diese anhand von Laser Scans, dementsprechend präzise erstellt werden. Im kleineren Maßstab lassen sich auch Ersatzteile oder neue Teile für Produkte im 3D-Druck-Verfahren erstellt werden. Die Möglichkeiten sind geradezu unbegrenzt und werden mit Sicherheit noch in den zukünftigen Blogbeiträgen zu Wort gebracht.</p>
<p>Der Beitrag <a href="https://ceosbay.com/2022/10/30/aus-alt-mach-neu/">Website &#8211; Aus ALT mach NEU</a> erschien zuerst auf <a href="https://ceosbay.com">CEOsBay</a>.</p>
]]></content:encoded>
					
		
		<enclosure url="https://ceosbay.com/wp-content/uploads/2022/10/Bildschirmaufnahme-2022-10-30-um-21.53.51.mp4" length="1901008" type="video/mp4" />
<enclosure url="https://ceosbay.com/wp-content/uploads/2022/10/Bildschirmaufnahme-2022-10-30-um-22.31.52.mp4" length="1395462" type="video/mp4" />

		<post-id xmlns="com-wordpress:feed-additions:1">12</post-id>	</item>
	</channel>
</rss>
