Français
PHP, HTML & JavaScript- Forum

3D Grafik - WebGL avec three.js

 
- page 1 -



HofK
sur une appeler Tipp de IF hin, habe je mir la fois
three.js  [...]  angeschaut. là  [...]  (entier unten) qui ersten Resultate.
 
31.01.2016  
 



 
- page 16 -



HofK
chez Discourse donnais es une pas entier klare Fragenformulierung "from China".  [...] 

là je aussi une Videowand dans den Schauraum einbringen veux, était cela pour mich intéressant.

de Mugen87 kam qui Hinweis

"Do you mean something like:  [...]  "

dans Abwandlung cet jsfiddle  habe je une rotierende Leinwand gebastelt. vous sollte montrer, dass on un Video pas seulement sur une einzelne Surface, mais aussi sur autre Geometrie projezieren peux.



là  [...]  ist es avec Ton anzuschauen.

Allerdings funktioniert cela chez mir seulement avec Firefox!
Habe maintenant aussi aucun Lust mich avec den "Zicken" qui Browser herumzuschlagen - Browserchaos, chacun pouvoir quoi il veut! 
<!DOCTYPE html>
<head>
<title> Video </title>
<meta charset="utf-8" />
</head>
<script src="three.min.92.js"></script>
<body>
<video id="video" autoplay loop 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 matériel1 = new THREE.MeshBasicMaterial( { color: 0x0000ff, side: THREE.DoubleSide } );
    var matériel2 = new THREE.MeshBasicMaterial( { color: 0xff00ff, side: THREE.DoubleSide } );
    var matériel3 = new THREE.MeshBasicMaterial( { color: 0xffff00, side: THREE.DoubleSide } );
    var materialTransparent =  new THREE.MeshBasicMaterial( { transparent: vrai, opacity: 0, wireframe: vrai, side: THREE.DoubleSide} );
    var materialVideo = new THREE.MeshBasicMaterial( { map: texture , side: THREE.DoubleSide } );
    var materials = [ matériel1, matériel1, matériel2, matériel2, materialTransparent, materialVideo ]
    mesh = new THREE.Mesh( geometry, materials );
    scene.add( mesh );
    renderer = new THREE.WebGLRenderer( { antialias: vrai } );
    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>
 
24.05.2018  
 




HofK
eh bien la fois cela Video dans den Schauraum incorporé.

avec cela es pas trop fastidieux wird, pas simple sur une glatte Surface mais entier hipp comme Curved Display.

là sich im espace un runder Spiegel est, peux on une partie des Videos aussi là 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:  matériel,  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 ]
];

cela Video selbst wird im HTML comment im vorigen Beitrag eingebunden.
 
27.05.2018  
 



c'est so un richtiger "WOW"-Fil avec 100%igem Begeisterungspotential, simple super et je suis mich maintenant déjà si je mir qui ganzen Posts trop Gemüte mener darf!
 
29.05.2018  
 




Michael
W.
à peine ist il là, taucht il encore ab.
David, cela wird quelques Zeit dauern...
 
Alle Sprachen
System: Windows 8/10, XProfan X4
Programmieren, das spannendste Detektivspiel der Welt.
29.05.2018  
 



Dauert sûrement!

qui "Online-Anzeige" funktioniert ("nur") pas, suis Cronjob-vérifier...
 
29.05.2018  
 




HofK
Meinen ordinateur musste je dans dernier Zeit très vernachlässigen. voilà pas viel passiert.

Pour cette avons autre mais appliqué gearbeitet.

ici quelques à gauche avec interessanten Sachen de prisoner849.
ce sont toujours bien sûr strukturierte et brauchbare Sachen aus denen on apprendre peux.

je speichere vous mir toujours bistrot um vous chez besoin vite zur main trop avons.

----------------------------------------------------------------------------------------------------

Wolken aus Würfeln, hüpfende Kuh avec Musik: [...]  - Demo et Code:  [...]  [...] 

Planetensimulation: [...]  - Demo et Code:  [...] 

Leuchtschein: [...]  - Demo et Code:  [...] 

Rotation: [...]  - Demo et Code:  [...] 

Linienzug avec abgerundeten Ecken: [...]  - Demo et Code: [...]  [...] 

Profil avec Ecken: [...]  - Demo et Code:  [...] 

Versetzte Kontur:  [...]  - Demo et Code:  [...] 

Gitterbox:  [...]  - Demo et Code:  [...] 

Box 1,2,3 avec abgerundeten Ecken:

1:  [...]  - Demo et Code:  [...]   [...] 

