6 files changed, 210 insertions, 0 deletions

@@ -0,0 +1,76 @@
+<script type="text/javascript">
+var totalSeconds = 0
+var startTime = 0
+var timerInterval
+
+function pad(val) {
+  var valString = val + ""
+  if (valString.length < 2)
+  {
+    return "0" + valString
+  } else {
+    return valString
+  }
+}
+function setTime() {
+  totalSeconds = Math.floor((Date.now() - startTime) / 1000)
+  $("#seconds").text(pad(totalSeconds%60))
+  $("#minutes").text(pad(parseInt(totalSeconds/60)))
+}
+
+window.onload = function() {
+  <% if @playable or @puzzle.latest? %>
+    $("#sens").val(window.settings.sensitivity)
+    $("#sens").on("change", function() {
+      window.settings.sensitivity = this.value
+    })
+    $("#volume").val(parseFloat(window.settings.volume))
+    $("#volume").on("change", function() {
+      window.settings.volume = this.value
+    })
+  <% end %>
+
+  <% if @playable %>
+    <% if @already_started %>
+      var puzzle = window.deserializePuzzle("<%= @puzzle.data %>")
+      draw(puzzle)
+    <% else %>
+      $("#activation-button button").on("click", function() {
+        var puzzle = window.deserializePuzzle("<%= @puzzle.data %>")
+        draw(puzzle)
+
+        $("#activation-button").hide()
+
+        startTime = Date.now()
+        timerInterval = setInterval(setTime, 1000);
+
+        $.ajax({
+          type: "POST",
+          url: "<%= start_puzzle_path(@puzzle, format: :js) %>"
+        })
+      })
+    <% end %>
+  <% else %>
+    var puzzle = window.deserializePuzzle("<%= @puzzle.data %>")
+    draw(puzzle)
+    drawPath(puzzle, JSON.parse("<%= escape_javascript(sanitize @solution) %>"))
+    <% unless @puzzle.latest? %>
+      window.trace = function() {}
+    <% end %>
+  <% end %>
+}
+
+<% if @playable %>
+window.TRACE_COMPLETION_FUNC = function(puzzle, rawPath) {
+  clearInterval(timerInterval)
+  setTime()
+
+  $.ajax({
+    type: "POST",
+    url: "<%= solve_puzzle_path(@puzzle, format: :js) %>",
+    data: { solved: JSON.stringify(rawPath) <% unless @already_started %> , time: totalSeconds <% end %> }
+  })
+}
+
+<% end %>
+</script>
@@ -0,0 +1,9 @@
+%h3 Congrats!
+%p Would you like to submit your time?
+= form_with url: submit_puzzle_path(@puzzle) do |form|
+  - unless @time.nil?
+    = form.hidden_field :time, value: @time
+  %p
+    = form.label :name, "Name:"
+    = form.text_field :name
+  %p= form.submit "Submit"
@@ -0,0 +1,53 @@
+%p.summary <strong>Wittle</strong> gives you daily randomly-generated puzzles in the style of those from the 2016 indie game, <a href="http://the-witness.net">The Witness</a>. There are three difficulties of puzzles to choose from:
+%h2#current-date= @normal_puzzle.created_at.localtime.strftime("%B %-d, %Y")
+%nav#choose-difficulty
+  #normal-link
+    = link_to "Normal", @normal_puzzle
+    - if @normal_solved
+      %p.puzzle-status Solved!
+    - elsif @normal_started
+      %p.puzzle-status Started
+  #hard-link
+    = link_to "Hard", @hard_puzzle
+    - if @hard_solved
+      %p.puzzle-status Solved!
+    - elsif @hard_started
+      %p.puzzle-status Started
+  #expert-link
+    = link_to "Expert", @expert_puzzle
+    - if @expert_solved
+      %p.puzzle-status Solved!
+    - elsif @expert_started
+      %p.puzzle-status Started
+#new-puzzles
+  - if @normal_puzzle.created_at.localtime.to_date != DateTime.now.localtime.to_date
+    New puzzles are being generated...
+  - else
+    Time until new puzzles: <span id="hours">00</span>:<span id="minutes">00</span>:<span id="seconds">00</span>
+    :javascript
+      function pad(val) {
+        var valString = val + ""
+        if (valString.length < 2)
+        {
+          return "0" + valString
+        } else {
+          return valString
+        }
+      }
+      function setTime() {
+        --totalSeconds
+        if (totalSeconds == 0)
+        {
+          $("#new-puzzles").text("Refresh the page for today's puzzles!")
+          clearInterval(timerInterval)
+        } else {
+          $("#seconds").text(pad(totalSeconds%60))
+          $("#minutes").text(pad(parseInt(totalSeconds/60)%60))
+          $("#hours").text(pad(parseInt(parseInt(totalSeconds/60)/60)))
+        }
+      }
+      var totalSeconds = #{(Time.now.tomorrow.beginning_of_day - Time.now).to_i + 1}
+      setTime()
+      var timerInterval = setInterval(setTime, 1000);
+%p.summary Wittle was created by <a href="https://www.fourisland.com/">Hatkirby</a>, with major help from <a href="https://github.com/sigma144/witness-randomizer">Sigma144</a> (who wrote the puzzle generation code) and <a href="https://github.com/jbzdarkid/jbzdarkid.github.io">jbzdarkid</a> (who wrote the puzzle solving web interface). The source code is available <a href="https://code.fourisland.com/wittle">here</a>. If you encounter any bugs, or have feedback regarding puzzle difficulty level, feel free to contact me! I am <code>hatkirby</code> on Discord, and you can also find me in the <a href="https://discord.gg/0nJwyUyYIfTEgSz0">Witness Speedrunning server</a>.
+%p.summary There is an <a href="#{ archive_path }">archive of past puzzles</a> for those interested.
@@ -0,0 +1,26 @@
+.breadcrumb= link_to "← Back to home page", root_path
+%h1 Archive
+%table#archive
+  %tr
+    %th
+    %th Normal
+    %th Hard
+    %th Expert
+  - @puzzles.each do |date, dps|
+    %tr{ class: cycle("even", "odd") }
+      %td= date.strftime("%B %-d, %Y")
+      %td
+        - if dps.has_key? "normal"
+          %ul
+            - dps["normal"].each do |puzzle|
+              %li= link_to "\##{puzzle.id}", puzzle
+      %td
+        - if dps.has_key? "hard"
+          %ul
+            - dps["hard"].each do |puzzle|
+              %li= link_to "\##{puzzle.id}", puzzle
+      %td
+        - if dps.has_key? "expert"
+          %ul
+            - dps["expert"].each do |puzzle|
+              %li= link_to "\##{puzzle.id}", puzzle
@@ -0,0 +1,41 @@
+.breadcrumb= link_to "← Back to home page", root_path
+%h1 Wittle ##{@puzzle.id}
+.puzzle-description #{@puzzle.category.capitalize} - #{@puzzle.created_at.localtime.strftime("%B %-d, %Y")}
+#puzzle-container{ style: "display: flex; justify-content: center; align-items: center" }
+  %svg#puzzle{ style: "pointer-events: auto"}
+#submission-form
+- if @playable
+  - unless @already_started
+    #activation-button
+      %button{ type: "button" } Reveal Puzzle
+    #timer
+      %label#minutes 00
+      %label#colon :
+      %label#seconds 00
+- if @playable or @puzzle.latest?
+  %details#trace-settings
+    %summary Settings
+    .things
+      %label{ for: "sens" } Mouse Speed 2D
+      %input#sens{ type: "range", min: "0.1", max: "1.3", step: "0.1" }
+      %label{ for: "volume" } Volume
+      %input#volume{ type: "range", min: "0", max: "0.24", step: "0.02" }
+- unless @playable
+  #scores
+    #by-time
+      %h2 Fastest Solves
+      %table
+        - @puzzle.scores.where("seconds_taken IS NOT NULL").order(seconds_taken: :asc, created_at: :asc).limit(100).each_with_index do |score, i|
+          %tr
+            %td #{(i + 1)}.
+            %td= score.name
+            %td.score-field= humanize_interval(score.seconds_taken)
+    #by-when
+      %h2 Completion Order
+      %table
+        - @puzzle.scores.order(created_at: :asc).limit(100).each_with_index do |score, i|
+          %tr
+            %td #{(i + 1)}.
+            %td= score.name
+            %td.score-field= score.created_at.getlocal().strftime("%-I:%M:%S%P")
+= render partial: "handle_puzzle"
@@ -0,0 +1,5 @@
+$("#submission-form").html('<%= escape_javascript(render partial: "submission") %>');
+$("#submission-form #name").val(window.settings.player_name)
+$("#submission-form #name").on("change", function() {
+  window.settings.player_name = this.value
+})