-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
cccg.pug
58 lines (53 loc) · 2.97 KB
/
cccg.pug
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
doctype html
html
head
meta(charset="utf-8")
title Yin-Yang Font: CCCG Puzzle
script(type="text/javascript", src="node_modules/@svgdotjs/svg.js/dist/svg.min.js")
script(type="text/javascript", src="node_modules/furls/furls.js")
script(type="text/javascript", src="node_modules/font-webapp/font-webapp.js")
script(type="text/javascript").
window.puzzle =
//{"clues":145,"black":72,"white":73,"branch":8282,"puzzle":
".................................\n....XXX.o.XXXXX.o.......o.XXXXX..\n.......XoX.....Xo..ooo..oX.....X.\n..o.X..XoX..X..Xo.o.X...oX..XXX..\n..oX..X.oX.X..X.o.oX..X.o....ooo.\n..oX.....X.X......oX......o.o.X..\n..oX..X.oX.X..XXo.oX..X.o.o.o....\n..o.X.oXoX..X..Xo.o.X.o.o.o...o..\n.......XoX.....Xo..ooo...o.ooo...\no.o.XXX.o..XXXX.o.o.....o.XXXXX.o\n...ooooo...ooooo...ooooo.X.......\nX...............................X";
script(type="text/javascript", src="yinyang.js")
style
include:stylus yinyang.styl
//#include virtual="../../analytics.html"
body
table.w-100
tr
td.text-left.align-middle
h1 <a href="./">Yin-Yang Font</a>: CCCG Puzzle</a>
td.text-right.align-middle
h2 by <a href="https://erikdemaine.org/">Erik Demaine</a> and <a href="http://martindemaine.org">Martin Demaine</a>, 2021
#puzzle.w-100
hr.noprint
p.noprint.
Can you fill in every empty square with either a black or white circle
so that the black circles are orthogonally connected together,
the white circles are orthogonally connected together, and
no 2 × 2 square is all black or all white?
This puzzle is a full-word puzzle based on the
<a href="https://erikdemaine.org/fonts/yinyang/">Yin-Yang font</a>,
and was featured as part of a
<a href="https://erikdemaine.org/papers/YinYang_CCCG2021/">CCCG 2021 presentation</a>.
See <a href="https://erikdemaine.org/fonts/yinyang/">the font page</a>
for a description of how we generated the puzzle.
p.noprint.
You can interactively solve the puzzle by clicking on the blank spaces.
Left clicking (or touching) toggles between black, white, and blank.
Right clicking acts as an eraser.
Middle clicking toggles between black and white, or fills in white.
You can drag to paint many circles at once.
If you make any local mistakes, they will highlight red:
2 × 2 squares that are all the same color
(invalid by the rules) or that alternate black/white/black/white
(a derived rule because it makes connectivity impossible —
see
<a href="https://erikdemaine.org/papers/YinYang_CCCG2021/">our paper</a>).
p.noprint.
Check out <a href="https://erikdemaine.org/fonts/">other mathematical and
puzzle fonts</a>. • Feedback or not working?
<A HREF="mailto:edemaine+fonts@mit.edu">Email Erik</A>. •
<a href="https://github.com/edemaine/font-yinyang">Source code on GitHub</a>.