| |
|
|
- Página 1 - |
|
 HofK | Auf una heißen Tipp de IF hin, Yo me de tiempo three.js [...] angeschaut. Como [...] (bastante unten) el ersten Resultate. |
|
|
| |
|
|
| |
|
- Página 11 - |
|
|
 RudiB. | ByteAttack (19.12.2017)
Ob se el wirklich JEMAND hier en el Foro wirklich anschaut? Wage Yo a bezweifeln... Yo persönlich finde deine Arbeit toll!
Corrección no böse gemeint Byte Attack...... ansonsten....esta Arbeit, esta Hingabe.... Yo würdige esta Arbeit muy....si yo mehr Tiempo hätte sería Yo mich gerne mehr así auseinandersetzen....el Es el Zukunft .....glaubt me, oder auch no.....Das WEB es ahora unsere Zukunft....Das WEB se unser Untergang ser..... Muss no cada meiner Meinung ser... |
|
|
| |
|
|
|
 HofK | ... Lo war doch gerade Weihnachten, wo mittendrin en el Página [...] el Schneemann una Paket bajo el Baum geschoben ha. Jetzt ya otra vez Weihnachten?
Como bin Yo antes lauter Características-Geometrie nada dazu gekommen, una neues para el a schnüren.
Weil Yo aber gerade veces otra vez después de el GPU Programación geschaut habe, kann Yo wenigstens una Weihnachtgruß en Form uno Links senden.
Das para Principiante [...] 

y wer el versteht [...] es garantiert kein Principiante mehr!

___________________________________________________________
FROHES FEST 
___________________________________________________________ |
|
|
| |
|
|
|
 p.specht
 | Blume OK (toll!), zweites Link Vollabsturz con PC abwürgen y neu starten... Gruss |
|
|
| XProfan 11Computer: Gerät, daß es in Mikrosekunden erlaubt, 50.000 Fehler zu machen, zB 'daß' statt 'das'... | 25.12.2017 ▲ |
|
|
|
|
 HofK | p.specht (25.12.2017)
Vollabsturz con PC abwürgen y neu starten...
Das war no Sinn el Sache! Welches Sytem (Grafikkarte / Navegador) ?
Mit Firefox en mi mittlerweile 5 Jahre altem Laptop con mittelmäßiger Grafikkarte y defekter externer (ersetzt por una 50€ Stick USB a HDMI de Fermost) para el externo 22 Zoll Monitor ruckelt lo zwar algo - va aber.
Como mein Note2 en el Sommer plötzlich no mehr quería, Yo una P10Lite erstanden. Selbst como dreht se el Weihnachtbaum ruckelnd bastante gemächlich. Schaltet uno el código weg, sieht lo bastante ordentlich de. |
|
|
| |
|
|
|
 p.specht
 | Klapprechner, Integriertes Intel HD Grafiksystem, jene letzte Versión el todavía sin Userseitige GPU-Programmiermöglichkeit daherkam...  Firefox Quantum 64bit. El otro Beispiele klappen aber! |
|
|
| Computer: Gerät, daß es in Mikrosekunden erlaubt, 50.000 Fehler zu machen, zB 'daß' statt 'das'... | 26.12.2017 ▲ |
|
|
|
|
 HofK | Noch antes 2018 !
...  ____________________________
... es el Export uno BufferGeometry Definition con el Addon THREEf como JavaScript en el Form de Arrays fertig geworden.
Man definiert en el Quellcode (etwa en Línea 150) seine Geometrie por Abwandlung/ Ergänzung el Parámetro. Natürlich muss uno se el Quellcode, el benötigten más Scripte y eventuell el Gráficos vorher herunterladen. Dann öffnet uno el HTML Expediente en el Firefox-Navegador, como otro Navegador lokal no Gráficos invitar! Oder uno installiert se lokal una Webserver. En Funktions-Parametern con Zeitkomponente puede ser entonces una Tiempo auswählen. Per Button es el Export en el Browserfenster. Como No más .innerHTML Textos disponible son, puede ser por Strg+A y Strg+C el kompletten JavaScript Code simplemente kopieren.
Como todos Werte como Pagar vorliegen, puede ser esta por Hand manipulieren.
El grafische Manipulation (siehe Contribución de antes knapp zwei Wochen más oben) birgt todavía algunos Problemas y muss a 2018 warten.
Ausprobieren hay: [...] o. [...] 

Aus el Vorversion (Textos todavía algo anders):
 |
