Химический редактор

Редактор химических формул для сайта xumuk.ru написан за 20 дней на языке actionscript 2. Первая сырая версия была создана за 5 дней, а дальше мы работали над удобством, воплощая совершенно безумные идеи 😃 Например, автоматическое прицепление и вращение химических связей, разбивку элементов на самостоятельные части, и даже собственный язык разметки для создания новых элементов.

Если у вас установлен flash player, редактор можно посмотреть на сайте xumuk.ru, если у вас есть вопросы — читайте описание сервиса.

Быстрое создание химических формул

Химический редактор (включена сетка)Химический редактор (включена сетка)

Благодаря нескольким совместным идеям в редакторе можно очень быстро создавать несложные структуры. Например, вот эта картинка была только что создана за 1 минуту, причём я не рисовал по памяти, а срисовывал:

Время создания: 1 минутаВремя создания: 1 минута

Фишки редактора

  • Объекты можно сразу перетаскивать на «сцену»
    (в других редакторах надо кликнуть по объекту, а потом кликнуть в нужное место сцены).
  • Для поворота объекта достаточно навести на него мышкой и покрутить колёсико мышки (при этом внизу для контроля указывается градус поворота, шаг — 3°)
    (в других редакторах либо есть кнопки поворота, а это уже несколько лишних движений, либо крутить вообще нельзя).
  • Объекты прицепляются друг к другу рёбрами или вершинами (если при этом покрутить фигуру, то она будет вращаться относительно прицепившейся вершины)
    (нет аналогов).
  • Простые текстовые объекты (C, CH и т.д.) можно сразу брать и перетаскивать в нужное место сцены.
  • Сложные объекты типа C6H5 и цепочки создаются просто — из текстовой строки; потом их можно двигать, и они тоже прицепляются к вершинам.

Картинки по желанию сохраняются на сервере. Картинки сохраняются статичными, поэтому при создании будьте внимательны — отредактировать их будет невозможно. С другой стороны — это не так страшно, ведь можно нарисовать всё соединение заново за считанные минуты, и заодно набить руку и потренировать голову 😃 Шучу 😃

Благодарность автору

Перевод через Яндекс.Деньги:

Смотрите также

Спонсоры поста

Комментарии

Егор
интересная реализация
Александр
Интересная штука, этот редактор
Удачная вещь чтобы быстро наглаз набросать хим. формулу
(нашел случайно, завтро знакомому курсач по химии делать
а я не химик, но)
Возникло 2 вопроса
1) Как регулировать размер элементов?
(например, главное — размер шрифта)
2) Автопозиционирование элементов в узлы мне показалось
"не слишком по центру", т.е. с некоторой погрешностью,
(относительно визуальных центров букв)
которая при ближайшем рассмотрении может встревожить
придирчивого препода.
Это всё, конечно, субъективное мнение, но если возникнет
вопрос доработки редактора, я бы порекомендовал обратить внимание на масштабируемость элементов и фоновую сетку
для удобства их размещения
Иван
1) Размер всех элементов постоянен. Если вам нужно больше или меньше — решение есть: измените размер окна браузера и сделайте принтскрин. Что касается шрифта, то для большинства формул его относительный размер оптимален.
2) Позиционирование шрифтовых элементов и правда не совпадает с их реальными центрами (или вершинами). Если это очень критично, то придётся "допиливать" финальную картинку в фотошопе, например.
Вообще этот редатор создан для более простых случаев. Для курсовой, диплома и любых других печатных работ лучше использовать полноценный векторный редактор (посоветовать что-то конкретное не могу) или рисовать формулы в ворде (а вот это, кстати, не сложно :-).
Перечисленные вами вещи — из разряда красивостей, но их действительно неплохо было бы доделать. Пока что мы собираем предложения, замечания, и когда их накопится достаточно, начнём работать над следующей версией редактора.
Прохожий
Вы нарисовали химическую ересь 😃 Цикл-то ароматический, поэтому у него не может быть уходящего под его плоскость заместителя, плюс углерод в этом заместителе нехирален, потому что два одинаковых -OH. Вместо двух треугольных связей здесь обычные линии.
Иван
Чего мы только не рисовали в процессе разработки редактора : 😃
buka_jaz
Иван, большое спасибо от дочки школьницы и преподавателя. Вы сделали дистанционное обучение более комфортным. Если можно символ "ню" добавьте в арсенал, буква 'v' нужна в другом качестве, хотя и похожи.
Иван
Спасибо, приятно. Любую греческую букву можно скопировать из интернета (Ctrl C), вставить в поле ввода (Ctrl V), потом нажать кнопку "Создать элемент" и перетащить его на лист.
Греческие буквы можно взять, например, здесь:
http://physics.nad.ru/symbol.html

Дальнейшие комментарии временно закрыты. По всем вопросам обращайтесь ко мне по почте, через Вотсап или Вконтакте, см. раздел Контакты

© 2008