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

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

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

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

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

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

Комментарии

интересная реализация

Александр

Интересная штука, этот редактор
Удачная вещь чтобы быстро наглаз набросать хим. формулу
(нашел случайно, завтро знакомому курсач по химии делать
а я не химик, но)
Возникло 2 вопроса
1) Как регулировать размер элементов?
(например, главное — размер шрифта)
2) Автопозиционирование элементов в узлы мне показалось
"не слишком по центру", т.е. с некоторой погрешностью,
(относительно визуальных центров букв)
которая при ближайшем рассмотрении может встревожить
придирчивого препода.
Это всё, конечно, субъективное мнение, но если возникнет
вопрос доработки редактора, я бы порекомендовал обратить внимание на масштабируемость элементов и фоновую сетку
для удобства их размещения

1) Размер всех элементов постоянен. Если вам нужно больше или меньше — решение есть: измените размер окна браузера и сделайте принтскрин. Что касается шрифта, то для большинства формул его относительный размер оптимален.
2) Позиционирование шрифтовых элементов и правда не совпадает с их реальными центрами (или вершинами). Если это очень критично, то придётся "допиливать" финальную картинку в фотошопе, например.
Вообще этот редатор создан для более простых случаев. Для курсовой, диплома и любых других печатных работ лучше использовать полноценный векторный редактор (посоветовать что-то конкретное не могу) или рисовать формулы в ворде (а вот это, кстати, не сложно:-).
Перечисленные вами вещи — из разряда красивостей, но их действительно неплохо было бы доделать. Пока что мы собираем предложения, замечания, и когда их накопится достаточно, начнём работать над следующей версией редактора.

Одной из самых главных задач в химии является правильное составление химических формул. Химическая формула — это письменное представление состава химического вещества с помощью латинского обозначения элемента и индексов. Для правильного составления формулы нам обязательно понадобится таблица Менделеева и знание простых правил. Они достаточно простые и запомнить их смогут даже дети.

Как составлять химические формулы

Основным понятием при составлении химических формул является «валентность «. Валентность — это свойство одного элемента удерживать определенное число атомов в соединении. Валентность химического элемента можно посмотреть в таблице Менделеева, а также нужно помнить и уметь применять простые общие правила.

• Валентность металла всегда равна номеру группы, при условии, что он находится в главной подгруппе. Например, калий имеет валентность 1, а кальций — 2.
• С неметаллами немного сложнее. Неметалл может иметь высшую и низшую валентности. Высшая валентность равна номеру группы. Низшую валентность можно определить вычтя номер группы элемента из восьми. При соединении с металлами неметаллы всегда имеют низшую валентность. Кислород всегда имеет валентность 2.
• В соединении двух неметаллов низшую валентность имеет тот химический элемент, который находится в таблице Менделеева правее и выше. Однако, фтор всегда имеет валентность 1.
• И еще одно важное правило при расстановке коэффициентов! Общее число валентностей одного элемента всегда должно быть равно общему количеству валентностей другого элемента!

Закрепим полученные знания на примере соединения лития и азота. Металл литий имеет валентность, равную 1. Неметалл азот располагается в 5 группе и имеет высшую валентность 5 и низшую — 3. Как мы уже знаем, в соединениях с металлами неметаллы всегда имеют низшую валентность, поэтому азот в данном случае будет иметь валентность равную трем. Расставляем коэффициенты и получаем искомую формулу: Li 3 N.

Вот так, достаточно просто, мы научились составлять химические формулы! А для лучшего запоминания алгоритма составления формул мы подготовили его графическое представление.

В веществах атомы связаны друг с другом в определённой последовательности, а между парами атомов (между химическими связями) имеются определённые углы. Всё это необходимо для характеристики веществ, так как от этого зависят их физические и химические свойства. Сведения о геометрии связей в веществах частично (иногда полностью) отражаются в структурных формулах.

В структурных формулах связь между атомами изображается чертой. Например:

Химическая формула воды H2O, а структурная H-O-H,

Химическая формула пероксида натрия Na2O2, а структурная Na-O-O–Na,

Химическая формула азотистой кислоты HNO2, а структурная H-O-N=O.

