Universo de Instructables en Three.js (9 / 13 paso)

Paso 9: Three.js: Hit-Performance con 20.000 puntos en 3D

ThreeJS nos ha conseguido una manera larga. En vez de 20.000 puntos planos, inmóviles, ahora tenemos 20.000 puntos en tres espacio, girando alrededor de centros irregulares y con la última promesa que podemos animar la cámara, demasiado y realmente explorar dentro de la galaxia.

Pero cuando toca una estrella, ¿qué tan rápido puede ThreeJS localizar? Bastante rápido resulta. A partir de este escrito, ThreeJS no soporta raycaster intersecciones para ParticleSystems (womp womp) pero afortunadamente alguien mas esta averiguado. Hay un montón de horquillas puede utilizar, o simplemente Ponte el código en la biblioteca y reconstruir una copia personalizada. Esto es lo que agregaría a Raycaster.js (adaptado de código similar que encontré, como aquí):

Una vez que la biblioteca está construida apropiadamente (te dejo esto como un ejercicio para el lector), la intersección del tap de un usuario o clic del ratón es bastante sencillo: es un raycaster utilizando la posición actual de la cámara, la escena y el (x, y) coordenadas de click del usuario. Pseudo código:

La realidad del código para este proyecto, con sus múltiples particlesystems y el deseo de encontrar la intersección más cercana entre las intersecciones de todos los particlesystems es algo más compleja. Además, como bien explica por Jens Arps, hay algunos carne de misterio al girar un punto de la pantalla en un vector 3d (ver esto en mi código también: tres nuevos. Vector3 ((e.clientX / Galaxy.Settings.width) * 2-1,-(e.clientY / Galaxy.Settings.height) * 2 + 1, 0.5)):

Y resulta ser bastante ágil.

Artículos Relacionados

Cómo crear una cuenta de Instructables

Cómo crear una cuenta de Instructables

cómo a lo más grande desde la invención de gafas de TV!!Y todo lo que necesitas es:[] Un equipo de trabajo con conexión a internet (usas uno ahora mismo.)[] A versión reciente de Java (recomendado pero no necesario).[] Una versión reciente de Flash (
Ser artista en residencia en Instructables

Ser artista en residencia en Instructables

soy Samuel Bernier, conocido como Patenteux du Nord. Soy diseñador industrial, un fabricante, un granjero, un viajero y un trabajador. Pasé las últimas tres semanas en "artista en residencia". (Me encanta este título). Esto prácticamente signifi
El universo dentro de un mármol de impresión 3D

El universo dentro de un mármol de impresión 3D

Este instructivo le guiará por el proceso de partículas suspendidas en un mármol claro de la impresión en 3D. Incluye simulación de partículas, conversión de las partículas a polígonos, exportación de asambleas y la impresión de múltiples material.Qu
BRICOLAJE auto activado universo privado

BRICOLAJE auto activado universo privado

este es mi primer siempre Instructables subir así que por favor, ser amable conmigo.Hice esto para una pequeña galería en un ARI llamada a Constanza en Hobart, Tasmania, Australia y fue diseñado específicamente para ser activado cuando la gente mire
Últimos proyectos/Pre Instructables...

Últimos proyectos/Pre Instructables...

I wish I would have found Instructables two or three years ago. Pude haber contribuido un heck de mucho más. Con mi reciente movimiento inevitable que he decidido recopilar algunas imágenes de proyectos anteriores en mi casa actual y publicarlos.List
Doctor que tiempo Crack en el universo de luz de pared

Doctor que tiempo Crack en el universo de luz de pared

Si construir un TARDIS es demasiado intimidante para usted, ¿qué le parece lo mejor, tener una grieta en el tiempo y el espacio aparecen en su propia habitación? Este instructable le mostrará cómo hacer un facsímil razonable sin desatar las fuerzas p
Cómo: construir tu propio universo

Cómo: construir tu propio universo

Este instructable es un ejercicio rápido para iniciarte en el negocio de la construcción del universo.Materiales necesarios:-tiempo (s)-espacio (m)Paso 1: Definir el espacio-tiempoPrimero tendrá que definir la relación entre espacio y tiempo con una
Simulación del universo en su ordenador portátil

Simulación del universo en su ordenador portátil

Hey!Bienvenido a este impresionante instructable donde vamos a hacer una simulación desde el principio del universo en su ordenador portátil simple. El programa que uso es Adobe After Effects, y fácilmente puede descargar la versión gratuita de la mi
Sobrevivir en el salvaje, el más singular instructable hasta la fecha

Sobrevivir en el salvaje, el más singular instructable hasta la fecha

sólo han despertado para encontrarse en el suelo en la naturaleza.  Antes de levantarse de la posición supina te das cuenta de que, además de no estar en su propia cama caliente, ha despertado en la maleza debajo del dosel de lo que tal vez un bosque
Cadena de instructables increíble arte de la pared

Cadena de instructables increíble arte de la pared

Mi nombre es Ashish Kumar y este es mi primer proyecto de la cadena. Espero que todos ustedes como este.Material utilizadoLos siguientes son el material utilizado para la construcción de este logotipo:1.String.2 papeles (para la impresión de la insig
Ganchillo gorro cuadrado - Robot Instructable, esponja Bob y WALL-E

Ganchillo gorro cuadrado - Robot Instructable, esponja Bob y WALL-E

Uno de los proyectos que ha estado nadando alrededor en mi cabeza fue este sombrero estilo "cuadrado", también llamado un sombrero de bufón. No pude resistirme a participar en el concurso de Robot Instructable así este Instructable es un product
Cruz Instructables Robot

Cruz Instructables Robot

Fijé una solicitud en este tema del foro para el concurso de robot de Instructables! Aunque no obtengo ninguna respuesta pero estaba realmente sorprendido y emocionado cuando una sierra Instructables ha lanzado finalmente 'Instructables robot concurs
Instructable vistas y favoritos comprobador automatizado

Instructable vistas y favoritos comprobador automatizado

Como un usuario de Instructables, en algún momento pensé en tener una simple herramienta automática que puede consultar las opiniones y favoritos de mi Instrucatbles de Instructables.com sitio sin mi realidad buscando en la aplicación.Instructable vi
Oficial Robot de Instructables de Papercraft!

Oficial Robot de Instructables de Papercraft!

¡ Felicidades! Han decidido entrar en el fabuloso mundo de oficial Instructables Robot manualidades en papel. Con pocos suministros (esperemos) tiene alrededor de la casa, se puede construir un compañero de escritorio, un guardián del televisor remot