Circle script is a writing system that I made up. The fundamental gimmick of it is that words and sentences in it form circles.
It's largely decorative, has vague intentions at being phonetic, and I like using it in art! The other primary use case is writing cute notes to people I like.
-
Here's the overview of how to read circle script:
+
Here's the overview of how to read circle script:
To read circle script, you start at whatever spot is marked with a little line segment outside the circle, parallel to it. If that's not present, you can usually start at the bottom. Walk around the circle widdershins (counterclockwise) and decode each shape and glyph you encounter, turning them into sounds.
If you're reading a whole sentence, you walk around the circle and read each word as you come across it. For each word, you read it starting from the point where it touches the circle that contains it, so you kind of reorient as you go.
@@ -414,4 +417,5 @@ table > img {
If you merge caught-cot, it is preferred to use the strong vowel /a~ɑ/ rather than the weak /ɔ/ vowel.
-
+
+
\ No newline at end of file
diff --git a/articles/circle_script/circle_setter.html b/articles/circle_script/circle_setter.html
index 0fdc425..a201fa4 100644
--- a/articles/circle_script/circle_setter.html
+++ b/articles/circle_script/circle_setter.html
@@ -1,162 +1,695 @@
+
+
+
-
-
-
-
-
-
-
-
Available Sounds:
-
-
-
+
x value is something
\ No newline at end of file
diff --git a/articles/circle_script/circle_setter.js b/articles/circle_script/circle_setter.js
new file mode 100644
index 0000000..cdaa3de
--- /dev/null
+++ b/articles/circle_script/circle_setter.js
@@ -0,0 +1,210 @@
+var currently_dragging = null; // if this is null, we have nothing being dragged. if it's not null, then it will represent the glyph object (as goes in the glyphs array) which is currently being dragged
+
+const selection_thresh = 10;
+var major_radius;
+const glyphs = [];
+
+var embed;
+
+
+$(document).ready(function() {
+ svg = $('svg#arena')[0];
+ major_radius = parseFloat($('circle').attr('r'));
+
+ //$.each(glyphs, function(idx, glyph) {
+ // glyph.element.appendTo($(svg));
+ //})
+
+ $(document).on("mouseup", on_mouse_up);
+ $("#place_group").on("mousedown", omd_consonant);
+ $("#vowel_place_group").on("mousedown", omd_vowel);
+
+ // handle changing the consonants
+ $('#consonant_form input').on('change', function(event) {
+ let glyph = $("#consonant_form input[name='glyphs']:checked").val(); // checked value for the glyph should be here
+ let radical = $("#consonant_form input[name='radicals']:checked").val(); // checked value for the radical should be here
+
+ add_class($('svg #glyph-' + glyph + '-' + radical), 'chosen');
+
+ $('#place_group image.radical').attr("href", radical);
+ $('#place_group image.glyph').attr("href", glyph);
+
+ });
+
+ $('td > svg').on("click", function(event) {
+ let receptacle = $("#consonant_put_it_in_here");
+ let selected = $(this);
+ receptacle.html(selected.html());
+ })
+
+ // handle changing the vowels
+ $('.vowel-example > svg').on("click", function(event) {
+ let receptacle = $('#vowel_put_it_in_here');
+ let selected = $(this);
+ receptacle.html(selected.html());
+ });
+
+ var t = $("#testbed");
+ var glyphs = split_megaglyph(t.find(".angle-1"));
+ $.each(glyphs, function(idx, glyph) {
+ glyph.attr("transform", `translate(${100 + idx*100}, 0)`);
+ t.append(glyph);
+ });
+
+ populate_consonant_grid();
+});
+
+function populate_consonant_grid() {
+ // this function expects that there's a #consonant-grid table, where each row corresponds to a glyph set
+ // the cells of the row need to be filled with the various possible configurations of that glyph
+ // so like, the
in a given row should contain a .megaglyph svg group, which contains the base glyph plus all possible radicals.
+ // then we use the split_megaglyph function to generate the five possible configurations out of that megaglyph
+ // and insert the five configured glyphs into their corresponding (td) cells of the table
+
+ $("#consonant-grid tbody tr").each(function (asdf, row) { // iterate over the rows in the table
+
+ // row will now be something like
+ // that is, a tr containing one th on either end plus a td for each consonant in this row
+ var head = $(row).find("th:first-child svg"); // this is the header for the row, which should contain the .megaglyph object
+ var megaglyph = head.find(".megaglyph");
+ var glyphs = split_megaglyph(megaglyph); // now this is a list of the configured consonant symbols
+
+ $(row).find("td").each(function(idx, cell) { // iterate over the cells in the row
+ // cell will now be a