| |
| |
|
| - 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 16 - |
|
|
HofK | En Discourse gab lo una no bastante klare Fragenformulierung "from China". [...]
Desde que auch una Videowand en el Schauraum einbringen voluntad, war el para mich interessant.
Von Mugen87 kam el Referencia
"Do you mean something like: [...] "
In Abwandlung dieses jsfiddle Yo una rotierende Leinwand gebastelt. Sie debería zeigen, dass uno una Video no sólo en una einzelne Fläche, pero auch en otro Geometrie projezieren kann.
Como [...] es con Ton anzuschauen.
Aunque funktioniert en el me sólo con Firefox!
Posesiones ahora no Lust mich con el "Zicken" el Navegador herumzuschlagen - Browserchaos, cada macht qué él voluntad!
<!DOCTYPE html>
<head>
<title> Video </title>
<meta charset="utf-8" />
</head>
<script src="three.min.92.js"></script>
<body>
<video id="video" autoplay bucle crossOrigin="anonymous" webkit-playsinline style="display:none">
<source src="https://cdn.rawgit.com/mrdoob/three.js/master/examples/textures/sintel.ogv" type='video/ogg; codecs="theora, vorbis"'>
<source src="https://cdn.rawgit.com/mrdoob/three.js/master/examples/textures/sintel.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
</video>
<script>
var camera, scene, mesh, renderer;
init();
animate();
function init() {
camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 0.01, 10 );
camera.position.set( 0, 0, 2 );
scene = new THREE.Scene();
var video = document.getElementById('video' );
var texture = new THREE.VideoTexture( video );
texture.minFilter = THREE.LinearFilter;
texture.magFilter = THREE.LinearFilter;
texture.format = THREE.RGBFormat;
var geometry = new THREE.BoxBufferGeometry( 2, 1, 0.1 );
var material1 = new THREE.MeshBasicMaterial( { color: 0x0000ff, side: THREE.DoubleSide } );
var material2 = new THREE.MeshBasicMaterial( { color: 0xff00ff, side: THREE.DoubleSide } );
var material3 = new THREE.MeshBasicMaterial( { color: 0xffff00, side: THREE.DoubleSide } );
var materialTransparent = new THREE.MeshBasicMaterial( { transparent: true, opacity: 0, wireframe: true, side: THREE.DoubleSide} );
var materialVideo = new THREE.MeshBasicMaterial( { map: texture , side: THREE.DoubleSide } );
var materials = [ material1, material1, material2, material2, materialTransparent, materialVideo ]
mesh = new THREE.Mesh( geometry, materials );
scene.add( mesh );
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
}
function animate() {
requestAnimationFrame( animate );
mesh.rotation.y +=0.01;
renderer.render( scene, camera );
}
</script>
</body>
</html>
|
|
| |
| |
| |
|
|
HofK | Nun veces el Video en el Schauraum instalado.
Damit no a langweilig se, no simplemente una glatte Fläche pero bastante hipp como Curved Display.
Como se en el Raum una runder Spiegel befindet, puede ser una Teil des Videos auch hay betrachten.
var videoTexture = new THREE.VideoTexture(document.getElementById('video'));
videoTexture.minFilter = THREE.LinearFilter;
videoTexture.magFilter = THREE.LinearFilter;
videoTexture.format = THREE.RGBFormat;
var matVideo = new THREE.MeshBasicMaterial( { map: videoTexture , side: THREE.DoubleSide } );
var roundWallsArray = [
//runde Wände: material, x,z, y0,y1, rx,rz, Segmente, Startwinkel, Winkel
[ matSpray, 2,2, 0,3.5, 2,2, 12, 3.14,1.57 ],
[ matVideo, 0,4.5, 0,3.5, 2.5,2.5, 12, 3.14,3.14 ]
];
Das Video incluso se en el HTML como en el vorigen Contribución eingebunden. |
|
| |
| |
| |
|
|
 | Es así una richtiger "WOW"-Hilo con 100%igem Begeisterungspotential, simplemente Klasse y yo soy ahora ya si yo me el ganzen Beiträge a Gemüte führen darf!  |
