ThreeJS, упакованный для ГитЖС | ThreeJS packaged for GitJS
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

пуск|run.js 2.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. const ИМЯ = "three.js";
  2. // // // //
  3. СоздатьСферу = мир =>
  4. {
  5. var форма = new THREE.SphereBufferGeometry(0.4, 32, 32);
  6. var сфера = new THREE.Mesh(форма);
  7. мир.сцена.add(сфера);
  8. мир.камера.position.z = 10;
  9. };
  10. // // // //
  11. ВстроитьОтрисовщикаThreeJS = мир =>
  12. {
  13. // Задать вид.
  14. var css = `
  15. html, body {
  16. margin: 0;
  17. }
  18. `;
  19. var вид = document.createElement("style");
  20. вид.innerHTML = css;
  21. document.head.appendChild(вид);
  22. document.body.innerHTML = "";
  23. document.body.appendChild(мир.отрисовщик.domElement);
  24. };
  25. // // // //
  26. ОтслеживатьИзменениеРазмераОкнаБраузера = мир =>
  27. {
  28. window.addEventListener(
  29. "resize",
  30. function() {
  31. мир.уведомить("изменили размер окна браузера");
  32. }
  33. );
  34. };
  35. // // // //
  36. ИзменитьРазмерОтрисовщикаThreeJS = мир =>
  37. {
  38. var ширина = window.innerWidth;
  39. var высота = window.innerHeight;
  40. мир.камера.aspect = ширина / высота;
  41. мир.камера.updateProjectionMatrix();
  42. мир.отрисовщик.setSize(ширина, высота);
  43. };
  44. // // // //
  45. ЗапуститьОтрисовку = мир =>
  46. {
  47. function отрисовать()
  48. {
  49. requestAnimationFrame(отрисовать);
  50. мир.отрисовщик.render(мир.сцена, мир.камера);
  51. }
  52. отрисовать();
  53. };
  54. // // // //
  55. НастроитьThreeJS = мир =>
  56. {
  57. мир.сцена = new THREE.Scene();
  58. мир.сцена.background = new THREE.Color(0x333366);
  59. мир.камера = new THREE.PerspectiveCamera(45, 1, 0.1, 1000);
  60. мир.отрисовщик = new THREE.WebGLRenderer();
  61. };
  62. // // // //
  63. УстановитьThreeJS = мир =>
  64. {
  65. var модуль = мир.модули.модульПоИмени(ИМЯ);
  66. var код = модуль.содержимое["/three.js"];
  67. console.debug("УстановитьThreeJS");
  68. // Загрузить скрипт.
  69. var скрипт = document.createElement("script");
  70. скрипт.innerHTML = код;
  71. document.body.appendChild(скрипт);
  72. };