Snowman 3XDOM - HTML

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <title>Snowman in X3DOM</title>
    <script type='text/javascript' src='https://www.x3dom.org/download/x3dom.js'></script>
    <link rel='stylesheet' type='text/css' href='https://www.x3dom.org/download/x3dom.css'>
</head>
<body>
    <h1>Snowman in X3DOM</h1>
    <x3d width='800px' height='600px'>
        <scene>
            <!-- Plano (suelo) -->
            <transform translation='0 -1 0'>
                <shape>
                    <appearance>
                        <material diffuseColor='0.5 0.5 0.5'></material>
                    </appearance>
                    <box size='6 0.1 6'></box>
                </shape>
            </transform>
            
            <!-- Cuerpo del muñeco de nieve -->
            <transform translation='0 0 0'>
                <shape>
                    <appearance>
                        <material diffuseColor='1 1 1'></material>
                    </appearance>
                    <sphere radius='1'></sphere>
                </shape>
            </transform>

            <transform translation='0 1.5 0'>
                <shape>
                    <appearance>
                        <material diffuseColor='1 1 1'></material>
                    </appearance>
                    <sphere radius='0.7'></sphere>
                </shape>
            </transform>

            <transform translation='0 2.6 0'>
                <shape>
                    <appearance>
                        <material diffuseColor='1 1 1'></material>
                    </appearance>
                    <sphere radius='0.5'></sphere>
                </shape>
            </transform>

            <!-- Ojos -->
            <transform translation='-0.2 2.7 0.45'>
                <shape>
                    <appearance>
                        <material diffuseColor='0 0 0'></material>
                    </appearance>
                    <sphere radius='0.07'></sphere>
                </shape>
            </transform>

            <transform translation='0.2 2.7 0.45'>
                <shape>
                    <appearance>
                        <material diffuseColor='0 0 0'></material>
                    </appearance>
                    <sphere radius='0.07'></sphere>
                </shape>
            </transform>

            <!-- Nariz (zanahoria) -->
            <transform translation='0 2.6 0.55' rotation='1 0 0 1.57'>
                <shape>
                    <appearance>
                        <material diffuseColor='1 0.5 0'></material>
                    </appearance>
                    <cone bottomRadius='0.05' height='0.3'></cone>
                </shape>
            </transform>

            <!-- Brazos -->
            <transform translation='-1 1.5 0' rotation='0 0 1 1'>
                <shape>
                    <appearance>
                        <material diffuseColor='0.3 0.15 0'></material>
                    </appearance>
                    <cylinder radius='0.05' height='1.5'></cylinder>
                </shape>
            </transform>

            <transform translation='1 1.5 0' rotation='0 0 1 -1'>
                <shape>
                    <appearance>
                        <material diffuseColor='0.3 0.15 0'></material>
                    </appearance>
                    <cylinder radius='0.05' height='1.5'></cylinder>
                </shape>
            </transform>

            <!-- Botones -->
            <transform translation='0 1.2 0.6'>
                <shape>
                    <appearance>
                        <material diffuseColor='0 0 0'></material>
                    </appearance>
                    <sphere radius='0.07'></sphere>
                </shape>
            </transform>

            <transform translation='0 1.5 0.65'>
                <shape>
                    <appearance>
                        <material diffuseColor='0 0 0'></material>
                    </appearance>
                    <sphere radius='0.07'></sphere>
                </shape>
            </transform>

            <transform translation='0 1.8 0.6'>
                <shape>
                    <appearance>
                        <material diffuseColor='0 0 0'></material>
                    </appearance>
                    <sphere radius='0.07'></sphere>
                </shape>
            </transform>

            <!-- Bufanda (cilindro en el cuello) -->
            <transform translation='0 2.1 0'>
                <shape>
                    <appearance>
                        <material diffuseColor='0.9 0.1 0.1'></material>
                    </appearance>
                    <cylinder radius='0.55' height='0.1'></cylinder>
                </shape>
            </transform>

            <!-- Bufanda (parte derecha colgante) -->
           <transform translation='-0.12 1.9 0.6' rotation='0 0 1 0.87' rotation='1 0 0 3'>
                <shape>
                    <appearance>
                        <material diffuseColor='0.9 0.1 0.1'></material>
                    </appearance>
                    <box size='0.5 0.1 0.1'></box>
                </shape>
            </transform>

            <!-- Bufanda (parte izquierda colgante) -->
            <transform translation='0.25 1.9 0.6' rotation='0 0 1 -0.87'>
                <shape>
                    <appearance>
                        <material diffuseColor='0.9 0.1 0.1'></material>
                    </appearance>
                    <box size='0.5 0.1 0.1'></box>
                </shape>
            </transform>

            <!-- Sombrero -->
            <transform translation='0 3 0'>
                <shape>
                    <appearance>
                        <material diffuseColor='0.1 0.1 0.1'></material>
                    </appearance>
                    <cylinder radius='0.5' height='0.05'></cylinder>
                </shape>
            </transform>

            <transform translation='0 3.3 0'>
                <shape>
                    <appearance>
                        <material diffuseColor='0.1 0.1 0.1'></material>
                    </appearance>
                    <cylinder radius='0.35' height='0.5'></cylinder>
                </shape>
            </transform>

            <!-- Cinta del sombrero -->
            <transform translation='0 3.15 0'>
                <shape>
                    <appearance>
                        <material diffuseColor='1 0 0'></material>
                    </appearance>
                    <cylinder radius='0.38' height='0.07'></cylinder>
                </shape>
            </transform>

        </scene>
    </x3d>
</body>
</html>

1 Like

how come you got rid of the aframe one?

I feel like it was a duplicate of the original post.