2:  [...]  - Demo et Code:  [...] 

3:  [...]  - Demo et Code:  [...]  [...] 

Globus aus Punkten: [...]  - Demo et Code:  [...]  [...] 

dessin sur Würfel et Text:  [...]  [...]  - Demo et Code:  [...] 

Wellengitter: [...]  - Demo et Code:  [...]   [...] 

-----------------------

NACHTRÄGE: Siehe Posts plus unten. 

Textur Projektion:  [...]  - Demo et Code:  [...] 

dans qui Kugel:  [...]  - Demo et Code:  [...]   [...] 

Geometrie morphen:  [...]  - Demo et Code:  [...]   [...] 

Wehende drapeau et Video (noisejs):  [...]  - Demo et Code:  [...]  [...] 

Zeichnen:  [...]  - Demo et Code:  [...]  [...] 

Bewegtes Gitter:  [...]  - Demo et Code:  [...]   [...] 

Kugel aus Längen- et Breitengraden:  [...]  Demo et Code:  [...] 

Interaktive forme :  [...]  Demo et Code:  [...] 

Unsichtbare Teile:  [...]  Code:  [...] 

prisoner849/Paul West hat mich sur une faute dans qui liste aufmerksam gemacht. il freut sich, si sa Beispiele Leuten nutzten coole Sachen avec three.js trop faire. 
 
24.06.2018  
 




HofK
Ergänzung qui Auflistung:

qui obige Auflistung wurde korrigiert (siehe Kuh - Nachtrag) et eh bien encore um Wellengitter ergänzt. Hatte je übersehen , quoique es toll ist.

encore Textur Projektion et dans qui Kugel ergänzt!
 
25.06.2018  
 




p.specht

Interessantes Nutztier, bon Song!
 
XProfan 11
Computer: Gerät, daß es in Mikrosekunden erlaubt, 50.000 Fehler zu machen, zB 'daß' statt 'das'...
25.06.2018  
 




HofK
Au cours de je momentan aus Zeitgründen pas vorwärts viens,
landet prisoner849/Paul West une Hit pour dem anderen.
dessus Geometrie morphen ergänzt.

qui recueil ist mittlerweile so intéressant, le moi überlege, wohin je vous dauerhaft bien findbar unterbringe.
 
13.07.2018  
 



hab là une kleine concept et probiere soeben quoi...
 
14.07.2018  
 



Hab la fois rumgesponnen:  [...] 

de mir échelle Test-Sujets simple effacer, devoir seulement Status
"Ständig" ou bien "Erledigt" "demonstrieren".
 
14.07.2018  
 



Habe qui Sujets et Posts dans diesem Forum  [...]  umgewidmet comme hättest Du cet verfasst. So müssten vous pas seulement ersetzt et könnten simple bearbeitet volonté.
 
14.07.2018  
 




répondre


Topictitle, max. 100 marque.
 

Systemprofile:

ne...aucune Systemprofil angelegt. [anlegen]

XProfan:

 Posting  Font  Smilies  ▼ 

s'il te plaît s'inscrire um une Beitrag trop verfassen.
 

Options du sujet

357.568 Views

Untitledvor 0 min.
Paul Glatz vor 19 Tagen
Uwe ''Pascal'' Niemeier23.03.2025
Manfred Barei18.03.2025
R.Schneider05.03.2025
plus...

Themeninformationen



Admins  |  AGB  |  Applications  |  Auteurs  |  Chat  |  protection des données  |  Télécharger  |  Entrance  |  Aider  |  Merchantportal  |  Empreinte  |  Mart  |  Interfaces  |  SDK  |  Services  |  Jeux  |  cherche  |  Support

un projet aller XProfaner, qui il y a!


Mon XProfan
Privé Nouvelles
Eigenes Ablageforum
Sujets-La liste de voeux
Eigene Posts
Eigene Sujets
Zwischenablage
Annuler
 Deutsch English Français Español Italia
Traductions

protection des données


Wir verwenden Cookies seulement comme Session-Cookies à cause de qui technischen Notwendigkeit et chez uns gibt es aucun Cookies de Drittanbietern.

si du ici sur unsere Webseite klickst ou bien navigierst, stimmst du unserer Erfassung de Informationen dans unseren Cookies sur XProfan.Net trop.

Weitere Informationen trop unseren Cookies et en supplément, comment du qui Kontrolle par-dessus behältst, findest du dans unserer nachfolgenden Datenschutzerklärung.


d'accordDatenschutzerklärung
je voudrais keinen Cookie