Animación de roaming de roaming de la sala de máquinas Virtual Classic 3D basada en HTML5

El uso de la primera persona en 3D debe referirse al uso de la primera persona en el juego de disparos. Desde el comienzo del género, los gráficos avanzados 3D y Pseudo -3D han desafiado el desarrollo de hardware, y los juegos multijugador son indispensables.

La captura de pantalla de Doom, uno de los juegos innovadores de este género, muestra la perspectiva típica del primer juego de disparos

Ahora, el museo o compañía también usa a menudo la animación 3D para películas promocionales, etc. La mayor ventaja de la interpretación de la animación 3D son los verdaderos sentimientos de contenido y forma. Es más intuitivo que las obras gráficas, y es más real que la animación 2D, por lo que puede dar a los espectadores más sentimientos en el entorno publicitario, mejorando en gran medida la persuasión de la publicidad. El desarrollo de la tecnología 3D incluso desafía la capacidad de reciprocidad de la audiencia, de modo que el juicio de la audiencia se separa de lo virtual y la realidad.

Además, la aplicación de efectos especiales 3D proporciona un espacio de pensamiento más amplio para la creatividad, se convierte en una garantía confiable para la implementación creativa y enriquece la forma y el estilo de creatividad. Según la interpretación del tema de la publicidad, se puede crear una atmósfera soñadora y mágica para estimular y mover a la audiencia, jugando así el propósito de comunicarse con la audiencia.

Los videos promocionales de animación 3D formarán una animación 3D, lentes de efectos especiales, video corporativo, fotos, perspectivas futuras y otro contenido. y confíe en los productos o servicios de la empresa.

Ahora que el lugar del desarrollo 3D es tan rápido, también debe agradecer a los humanos por su búsqueda de la realidad, por lo que aprender y usar 3D es una parte indispensable del éxito futuro.

El ejemplo de este artículo es ingresar a una sala de máquinas para visitar. Otra ventaja es que si desea demostrarlo al líder sin operar, ¡este líder de efecto genial estará muy satisfecho!

http://www.hightopo.com/demo/room-walkthrough/index.html

Los dos botones en la interfaz son dos botones que se agregan directamente al cuerpo del cuerpo, y el evento de clics se agrega a estos dos botones:

 <div> </div> <div> </div>

Toda la escena está formada por el componente 3D encapsulado por HT. El archivo JSON generado se introdujo en el código.

 dm = new Ht.Datamodel (); Parámetro como valor paralelo de contracción espacial

Ahora que hemos configurado un buen entorno y convertido en archivos JSON, el código no es fácil de controlar en este caso, disfrazaremos el modelo de datos de DataModel. , consulte el HT para el manual de serialización web:

 var g3d = window.g3d = new ht.graph3d.graph3dview (), dataModel = g3d.dm (), ver = g3d.getview (), path = null; data) {if (data.getName () ==

Actualmente necesitamos la puerta en la escena de la operación, así como en la ruta que vamos a tomar, atravesar el modelo de datos Datamodel para obtener estos dos datos:

 for (var i = 0; i <datamodel.size (); i ++) {var data = datEmodel.getDatas (). El nombre Window.door = data;} if (data.getName () == Path) {path = data;} if (window.door && path) {// Después de obtener los datos de la puerta y la ruta, salte del ruptura de ciclo;}}

En este ejemplo, solo hay cuatro acciones en términos de restablecer el origen, iniciar movimientos, movimiento hacia adelante y detenerse. Haga clic en el botón Inicio.

 Función startanim () {if (window.isanimationRunning) {return;} reset (); Adopción predeterminada `ht.default.animframes. proceso.

La función de reinicio aquí es la función de restablecer el origen.

 Función reset () {if (window.isanimationRunning) {return;} g3d.setcenter ([0,0,0]);

Para moverse, la ruta que debe caminar debe ser, es decir, la ruta que acabamos de obtener, a través de Window.Points = Path.getPoints () ._ As; Se establecen dos puntos para poner el ojo y el centro en escenas 3D, para que podamos crear un efecto de nuestra primera persona: somos la primera persona:

 Var Point1 = Puntos [Forwardidex], Point2 = Points [ForwardIndex + 1]; * Distancia + Distancia * Distancia) -200; // Soy

Los componentes 3D en HT tienen un método Walk (Step, Anim, Firstpersonmode), que también cambia las posiciones de ojo y centro al mismo tiempo, es decir, los ojos y el centro se mueven el mismo desplazamiento al mismo tiempo en la dirección establecida por el Dos puntos. El paso es el valor de longitud del vector de desplazamiento. Cuando el parámetro FirstPersonMode está vacío, el valor actual es utilizado por Graph3DView#ISFIRSTPERSONMODE ().

 G3d.walk (distancia, {marcos: 50, intervalo: 30, facilitar: function (t) {return t;}, finkfunc: function () {hacia adelanteindex += 1; if (puntoss.length- 2> f orwardIndex) { // /points.length = 5 g3d.setCenter: 30, faciling: function (t) {return t;}, finkfunc: function () {hacia adelante ();});} else {var lastpoint = puntos.length - 1 ] ;// JSON's el último punto de puntos g3d.setcenter Window.isanimationRunning = false;}});}}});

No importa cuánto punto sea el punto de la ruta, esta declaración de juicio aún se puede operar. Si no es el último punto, después de que el usuario gira, la función de avance se llama nuevamente. En este punto, se explica todo el código y la cantidad de código es corta, ¡pero ha hecho un proyecto tan grande!

La anterior es una animación de roaming basada en la sala de máquinas virtuales 3D basada en HTML5 que le presenté. a tiempo. ¡Muchas gracias por su apoyo al sitio web de VEVB Wulin!