Створення 3D скетчів для мережі в Processing

У цьому прикладі ми займемося третім виміром Processingjs можна використовувати для відображення 3D контенту, тому все, чого ви навчилися в Главі 3, Малювання в 3D освітлення і камера, Можна завантажити в мережу

Як це робиться

Нижче приведений код нашого 3D скетчу Вам потрібно імпортувати бібліотеку OpenGL і додати до функції size () параметр OPENGL Цей скетч створить в центрі екрану жовтий куб Ви можете ворушити кубом по осі Y мишею

import processingopengl*

void setup()

{

size( 640, 480, OPENGL )

smooth()

noStroke()

}

void draw()

{

background( 255 ) lights()

translate( width/2, height/2 )

rotateX( radians( frameCount ) )

rotateY( map( mouseX, 0, width, -PI, PI ) )

fill( 255, 225, 23 )

box( 200 )

}

Коли скетч запуститься в браузері, він буде виглядати так:

3D програма для відображення скетчів Processing реалізована з використанням WebGL WebGL заснований на OpenGL ES 20, підмножині OpenGL ES в OpenGL ES означає Embedded Systems Ця версія OpenGL працює на смартфонах і також реалізована на більшості сучасних браузерів Дізнатися більше про браузерах, які її підтримують, можна у Вікіпедії: http://enwikipediaorg/wiki/ WebGL#Desktop_Browsers

Вам залишається тільки імпортувати бібліотеку OpenGL і встановити третій параметр функції size () як OPENGL Processingjs зазвичай ігнорує імпорт, оскільки бібліотеки Java не працюють у режимі JAVASCRIPT Але якщо ви хочете для початку запустити скетч в режимі STANDARD, це те, що потрібно

Джерело: Ян Вантомм, Processing 2: креативне програмування, переклад з англійської Олександри Мішутіної, Published by Packt Publishing Ltd, 2012, BIRMINGHAM – MUMBAI

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*