| |
| |
|
| - page 1 - |
|
HofK | sur une appeler  Tipp de IF hin, habe je mir la fois
three.js [...]  angeschaut. là [...] (entier unten) qui ersten Resultate. |
|
| |
| |
| |
|
| |
| |
| - page 11 - |
|
|
RudiB. | ByteAttack (19.12.2017)
si sich cela wirklich JEMAND ici im Forum wirklich anschaut? Wage je trop bezweifeln... je personnelle finde deine travail toll!
Correction pas böse gemeint Byte Attack......
ansonsten....cet travail, cet Hingabe.... je würdige cet travail très....si je plus Zeit hätte serait je mich volontiers plus avec cela auseinandersetzen....c'est qui Zukunft .....croyez mir, ou bien aussi pas.....cela WEB ist maintenant unsere Zukunft....cela WEB wird unser Untergang son.....
Muss pas chacun meiner attitude son... |
|
| |
| |
| |
|
|
HofK | ...  Es était doch justement Weihnachten, wohin mittendrin sur qui page [...] qui Schneemann un paquet sous den arbre geschoben hat. maintenant encore Weihnachten?
là suis je avant lauter Funktionen-Geometrie gar pas en supplément gekommen, un nouveau  pour den  trop schnüren.
Weil je mais justement la fois wieder pour qui GPU Programmation geschaut habe, peux je wenigstens une Weihnachtgruß dans forme eines à gauche senden.
cela pour Débutant [...]
et qui cela versteht [...] ist garantiert ne...aucune Débutant plus!
___________________________________________________________
 FROHES FEST 
___________________________________________________________ |
|
| |
| |
| |
|
|
p.specht
 | fleur OK (toll!), zweites Link Vollabsturz avec PC abwürgen et récente 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 avec PC abwürgen et récente starten...
cela était pas Sinn qui l'affaire! Welches Sytem (Grafikkarte / Browser) ?
avec Firefox sur meinem mittlerweile 5 Jahre altem Laptop avec mittelmäßiger Grafikkarte et defekter externer (ersetzt par une 50€ Stick USB trop HDMI aus Fermost) pour den externe 22 douane Monitor ruckelt es zwar quelque chose - allez mais.
là mon Note2 im Sommer soudain pas plus voulais, habe je un P10Lite erstanden. Selbst là dreht sich qui Weihnachtbaum ruckelnd entier gemächlich. Schaltet on den Code weg, sieht es entier réglé aus. |
|
| |
| |
| |
|
|
p.specht
| Klapprechner, Integriertes Intel HD Grafiksystem, celui-là dernier Version qui encore sans Userseitige GPU-Programmiermöglichkeit daherkam... 
Firefox quantité 64bit.
qui anderen Beispiele marcher mais! |
|
| |
| Computer: Gerät, daß es in Mikrosekunden erlaubt, 50.000 Fehler zu machen, zB 'daß' statt 'das'... | 26.12.2017 ▲ |
|
| |
|
|
HofK |  encore avant 2018 !
  ... 
____________________________
... ist qui Export einer BufferGeometry définition avec dem Addon THREEf comme JavaScript dans qui forme de Arrays fertig geworden.
on défini im Quellcode (etwa chez la ligne 150) sa Geometrie par Abwandlung/ Ergänzung qui paramètre. Bien sûr muss on sich den Quellcode, qui nécessaire weiteren Scripte et eventuell qui Grafiken auparavant herunterladen. Dann ouvrez on qui HTML Dossier im Firefox-Browser, là autre Browser bistrot aucun Grafiken magasin! ou bien on installiert sich bistrot une Webserver. chez Funktions-Parametern avec Zeitkomponente peux on ensuite une Zeit auswählen. Per Button erfolgt qui Export dans cela Browserfenster. là aucun weiteren .innerHTML Textes vorhanden sommes, peux on per Strg+A et Strg+C den kompletten JavaScript Code simple kopieren.
là alle Werte comme payons vorliegen, peux on cet per main manipuler.
qui grafische Manipulation (siehe Beitrag de avant knapp deux Wochen plus dessus) birgt encore quelques Probleme et muss jusqu'à 2018 attendre.
Ausprobieren là: [...] bzw. [...]
Aus qui Vorversion (Textes et avec ca anders):
 |