|
|
| |
|
|
|
 HofK | Mi Página threejs.hofk.de besteht sí lediglich de uno Aneinanderreihung de Inhalten/ Beispielen. Sie es bastante simplemente "handgemacht" y setzt se de siempre otra vez kopierten y variierten Blöcken zusammen.
Zwar hay en mi Anbieter auch una Baukasten, aber de verschiedenen Gründen kommt el para mich überhaupt no en Cuestión.
Also Yo mich una vez umgeschaut.
Lo son una muy geeignetes hiesiges Angebot vollständig en deutscher Lingua. Kostenlos en el Einstiegsvariante con muy verträglicher Eigenwerbung. Dazu todavía al PC - Windows y en el Tablet/Smartphone a bearbeiten. [...] 
Yo habe el Creator genommen, Dolphin es wohl todavía einfacher para Principiante.
Dann Yo zwei Páginas gebaut. Einmal para una bastante otro Sache como three.js - auch de no así IT-Affinen bien a handhaben.

Dann una Intento con three.js.
Lo son una todo Reihe de vorbereiteten Elementen, pero yo habe no Zeichenbereich para 3D Grafik gefunden.
Se puede aber HTML y JavaScript einbinden. Und el funktioniert!
Mein einziges Problema es, dass Yo el Zeichenfläche no positioniert bekomme. Sie es siempre al Ende el Página todavía bajo el footer.

Dafür funktioniert el Checkbox einwandfrei y el Hummel "fliegt" entonces.
El Página es ni Baustelle, deshalb hier todavía kein Link. * Findige voluntad ellos aber encontrar. Dann daran denken: Unfallgefahr en Baustellen! |
|
|
| |
|
|
|
 HofK | Posesiones el "Webbaustelle" una wenig beräumt.
Wer el Link todavía no erraten ha: [...] 

Como uno sieht, Yo el Layout todavía una vez cambiado. Von Berlin en Havanna. Letzteres ha como einzige el Vorlagen una 3D Touch.
Mit überschaubarem Aufwand puede ser incluso el Layout bestehender Páginas - si ellos no a umfangreich son - ändern.
So musste Yo, porque no bien aussah, el Button-Style en allen Buttons ändern. Lo son stets drei a Auswahl, el aber en cada Layout völlig anders wirken.
Mittendrin Tuve una Actualización de Firefox. Danach stellte Yo fest, dass el Grafik vom Ejemplo con el Linse (Refraktion) no oder no ordentlich adecuado se. Opera y Chrome hacer lo correcto. Todos los demás Beispiele son auch en Firefox ok. Wer Lust ha, veces testen. Posesiones ya una Feedback a Mozilla abgesetzt. |
|
|
| |
|
|
|
 p.specht
 | Usted sicher längst bekannt: [...]  Dort gibts auch una Kurs a three.js  |
|
|
| XProfan 11Computer: Gerät, daß es in Mikrosekunden erlaubt, 50.000 Fehler zu machen, zB 'daß' statt 'das'... | 06.01.2018 ▲ |
|
|
|
|
 HofK | |
|
| |
|
|
|
 p.specht
 | Vermutlich setzt el voraus, daß uno se como Student einschreibt. El haben como una propio Sistema. Yo para Ejemplo musste largo suchen, en endlich rauszufinden, qué HAW eigentlich heißt: Hochschule para Angewandte Wissenschaften. Naja. Der Weitz es aber didaktisch bien, él begründet alles. In Mathe tener Yo selten komplizierte Beweise así einleuchtend erklärt gefunden (OK, klingt después de fanpost) Gruss de Wien! |
|
|
| XProfan 11Computer: Gerät, daß es in Mikrosekunden erlaubt, 50.000 Fehler zu machen, zB 'daß' statt 'das'... | 06.01.2018 ▲ |
|
|
|
|
 HofK | En Visualisierung el Quaternionen [...]  Yo HTML5 Elemente input range y number benutzt y para Firefox designed.
El Beispiele en three.js siehe [...]  benutzen una Biblioteca dat.gui
Einfaches Ejemplo: [...] 
El Sache es no bastante neu y son una Struktur antes.
Also Yo mich veces umgesehen cómo hacerlo "frei" y beweglich con HTML5 realisieren kann. Anfangs schien el bastante simplemente, a Yo hay [...]  el todavía längst no überwundene Browserchaos studieren podría.
Das kleine Ejemplo debería uno also con Firefox abierto.

