Hébergeur de fichiers indépendant

HelloX3DOM.html

À propos

Type de fichier
Fichier HTML de 2 Ko (text/html)
Confidentialité
Fichier public, envoyé le 30 octobre 2017 à 22:15, depuis l'adresse IP 87.24.x.x (IT)
Sécurité
Ne contient aucun Virus ou Malware connus - Dernière vérification: 7 heures
Statistiques
La présente page de téléchargement a été vue 160 fois depuis l'envoi du fichier
Page de téléchargement

Aperçu du fichier


    <html> 
    <head> 
        <title>My first X3DOM page</title> 			
        <script type='text/javascript' src='http://www.x3dom.org/download/x3dom.js'> </script> 
        <link rel='stylesheet' type='text/css' href='http://www.x3dom.org/download/x3dom.css'></link> 
        <style>
            x3d			
			{
				border:2px solid darkorange;        
				background: rgba(128, 128, 128, 0.4);       
			}

			body
			{     
				font-size:110%;
				font-family:verdana, sans-serif;
				background-image: url('pattern.png');
				margin: 3em;
				color: lightgray;
			}
			
			h1
			{
				color: darkorange;
			}
        </style>
    </head> 
    <body> 
        <h1>Hello, X3DOM!</h1> 
        <p> 
            This is my first html page with some 3d objects. 
        </p>
		<script> 
			 function changeColor()
			 {
				if(document.getElementById("color").getAttribute('diffuseColor')=="1 0 0")
				   document.getElementById("color").setAttribute('diffuseColor', '0 0 1');
				else if(document.getElementById("color").getAttribute('diffuseColor')=="0 0 1")
				   document.getElementById("color").setAttribute('diffuseColor', '0 1 0');
				else
				   document.getElementById("color").setAttribute('diffuseColor', '1 0 0');
			 }
		</script> 
		<x3d width='600px' height='400px'> 
			<scene> 
			<shape onclick="changeColor();">  
				<appearance> 
				<material id="color" diffuseColor='1 0 0'></material>
				</appearance> 
				<box></box> 
			</shape> 
			<transform translation='-3 0 0'> 
			<shape> 
				<appearance> 
				<material diffuseColor='0 1 0'></material> 
				</appearance> 
				<cone></cone> 
			</shape> 
			</transform> 
			<transform translation='3 0 0'> 
			<shape> 
				<appearance> 
				<material diffuseColor='0 0 1'></material> 
				</appearance> 
				<sphere></sphere> 
			</shape> 
			</transform> 
			</scene> 
		</x3d> 
	</body> 
</html>  


Partager le fichier


Télécharger HelloX3DOM.html


Télécharger HelloX3DOM.html