Редактирование: Простейшая 3D программа с использованием Three.js
Внимание! Вы не авторизовались на сайте. Ваш IP-адрес будет публично видимым, если вы будете вносить любые правки. Если вы войдёте или создадите учётную запись, правки вместо этого будут связаны с вашим именем пользователя, а также у вас появятся другие преимущества.
Правка может быть отменена. Пожалуйста, просмотрите сравнение версий, чтобы убедиться, что это именно те изменения, которые вас интересуют, и нажмите «Записать страницу», чтобы изменения вступили в силу.
Текущая версия | Ваш текст | ||
Строка 1: | Строка 1: | ||
[[Виртуальная лаборатория]] > [[Простейшая 3D программа с использованием Three.js]] <HR> | [[Виртуальная лаборатория]] > [[Простейшая 3D программа с использованием Three.js]] <HR> | ||
− | |||
− | |||
[http://ru.wikipedia.org/wiki/Three.js Three.js] — это кроссбраузерная библиотека JavaScript, используемая для создания и отображения анимированной компьютерной 3D графики при разработке веб-приложений. | [http://ru.wikipedia.org/wiki/Three.js Three.js] — это кроссбраузерная библиотека JavaScript, используемая для создания и отображения анимированной компьютерной 3D графики при разработке веб-приложений. | ||
− | |||
'''Чтобы работало управление, нужно щелкнуть окно программы.''' | '''Чтобы работало управление, нужно щелкнуть окно программы.''' | ||
Строка 12: | Строка 9: | ||
Скачать [[Медиа:ThreeJS_Example_v2-1.zip|ThreeJS_Example_v2-1.zip]] | Скачать [[Медиа:ThreeJS_Example_v2-1.zip|ThreeJS_Example_v2-1.zip]] | ||
− | + | Текст программы на языке JavaScript (разработчик [[Цветков Денис]]): <toggledisplay status=hide showtext="Показать↓" hidetext="Скрыть↑" linkstyle="font-size:default"> | |
− | |||
Файл '''"ThreeJS_Example_v2-1.js"''' | Файл '''"ThreeJS_Example_v2-1.js"''' | ||
− | < | + | <source lang="javascript" first-line="1"> |
function Main_ThreeJS_example() { | function Main_ThreeJS_example() { | ||
Строка 30: | Строка 26: | ||
// Работа с клавиатурой | // Работа с клавиатурой | ||
var currentlyPressedKeys = {}; | var currentlyPressedKeys = {}; | ||
− | |||
function handleKeys() { // обработка нажатий клавиш | function handleKeys() { // обработка нажатий клавиш | ||
if (currentlyPressedKeys[33]) {z -= 0.02;} // Page Up | if (currentlyPressedKeys[33]) {z -= 0.02;} // Page Up | ||
Строка 46: | Строка 41: | ||
z = zStart; | z = zStart; | ||
} | } | ||
− | |||
− | |||
− | |||
} | } | ||
function handleKeyUp(event) { // клавиша отпущена | function handleKeyUp(event) { // клавиша отпущена | ||
Строка 72: | Строка 64: | ||
} | } | ||
− | function start3DCanvas() { | + | function start3DCanvas() { |
scene = new THREE.Scene(); | scene = new THREE.Scene(); | ||
camera = new THREE.PerspectiveCamera(60, width/height, 0.1, 1000); | camera = new THREE.PerspectiveCamera(60, width/height, 0.1, 1000); | ||
Строка 105: | Строка 97: | ||
start3DCanvas(); | start3DCanvas(); | ||
} | } | ||
− | </ | + | </source> |
Файл '''"ThreeJS_Example_v2-1.html"''' | Файл '''"ThreeJS_Example_v2-1.html"''' | ||
− | < | + | <source lang="html" first-line="1"> |
<html> | <html> | ||
<head> | <head> | ||
Строка 123: | Строка 115: | ||
</body> | </body> | ||
</html> | </html> | ||
− | </ | + | </source> |
− | </ | + | </toggledisplay> |
− | |||