Der Schieber macht auch en Firefox kleine Problemas, en otro Browsern funktioniert el así no. Man muß el Balken anklicken y inmediatamente ziehen. En Clic en el Schieber y ziehen bewegt se el span.
Como puede ser lo testen: [...] 
Der Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> HTML5 GUI </title>
<!--
muy gute Erklärung a el Problemen en range siehe
https://www.mediaevent.de/css/form-formulare.html
-->
<style>
#pane1 {
overflow: hidden;
position: absolute;
top: 80px;
left: 20px;
width: 250px;
height: 260px;
z-index: 99;
background: #ffffff;
border: 2px solid #2323c5;
border-radius: 6px;
padding: 0px;
texto-align: center;
}
#pane2 {
overflow: hidden;
position: absolute;-157,-11,pane1
left: 20;
top: 460px;
width: 200px;
height: 160px;
z-index: 95;
background: rgba(255,255,0,0.95);
border: 2px solid #eeee00;
border-radius:6px;
padding: 0px;
texto-align: center;
}
#title1 {
font-family: monospace;
background: #2327c5;
color: white;
font-size: 21px;
height: 24px;
texto-align: center;
}
input[type="range"] { width: 180px }
</style>
</head>
<body ondragover="drag_over(event)" ondrop="drop(event)" >
<div style="position: absolute; top: 10px; left: 10px; texto-align: left;">
three.js BufferGeometry - move GUI and examples
</div>
<span id="pane1" draggable="true" ondragstart="drag_start(event)">
<span id="title1"> - move GUI - <br /> </span>
Rotation <br />
<input type="radio" name="choose" id="useRange">
<input type="range" id="range1" min="0" max="6.28" value="0" step="0.01" > <br />
<input type="radio" name="choose" id="useNumber" checked="checked">
<input type="number" id="number1" min="0" max="6.28" value="0" step="0.1" >
</span>
<span id="pane2" draggable="true" ondragstart="drag_start(event)">
Examples
<img src="further_examples.png" width="159" height="96">
</span>
</body>
<script src="three.min.89.js"></script>
<script src="OrbitControls.js"></script>
<script src="THREEx.WindowResize.js"></script>
<script>
'use strct'
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 20000 );
camera.position.set( 250, 100, 60 );
var renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setSize( window.innerWidth, window.innerHeight );
renderer.setClearColor( 0xdddddd, 1 );
//var container = document.getElementById( 'divMain' );
var container = document.createElement('div');
document.body.appendChild( container );
container.appendChild( renderer.domElement );
THREEx.WindowResize( renderer, camera );
var controls = new THREE.OrbitControls( camera, renderer.domElement );
controls.enableZoom = true;
// material
var uvTex = new THREE.TextureLoader().load( "uvgrid_w_0_9 .jpg" );
var material = new THREE.MeshBasicMaterial( { map: uvTex, side: THREE.DoubleSide } );
var geometry = new THREE.CylinderBufferGeometry(80, 80, 80, 10, 1, true);
// mesh
var mesh1 = new THREE.Mesh( geometry, material );
scene.add( mesh1 );
//mesh1.rotation.x = Math.PI / 2;
var alpha
animate();
//...................................
function animate() {
requestAnimationFrame( animate );
if ( useRange.checked ) {
alpha = range1.value;
number1.value = alpha;
}
if ( useNumber.checked ) {
alpha = number1.value;
range1.value = alpha;
}
mesh1.rotation.y = alpha;
renderer.render( scene, camera );
controls.update();
}
// drag/drop functions from https://stackoverflow.com/questions/6230834/html5-drag-and-drop-anywhere-on-the-screen
function drag_start(event) {
var style = window.getComputedStyle(event.target, null);
var str = (parseInt(style.getPropertyValue("left")) - event.clientX) +',' + (parseInt(style.getPropertyValue("top")) - event.clientY)+ ',' + event.target.id;
event.dataTransfer.setData("Text",str);
}
function drop(event) {
var offset = event.dataTransfer.getData("Text").split(',');
var dm = document.getElementById(offset[2]);
dm.style.left = (event.clientX + parseInt(offset[0],10)) +'px';
dm.style.top = (event.clientY + parseInt(offset[1],10)) +'px';
event.preventDefault();
volver falso;
}
function drag_over(event) {
event.preventDefault();
volver falso;
}
</script>
</html>
|
|
|
| |
|
|