HelloX3DOM.html
À propos du fichier
- 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: hier
- Statistiques
- La présente page de téléchargement a été vue 921 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 HelloX3DOM.html sur le Web et les réseaux sociaux:
Télécharger le fichier HelloX3DOM.html
Télécharger HelloX3DOM.html
