<?xml version="1.0" encoding="UTF-8"?>
<article xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="JATS-archive-oasis-article1-4.xsd" article-type="research-article" dtd-version="1.4" xml:lang="ru">
  <front>
    <journal-meta>
      <journal-title-group>
        <journal-title>Журнал Современные проблемы науки и образования</journal-title>
      </journal-title-group>
      <issn>2070-7428</issn>
      <publisher>
        <publisher-name>Общество с ограниченной ответственностью &amp;quot;Издательский Дом &amp;quot;Академия Естествознания&amp;quot;</publisher-name>
      </publisher>
    </journal-meta>
    <article-meta>
      <article-id pub-id-type="publisher-id">ART-16589</article-id>
      <title-group>
        <article-title>ТРЕХМЕРНАЯ БРАУЗЕРНАЯ ВИЗУАЛИЗАЦИЯ МОЛЕКУЛ С ПОМОЩЬЮ ТЕХНОЛОГИИ WEBGL</article-title>
      </title-group>
      <contrib-group>
        <contrib contrib-type="author">
          <name-alternatives>
            <name xml:lang="ru">
              <surname>Вильданов</surname>
              <given-names>А.Н.</given-names>
            </name>
          </name-alternatives>
          <name-alternatives>
            <name xml:lang="en">
              <surname>Vildanov</surname>
              <given-names>A.N.</given-names>
            </name>
          </name-alternatives>
          <email>alvild@mail.ru</email>
          <xref ref-type="aff" rid="afff5f60241"/>
        </contrib>
        <contrib contrib-type="author">
          <name-alternatives>
            <name xml:lang="ru">
              <surname>Шафеева</surname>
              <given-names>Е.П.</given-names>
            </name>
          </name-alternatives>
          <name-alternatives>
            <name xml:lang="en">
              <surname>Shafeeva</surname>
              <given-names>E.P.</given-names>
            </name>
          </name-alternatives>
          <email>shafeevaep@mail.ru</email>
          <xref ref-type="aff" rid="afff5f60241"/>
        </contrib>
      </contrib-group>
      <aff id="afff5f60241">
        <institution xml:lang="ru">ФГБОУ ВПО «Башкирский государственный университет»</institution>
        <institution xml:lang="en">Neftekamsk branch of Bashkir State University</institution>
      </aff>
      <pub-date date-type="pub" iso-8601-date="2014-06-24">
        <day>24</day>
        <month>06</month>
        <year>2014</year>
      </pub-date>
      <issue>6</issue>
      <fpage>256</fpage>
      <lpage>256</lpage>
      <permissions>
        <license xlink:href="https://creativecommons.org/licenses/by/4.0/">
          <license-p>This is an open-access article distributed under the terms of the CC BY 4.0 license.</license-p>
        </license>
      </permissions>
      <self-uri content-type="url" hreflang="ru">https://science-education.ru/ru/article/view?id=16589</self-uri>
      <abstract xml:lang="ru" lang-variant="original" lang-source="author">
        <p>Разработан AJAX-загрузчик для отображения трехмерных моделей молекул различных химических веществ в браузере с помощью новейшей технологии WebGL. Приложение берет информацию из готовых файлов программы Tinker с расширением .xyz, в которых хранятся данные о трехмерных координатах атомов и о связях между ними, и строит по ним трехмерную модель молекулы на WebGL. Разработанный алгоритм демонстрируется на молекулах этанола, бензола, пропана, и т.д., и универсален для всех файлов с расширением .xyz. Для облегчения работы с WebGL используется библиотека Three.js. Приведены основные моменты развертывания приложения. Особенностью разработанного приложения (как и WebGL-приложений вообще) является возможность просмотра готовых моделей непосредственно в браузере, без установки дополнительного программного обеспечения. Результаты работы можно использовать, например, для демонстрации строения отдельных молекул на уроках химии, и для построения webgl-приложений.</p>
      </abstract>
      <abstract xml:lang="en" lang-variant="translation" lang-source="translator">
        <p>The AJAX loader was developed to display three-dimensional models of various chemical molecules in a browser by means of the latest WebGL technology. The application works with the programme Tinker, takes the information from its files with the extension .xyz, in which three-dimensional atomic coordinates’ data is stored, and by means of them constructs a three-dimensional model of a molecule with WebGL. The developed algorithm is demonstrated on molecules of ethanol, benzene, propane etc., it is universal for all kinds of files in this format. Using the library Three.js makes the work with Three.js easier. One of the WebGL-applications’ features is the possibility of viewing ready models directly in a browser without installation of any additional software. The results of the work one can use, for example, to demonstrate a structure of molecules during chemistry lessons, and to create WebGL-applications.</p>
      </abstract>
      <kwd-group xml:lang="ru">
        <kwd>WebGL</kwd>
        <kwd>Three.js</kwd>
        <kwd>AJAX</kwd>
        <kwd>JavaScript</kwd>
        <kwd>3D технология</kwd>
        <kwd>визуализация</kwd>
        <kwd>молекула</kwd>
        <kwd>Tinker</kwd>
      </kwd-group>
      <kwd-group xml:lang="en">
        <kwd>WebGL</kwd>
        <kwd>Three.js</kwd>
        <kwd>AJAX</kwd>
        <kwd>JavaScript</kwd>
        <kwd>3D technology</kwd>
        <kwd>rendering</kwd>
        <kwd>molecule</kwd>
        <kwd>Tinker</kwd>
      </kwd-group>
    </article-meta>
  </front>
  <back>
    <ref-list>
      <ref>
        <note>
          <p>1.                  Вильданов А.Н. 3D-моделирование на WebGL с помощью библиотеки Three.js: учебное пособие. – Уфа : РИЦ БашГУ, 2014. – 114 с. – ISBN 987-5-7477-3560-6.</p>
        </note>
      </ref>
      <ref>
        <note>
          <p>2.                  Кантор И. Центральный Javascript-ресурс. Учебник с примерами скриптов. Форум. Книги и многое другое [Электронный ресурс] – Режим доступа: http://javascript.ru, свободный (дата обращения: 01.09.14).</p>
        </note>
      </ref>
      <ref>
        <note>
          <p>3.                  Фреймворки WebGL - Three.js [Электронный ресурс]. – Режим доступа: http://ru.tmsoftstudio.com/file/page/webgl-frameworks/three-api-ru/three.html, свободный (дата обращения: 30.10.14).</p>
        </note>
      </ref>
      <ref>
        <note>
          <p>4.                  Mr. Doob. Three.js – JavaScript 3D library [Электронный ресурс]. – Режим доступа: http://threejs.org, свободный (дата обращения: 30.10.14).</p>
        </note>
      </ref>
      <ref>
        <note>
          <p>5.                  Stemkoski Lee. Three.js – examples [Электронный ресурс]. – Режим доступа: http://stemkoski.github.io/Three.js, свободный (дата обращения: 01.080.14).</p>
        </note>
      </ref>
    </ref-list>
  </back>
</article>
