Wat is Instructables?
Wanneer u komt om ons te bezoeken op Instructables, ziet u een reusachtige touchscreen dat belast met de medeplichtigheid van de uitleg. Op dit aanraakscherm zijn ongeveer 20.000 punten van licht, elke vertegenwoordigt een project op Instructables, de best presterende van al onze aanbevolen inhoud. Het is er om te helpen met het beantwoorden van deze vraag voor bezoekers die niet kan weten of vertrouwd zijn met het helemaal, en een idee te geven van de enorme breedte van passies in onze Gemeenschap. De Instructables Galaxy is enerzijds data-visualisatie en enerzijds interactieve tentoonstelling. Het is niet bedoeld om te graven in elk project, maar om te introduceren ze allemaal, en hun relatie tot elkaar.
De Galaxy-project werd gevoerd voor het grootste deel van een jaar op dit punt. Het gegaan door vele herhalingen. Het is nu voor het eerst klein genoeg om te werken op het web. Moet u Chrome. Deze volledig interactieve 3D demonstratie zal nemen alles wat die uw computer te bieden heeft.
VOER DE MELKWEG
Deze Instructable is over hoe de Melkweg wordt gemaakt. Ik neem u op mijn reis. Het was niet lineair. Ik begon in Kinetic.js, en sloot het vervolgens voor Three.js geraken zodat ik kon krijgen van alle sterren verplaatsen, en een beetje meer whiz-bang beweging krijgen wanneer iemand het scherm raakt. Hier is waar we heen gaan:
-Verwerking: een schets die de achtergronden genereert
-Kinetic.js: Hoe de "sterren" zijn geclusterd
-Kinetic.js: Hoe te genereren van suggestieve uitziende sterrenbeelden
-Kinetic.js: Hit-prestaties met 20.000 afzonderlijke punten, weergegeven in doek
-Three.js: Aan de slag
-Three.js: Particle systemen
-Three.js: Particle systemen in beweging
-Three.js: Een andere helderheid voor elke ster: WebGL Shaders
-Three.js: Hit-prestaties met 20.000 afzonderlijke punten in 3D
-TweenMax: Gemakkelijk animatie
-Three.js: Camera beweging
-Three.js: Post-processing & effecten: dimmen, vervagen
-Andere bibliotheken (speciale dank)