При изображении структурных формул чёрточками обычно показывают стехиометрическую валентность элементов. Структурные формулы, построенные по стехиометрическим валентностям, иногда называются графическими .Такие структурные формулы несут информацию о составе и порядке расположения атомов, но не содержат правильных сведений о химических связях между атомами.

Структурная формула - это графическое изображение химического строения молекулы вещества, в котором показывается порядок связи атомов, их геометрическое расположение. Кроме того, она наглядно показывает валентность атомов входящих в ее состав.

Для правильного написания структурной формулы того или иного химического вещества вы должны хорошо знать и представлять, что такое способность атомов образовывать определенное количество электронных пар с другими атомами. Ведь именно валентность поможет вам нарисовать химические связи. Например, дана молекулярная формула аммиака NH3. Вы должны написать структурную формулу. Учитывайте то, что водород всегда одновалентен, поэтому его атомы не могут быть связаны между собой, следовательно, они будут соединены с азотом.

Чтобы правильно написать структурные формулы органических соединений, повторите основные положения теории А.М. Бутлерова, согласно которой существуют изомеры – вещества с одинаковым элементарным составом, но с разными химическими свойствами. Например, изобутан и бутан. Молекулярная формула у них одинаковая: C4H10, а структурные – отличаются.

В линейной формуле каждый атом записывается отдельно, поэтому такое изображение занимает много места. Однако при составлении структурной формулы, вы можете указать общее число атомов водорода при каждом атоме углерода. А между соседними углеродами нарисуйте химические связи в виде линий.

Написание изомеров начните с углеводорода нормального строения, то есть с неразветвленной цепью углеродных атомов. Затем сократите на один атом углерода, который присоедините к другому, внутреннему углероду. Исчерпав все варианты написания изомеров с данной длиной цепи, сократите ее еще на один углеродный атом. И опять присоедините его к внутреннему углеродному атому цепи. Например, структурные формулы н-пентана, изопентана, тетраметилметана. Таким образом, углеводород с молекулярной формулой C5H12 имеет три изомера. Про явления изомерии и гомологии узнайти подробнее в следующих статьях!

Химический редактор ChemSketch из пакета программ ACD/Labs канадской фирмы «Advanced Chemistry Development» по функциональным возможностям не уступает редактору ChemDraw и даже кое в чем его превосходит. В отличие от ChemDraw (объем памяти 60 мегабайт) ChemSketch занимает всего около 20 мегабайт дискового пространства. Немаловажно и то, что документы, созданные с помощью ChemSketch, занимают небольшой объем - всего несколько килобайт. Этот химический редактор более ориентирован на работу с органическими формулами среднего уровня сложности (имеется большая библиотека готовых формул), но в нем удобно составлять также химические формулы неорганических веществ. С его помощью можно оптимизировать молекулы в трехмерном пространстве, вычислять расстояния и валентные углы между атомами в молекулярной структуре и многое другое.

You have to enable Java in your browser.

Здесь вы можете рисовать химические формулы онлайн, написать реакцию и многое другое. Изменения, сделанные вами на этой странице нигде не сохраняются, поэтому вам нужно экспортировать полученную химическую структуру (реакцию) в один из форматов: SMILES, MOL, SVG и другие (кнопка во втором ряду, под "i")

Marvin JS

Тут также вы можете создать химическую формулу, написать реакцию и многое другое, в том числе радикалы, заряды и так далее. Этот редактор поддерживает больше форматов, которые можно сразу же скачать, после того, как вы нарисовали. Он умеет импортировать из других форматов файлов.

Помните, что изменения, сделанные вами на этой странице нигде не сохраняются, поэтому вам нужно экспортировать полученную химическую структуру (реакцию) в один из форматов химических структур или картинок (нажимать на дискетку)

PubChem

В этом on-line редакторе химических формул, также можно рисовать химические формулы. Интерфейс у него достаточно древний и может не всем подойдёт, зато экспортировать он умеет во многие форматы. В любом случае, химики не избалованы красивыми интерфейсами приложений:)

Напоминание, сделанные вами на этой странице нигде не сохраняются, поэтому вам нужно экспортировать полученную химическую структуру (реакцию) в один из форматов химических структур или картинок (есть кнопка "Export")