20 невероятни примера за WebGL в действие

Страница 1 от 2: Страница 1

WebGL е JavaScript API, базиран на добре познатото OpenGL 3D графичен стандарт и дава достъп без приставки на JavaScript до графичния хардуер чрез HTML5 платно елемент. Благодарение на WebGL можем да включваме 3D графики в реално време в уеб страници.

Apple също поддържа стандарта, така че можем (да се надяваме!) Да очакваме да го видим в Safari на Mac, iPhone и iPad по някое време (макар и вероятно не скоро) - и Opera тестват собствената си версия, така че единственият задържане е Microsoft .



Така че седнете, завъртете най-новия си браузър и проверете тези демонстрации - ако смятате, че можете да се справите по-добре, продължете: има няколко подсказки и съвети как в края.



01. Тестени изделия

Многоцветни въглехидрати небе

защо има номер на моята икона на google
Многоцветни въглехидрати небе

Многоцветното осветление и интересното приложение на светлината и сянката са постигнати добре в тази драматична, забавена лавина от макарони. Странно е хипнотизиращо.



02. Просто рефлектор

Просто рефлектор е интерактивно музикално видео, създадено от Google Data Arts Team и Единица 9 за Arcade Fire. По-горе е видеоклипът в YouTube (не интерактивен) и можете да достигнете до интерактивната версия тук .

03. Нова вълна

Помещението на Nouvelle Vague от ултраноар е относително просто: вземете няколко туитове и ги поставете в 3D пейзаж. Това обаче не оправдава този конкретен сайт. Nouvelle Vague има всякакви летящи превозни средства, включително биплан, дирижабъл и няколко балона. Всички тези брилянтно реализирани модели - построени и анимирани в Blender от художници и след това внесени в сцената на WebGL - носят туитовете и обикалят около гигантска централна статуя. Това е много сюрреалистичен сайт и е много добре направен.



04. Chemdoodle: MolGrabber 3D

WebGL сайтове: Chemdoodle

Chemdoodle ви позволява да виждате химични структури в 3D

Както бихте очаквали с нова технология, има много хора, които използват WebGL, за да правят страхотни демонстрации и по-малко реални инструменти. Chemdoodle е изключение от това. iChemLabs , научна компания за визуализация, е събрала инструменти за разглеждане на молекули в уеб страници. Тази демонстрационна страница ви позволява да изберете едно от редица лекарства и да видите триизмерно представяне на химическата му структура в браузъра.

05. Биодигиталният човек

WebGL сайтове: Biodigital Human

Вижте скелета и кръвната система с Biodigital Human

В съответствие с медицинската тема, ние имаме 3D Human от BioDigital Systems. Искате ли да видите скелета и кръвната система? Просто щракнете върху бутоните. Като образователен инструмент е лесно да се види потенциалът - 3D картата дава възможност да се визуализират заболявания и лечения чрез мрежата или дори на мобилния ви телефон.

06. FractalLab

WebGL сайтове: FractalLab

Фракталите правят всичко по-страхотно - факт

Том Бедард започва кариерата си като лазерен физик, преди да бъде съблазнен от софтуерното инженерство и сега е добре известен със своите невероятни 3D фрактали. FractalLab е неговото създание WebGL, изчислявайки всичко, което ви показва в реално време на вашия компютър. Беддард услужливо е включил задълбочено обяснение на своите процеси и мислене.

07. Медузи

WebGL сайтове: Chrysaora

Море от плаващи медузи, всичко на вашия монитор

Идва друга красива сцена, но малко по-спокойна Александър Родич : море от плаващи медузи, всички симулирани на вашия компютър. Също така, не пропускайте видео той показа (за съжаление не публична) версия, която се контролира от Kinect!

08. CycleBlob

WebGL сайтове: CycleBlob

как да създадете макет на уебсайт
Играта от тип Tron CycleBob става все по-сложна

Нов обрат на позната на външен вид игра е CycleBlob на Shy Shalom, базиран на сцената с леки мотоциклети от TRON. Посетете, за да видите дали можете да приложите уменията си на змия към все по-сложни 3D повърхности.

Следваща страница: Още 6 страхотни примера за WebGL

Текуща страница: Страница 1

Следваща страница Страница 2