WebGL - це одна з можливих технологій для Інтернету майбутнього, де Інтернет буде створений не лише статичними сайтами, а й інтерактивними 3D-додатками . WebGL - це технологія, яка в даний час просувається Google і Mozilla і яка розширює можливість Javascript генерувати 3D графіку без будь-яких плагінів. У цій вітрині ми бачимо 30 найкращих експериментальних сайтів, розроблених за допомогою WebGL, які просто натискають і переглядають, оскільки в багатьох випадках вражаючі !
Щоб відкрити ці сайти, потрібен браузер Google Chrome або остання версія Firefox або Safari ; на даний момент їх не видно в Internet Explorer.
Кожен із цих сайтів, після їх відкриття, варто переглянути їх у повноекранному режимі, натиснувши клавішу F11 на клавіатурі.
ЧИТАЙТЕ ТАКОЖ: Найкращі флеш-сторінки та HTML5-сайти, найкрасивіші, анімовані та інтерактивні
1) Інтерактивні відеоролики
- 3 мрії про чорний - це віртуальний світ, побудований з малюнків та анімацій, які переплітаються в інтерактивних 3D-послідовностях.
- Акваріум - це справжній акваріум, де імітується підводне середовище. Демонстрація пропонує тривимірні рибні моделі з якісною текстурою, анімацією, піксельними шейдерами та всім необхідним, щоб зробити зображення абсолютно реалістичним. У лівому меню ви можете змінити камеру та збільшити кількість риби.
- Поїздка аттракторів - це інтерактивна демонстрація, де можна відчути поїздку в гіперпросторі в 3D. Ви можете прискорити стрілки на клавіатурі вгору та вниз і змінити обертання ліворуч та праворуч.
- Медузи - це медузи, відтворені науково та реалістично.
- Wobble Dance - прекрасне відео, де обличчя рухається з дуже тривожною музикою.
- Cirque De Soleil, який танцює та співає в інтерактивному відео, - це "Експеримент Chrome", який рекламує Google.
- Відеоролик до фільму «Великий і потужний Майстер з Оза» був інтерактивним додатком на HTML5, італійською мовою, розробленим Disney та Google.
2) Автомобілі Три прекрасні майданчики присвячені любителям гоночних автомобілів та Ferrari Formula One.
- У HelloRacer ви можете керувати Ferrari, вірно відтвореним у 3D, використовуючи стрілки та слідкуючи за його рухом, як у відеоігри.
- Ще один 3D-сайт також присвячений автомобілям: Матеріали легкових автомобілів, де відтворюються моделі автомобілів Lamborghini Gallardo, Bugatti Veyron, Ferrari F50 та Chevrolet Camaro, і ви також можете вибрати колір.
- Третій сайт - WebGL Cars, де можна керувати двома гоночними автомобілями, які переглядаються в 3D під різними кутами. Одна машина ведеться зі стрілками, інша - клавішами WASD; натискання клавіші B надає ефект швидкості, тоді як за допомогою N ви можете встановити нічний погляд.
3) Створення
- Колекційний принтер - це веб-додаток, де ви можете створити 3D-фігуру людини за допомогою простого редактора.
Це без сумніву, що WebGL можна використовувати для розробки веб-додатків, і цей 3D-дизайнер малюнків збирається змусити вас посміхнутися його веселими компонентами та безперебійною роботою користувачів.
Зрештою, ви можете поділитися своїм творінням за допомогою посилання.
- Веб-лабораторія Google - це набір експериментів в Інтернеті, серед яких найкращим є той оркестр, де ви можете грати в інтерактивний секвенсор. Він безпосередньо пов'язаний з Лондонським науковим музеєм. Є також Tracer Data для пошуку зображень у світі, Teleporter, для перегляду веб-камер в інших країнах та Sketchbots, щоб побачити намальоване обличчя.
- ескіз - це дошка, на якій можна малювати мишкою; кожну конструкцію можна повернути на 360 градусів.
Інші приємні сайти для творчості - у статті Створення абстрактного мистецтва та картин та малюнків в Інтернеті
4) Інтернет-ігри в WebGL - Pacman з суб'єктивним виглядом FPS - чудова, саме Pac Man гра в 3D навіть ніколи не виходила на Playstation!
TankWorld - гра-шутер з різними картами для вивчення та різних рівнів для гри.
- Playmapscube - це гра, в якій можна закатати кулю в куб Google Maps, про який я згадував кілька місяців тому, у статті про ігри на базі Карт Google, встановлені в реальному світі.
5) Фото маніпуляція - Rutt-Etra-Izer - це веб-додаток, куди ви можете завантажити фотографію та переглянути її у 3D із дуже особливим ефектом. Для збереження зображення ви можете натиснути клавішу S, праворуч ви можете налаштувати дисплей, переміщуючи різні параметри.
- WebGl Filter - це справжнє інтерактивне додаток для редагування фотографій, куди ви можете завантажувати фотографію та переміщувати різні параметри для застосування різних ефектів та редагування зображень.
5) Twitter
Ultranoir - це 3D-анімоване відео, яке інтегрується з Twitter.
Ви можете вказати хештег, можливо, той, який найбільше згадується у Twitter сьогодні, - це читати різні твіти, які проводяться літаючими об’єктами, літаками, космічними кораблями, всі приправлені романтичною музикою та спокійною атмосферою.
Перемістивши мишу та клацнувши, ви можете змінити подання.
6) Google Chrome експерименти - це сторінка експериментів Google WebGL, що включає: - BookCase WebGL - це віртуальна книгарня, де ви можете переглядати 10 000 обкладинок книг Google Books.
Ви також можете шукати за темами, відкривати 3D-модель і завантажувати книги на свій мобільний телефон за допомогою QR-коду.
На жаль, збираються лише книги, написані англійською мовою.
- Gravity Google - це приємний спосіб пошуку в Google, коли фрагменти сторінки падають на землю.
Google Gravity - один з найкращих жартів Google.
- Басейновий басейн, де можна пограти з кульками.
- WordFlight дозволяє бачити маршрути всіх основних літаків, фільтруючи їх по компанії.
- StreetView StereoGraphic - це веб-додаток, де з одного боку є Карти Google, а з іншого Google StreetView з вулицями, видно, що вони знаходяться всередині кришталевої кулі.
- Toki Toki - це годинник, зроблений за допомогою прокрутки веб-сайтів.
Нарешті, я пам'ятаю, що ви також можете активувати графіку WebGL на Картах Google.
