$mol_app_life: симулятор бога своими руками

[Sirion]

Если кликнуть на уже занятую клетку, вопреки ожиданиям, клетка не освобождается, зато какая-нибудь клетка вдалеке становится занятой.
При попытке зума колёсиком всё с поля тупо исчезает.
Кажется, этому примеру не помешало бы немного тестирования.

[vintage]

Это в каком браузере?

[splav_asv]

Подтверждаю в Firefox 57.0rc1. Клетка меняется на один ряд выше и чуть левее.

[splav_asv]

Кажется починили, больше не воспроизводится.

[Sirion]

Аналогично.

[Sirion]

Firefox 56.0.2 x64

[flymithra]

В Chrome 61.0.3163.100 тоже самое. Это проблема в масштабе, мне кажется, при 80% всё работает как задумано.

[ARad]

Они вообще свои демо в Firefox не отлаживали. Там почти везде ошибки!

[mayorovp]

Если во время симуляции изменить одну из клеток — все замирает и переходит в «пошаговый» режим. Причем даже переключатель скорости — и тот переключается только после клика по полю.

Кажется, это не то поведение которое ожидается от реактивного приложения.

[mayorovp]

UPD: теперь все работает, но поломалось перемещение поля

[Sirion]

$mol_app_life: симулятор бага своими руками
Простите, не удержался.

[vintage]

Может и будет, если потребуется. Пока нет требований не понятно как это лучше реализовывать. Есть несколько вариантов:

1. Тривиальный компонент с рисованием через нативнй апи в методе render — даёт полный контроль.
2. То же самое, но более удобное апи — полный контроль, но проще код.
3. Набор компонент для декларативного описания — гибче и нагляднее, но с ограничениями. Фактически это будет эквивалент SVG, а значит проще взять SVG.

[vintage]

В SVG есть группы — они позволяют образовывать иерархию. Да, иерархия через view.tree задаётся.

[vintage]

svg элементы могут вкладываться друг в друга

[vintage]

Да, вложенные svg элементы можно позиционировать и масштабировать.

[vintage]

Я про такой вариант:

<svg width="100" height="100">
  <svg x="25" y="25" width="50" height="50" viewBox="0 0 100 100">
    <circle cx="50" cy="50" r="50" /> 
  </svg>
</svg>