|
| |
| |
| |
|
|
Michael
W. | Kaum es él como, taucht él ya otra vez de.
David, el se algunos Tiempo dauern... |
|
| |
| |
| |
|
|
| Dauert sicher!
El "Online-Anzeige" funktioniert ("nur") no, bin Cronjob-Prüfen... |
|
| |
| |
| |
|
|
HofK | Meinen Computer musste Yo en letzter Tiempo muy vernachlässigen. Como es no viel passiert.
Dafür haben otro aber fleißig gearbeitet.
Hier algunos Links con interessanten Sachen de prisoner849.
Das siempre klar strukturierte y brauchbare Sachen de denen uno aprender kann.
Yo speichere ellos me siempre lokal en ellos en Bedarf rápidamente a Hand a haben.
----------------------------------------------------------------------------------------------------
Wolken de Würfeln, hüpfende Kuh con Musik: [...] - Demo y Code: [...] [...]
Planetensimulation: [...] - Demo y Code: [...]
Leuchtschein: [...] - Demo y Code: [...]
Rotation: [...] - Demo y Code: [...]
Linienzug con abgerundeten Ecken: [...] - Demo y Code: [...] [...]
Perfil con Ecken: [...] - Demo y Code: [...]
Versetzte Kontur: [...] - Demo y Code: [...]
Gitterbox: [...] - Demo y Code: [...]
Box 1,2,3 con abgerundeten Ecken:
1: [...] - Demo y Code: [...] [...]
2: [...] - Demo y Code: [...]
3: [...] - Demo y Code: [...] [...]
Globus de Punkten: [...] - Demo y Code: [...] [...]
Zeichnung en Würfel y Texto: [...] [...] - Demo y Code: [...]
Wellengitter: [...] - Demo y Code: [...] [...]
-----------------------
NACHTRÄGE: Siehe Beiträge más unten.
Textur Projektion: [...] - Demo y Code: [...]
In el Kugel: [...] - Demo y Code: [...] [...]
Geometrie morphen: [...] - Demo y Code: [...] [...]
Wehende Fahne y Video (noisejs): [...] - Demo y Code: [...] [...]
Dibujar: [...] - Demo y Code: [...] [...]
Bewegtes Gitter: [...] - Demo y Code: [...] [...]
Kugel de Längen- y Breitengraden: [...] Demo y Code: [...]
Interaktive Form : [...] Demo y Code: [...]
Unsichtbare Teile: [...] Code: [...]
prisoner849/Paul West ha mich en una Fehler en el Liste aufmerksam gemacht. Er freut se, si seine Beispiele Leuten nutzten coole Sachen con three.js a hacer. |
|
| |
| |
| |
|
|
HofK | Ergänzung el Auflistung:
El obige Auflistung wurde korrigiert (siehe Kuh - Apéndice) y nun todavía en Wellengitter ergänzt. Hatte Yo übersehen  , obwohl lo toll es. 
Noch Textur Projektion y In el Kugel ergänzt! |
|
| |
| |
| |
|
|
p.specht
 | | Interessantes Nutztier, guter Song! |
|
| |
| XProfan 11Computer: Gerät, daß es in Mikrosekunden erlaubt, 50.000 Fehler zu machen, zB 'daß' statt 'das'... | 25.06.2018 ▲ |
|
| |
|
|
HofK | Während Yo actualmente de Zeitgründen no vorwärts komme,
landet prisoner849/Paul West una Hit después de el otro.
Oben Geometrie morphen ergänzt.
El Sammlung es mittlerweile así interessant, el Yo überlege, wo Yo ellos dauerhaft bien findbar unterbringe. |
|
| |
| |
| |
|
|
| | tener como una kleine Concepto y probiere soeben qué... |
|
| |
| |
| |
|
|
| Hab veces rumgesponnen: [...] 
Von me angelegte Test-Temas simplemente löschen, debería sólo Status
"Ständig" oder "Erledigt" "demonstrieren". |
|
| |
| |
| |
|
|
| | Posesiones el Temas y Beiträge en diesem Foro [...] umgewidmet como hättest Usted esta verfasst. So müssten Sie no sólo ersetzt y könnten simplemente bearbeitet voluntad. |
|
| |
| |
| |
|
(514)
Deutsch
English
Français
Español
Italia