|
| |
| |
| |
|
|
HofK | mon page threejs.hofk.de besteht oui lediglich aus einer Aneinanderreihung de Inhalten/ Beispielen. vous ist entier simple "handgemacht" et mets sich aus toujours wieder kopierten et variierten Blöcken zusammen.
Zwar gibt es chez meinem Anbieter aussi une Baukasten, mais aus verschiedenen Trouvé venez qui pour mich pas du tout dans Frage.
alors habe je mich einmal umgeschaut.
il y a un très geeignetes hiesiges Angebot vollständig dans Allemand Discours. Kostenlos dans qui Einstiegsvariante avec très verträglicher Eigenwerbung. en supplément encore am PC - Windows et sur dem Tablet/Smartphone trop Travailler. [...]
j'ai den Creator pris, Dolphin ist wohl encore einfacher pour Débutant.
ensuite habe je deux Seiten gebaut. Einmal pour une entier autre l'affaire comme three.js - aussi de pas so IT-Affinen bien trop handhaben.
ensuite un Versuch avec three.js.
il y a une ganze Reihe de vorbereiteten Elementen, mais j'ai keinen Zeichenbereich pour 3D Grafik trouvé.
il peut mais HTML et JavaScript einbinden. et cela funktioniert!
mon einziges Problem ist, dass je qui Zeichenfläche pas positionné bekomme. vous ist toujours am Ende qui page encore sous dem footer.
Pour cette funktioniert qui Checkbox einwandfrei et qui Hummel "fliegt" ensuite.
qui page ist encore une chantier, c'est pourquoi ici encore ne...aucune Link.
* Findige volonté vous mais trouver. ensuite daran penser: Unfallgefahr sur Baustellen! |
|
| |
| |
| |
|
|
HofK | Habe qui  "Webbaustelle"  un peu beräumt.
qui den Link encore pas deviner hat: [...]
comment on voit, habe je cela Layout encore einmal modifié.
de Berlin sur Havanna. Letzteres hat comme einzige qui Vorlagen une 3D Touch.
avec überschaubarem Aufwand peux on sogar cela Layout bestehender Seiten - si vous pas trop umfangreich sommes - changement.
So musste je, weil es pas bien aussah, den Button-Style chez allen Buttons changement. il y a stets trois zur sélection, qui mais dans chaque Layout völlig anders wirken.
Mittendrin J'ai eu un Update de Firefox. après stellte je fest, dass qui Grafik vom Beispiel avec qui Linse (Refraktion) pas ou bien pas réglé angezeigt wird. Opera et Chrome faire es richtig. Alle anderen Beispiele sommes aussi chez Firefox ok. qui Lust hat, la fois testen. Habe bereits un Feedback à Mozilla abgesetzt. |
|
| |
| |
| |
|
|
p.specht
| Dir sûrement jadis bekannt: [...]
là gibts aussi une Kurs zur 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 mets cela voraus, qui on sich comme étudiant einschreibt. qui avons là un eigenes System. je zum Beispiel musste longtemps chercher, um enfin rauszufinden, quoi HAW eigentlich est: Hochschule pour Angewandte Wissenschaften. bof. qui Weitz ist mais didaktisch bien, il begründet alles. dans Mathe hab je selten compliquée Beweise so einleuchtend erklärt trouvé (OK, klingt pour fanpost)
Gruss aus vienne! |
|
| |
| XProfan 11Computer: Gerät, daß es in Mikrosekunden erlaubt, 50.000 Fehler zu machen, zB 'daß' statt 'das'... | 06.01.2018 ▲ |
|
| |
|
|
HofK | chez qui Visualisierung qui Quaternionen [...]
habe je HTML5 Elemente input la gamine et number benutzt et pour Firefox designed.
qui Beispiele chez three.js siehe [...]
benutzen une Bibliothèque dat.gui
Einfaches Beispiel: [...]
qui l'affaire ist pas entier récente et gibt une Struktur avant.
alors habe je mich la fois umgesehen comment on cela "frei" et beweglich avec HTML5 realisieren peux. Anfangs schien cela entier simple, jusqu'à je là [...]
le reste jadis pas überwundene Browserchaos étudier konnte.
cela kleine Beispiel sollte on alors avec Firefox ouvrir.
qui Schieber pouvoir aussi chez Firefox kleine Probleme, chez anderen Browsern funktioniert cela so pas. il faut den poutre Vous pouvez et tout de suite tirer. chez Klick sur den Schieber et tirer bewegt sich qui span.
là peux on es testen: [...]
qui Code:
<!DOCTYPE html>
<html long="en">
<head>
<meta charset="utf-8">
<title> HTML5 GUI </title>
<!--
très gute Erklärung trop den Problemen chez la gamine siehe
https://www.mediaevent.de/css/forme-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;
text-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;
text-align: center;
}
#title1 {
font-family: monospace;
background: #2327c5;
color: white;
font-size: 21px;
height: 24px;
text-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; text-align: left;">
three.js BufferGeometry - déplacer GUI and examples
</div>
<span id="pane1" draggable="true" ondragstart="drag_start(event)">
<span id="title1"> - déplacer GUI - <br /> </span>
Rotation <br />
<input type="radio" nom="choose" id="useRange">
<input type="range" id="range1" min="0" max="6.28" value="0" step="0.01" > <br />
<input type="radio" nom="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: vrai } );
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 = vrai;
// matériel
var uvTex = new THREE.TextureLoader().load( "uvgrid_w_0_9 .jpg" );
var matériel = new THREE.MeshBasicMaterial( { map: uvTex, side: THREE.DoubleSide } );
var geometry = new THREE.CylinderBufferGeometry(80, 80, 80, 10, 1, vrai);
// mesh
var mesh1 = new THREE.Mesh( geometry, matériel );
scene.add( mesh1 );
//mesh1.rotation.x = Math.PI / 2;
var alpha
animate();
//...................................
function animate() {
requestAnimationFrame( animate );
si ( useRange.checked ) {
alpha = la gamine1.value;
number1.value = alpha;
}
si ( useNumber.checked ) {
alpha = number1.value;
la gamine1.value = alpha;
}
mesh1.rotation.y = alpha;
renderer.render( scene, camera );
controls.update();
}
// drag/drop functions à partir de https://stackoverflow.com/questions/6230834/html5-drag-and-drop-anywhere-on-le-screen
function drag_start(event) {
var style = window.getComputedStyle(event.target, zéro);
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();
return faux;
}
function drag_over(event) {
event.preventDefault();
return faux;
}
</script>
</html>
|
|
| |
| |
| |
|
(461)
Deutsch
English
Français
Español
Italia