reveal-ck-rabbit-plugin 0.1 → 0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 72316396c424de4ff4b4540a8397f1c5e26c5e8472fb70f5948f899a2fa0218f
-  data.tar.gz: 8e5db85b540ab83ff791cab6aa5c251ee0ccc5e9240c7172d24b686a036c9bfd
+  metadata.gz: fb704c892b72d4ecf88fe8573ec922253d8c90647433c10d10970b07d6fd9f2c
+  data.tar.gz: fca9d2dbf781bbd2bac41a6bed92cad80f994959c868ed72ac95e42f6d8821f6
 SHA512:
-  metadata.gz: 77e37458e9857562c5a408c7a8f5f1ed685924d6e26c5831e1f3555e01cbbeca80e5a8edd4254c9db03f3d6ac189a9d9a910a0de400ab5beba25621763567a5d
-  data.tar.gz: 38322c371c77a727d27fc95db19bd6be547ddd82331b52fc6516e9f9bd8a3dc30612910b594a22ee18a950d79598f483782876cd6979d470044119d9768aefac
+  metadata.gz: af0acdc09bec4b599737f1a10e097de6255e243a7f5036207aa94ee862c2fd548c4020c0ada1e1f698998031a23e602712f23eb2ee927b70be891b400056b6b6
+  data.tar.gz: 281de7f804bf7297863a14052c262f0b26504a3578a8ba1ea2f435326331f7705ce4b5843dcb0cb538908750cfee771aa332265ab76d4c28764c9e61b92727a1

data/css/rabbit.css

@@ -0,0 +1,9 @@
+#rabbit-rabbit {
+    background-image: url("../images/rabbit/rabbit.png");
+    height: 15%;
+}
+
+#rabbit-turtle {
+    background-image: url("../images/rabbit/turtle.png");
+    height: 15%;
+}

data/exe/reveal-ck-rabbit-plugin

@@ -6,9 +6,10 @@ unless File.exist? 'slides.md'
   exit 1
 end
 
-['images/rabbit', 'plugin/rabbit'].each do |dir|
+['images/rabbit', 'plugin/rabbit', 'css'].each do |dir|
   FileUtils.mkdir_p dir
 end
 FileUtils.cp(File.expand_path('../images/rabbit.png', __dir__), 'images/rabbit')
 FileUtils.cp(File.expand_path('../images/turtle.png', __dir__), 'images/rabbit')
 FileUtils.cp(File.expand_path('../plugin/rabbit.js', __dir__), 'plugin/rabbit')
+FileUtils.cp(File.expand_path('../css/rabbit.css', __dir__), 'css')

data/plugin/rabbit.js

@@ -2,27 +2,46 @@
     var start_time = null;
 
     var img_rabbit = document.createElement('img');
-    img_rabbit.setAttribute('src', 'images/rabbit/rabbit.png');
-    img_rabbit.setAttribute('style', 'position:fixed; bottom:0px; left: 0px; height:15%; display:none');
+    img_rabbit.setAttribute('id', 'rabbit-rabbit');
+    img_rabbit.setAttribute('style', 'position:fixed; bottom:0px; left: 0px; visibility:hidden');
+
     var img_turtle = document.createElement('img');
-    img_turtle.setAttribute('src', 'images/rabbit/turtle.png');
-    img_turtle.setAttribute('style', 'position:fixed; bottom:0px; left: 0px; height:15%; display:none');
+    img_turtle.setAttribute('id', 'rabbit-turtle');
+    img_turtle.setAttribute('style', 'position:fixed; bottom:0px; left: 0px; visibility:hidden');
+
     document.body.appendChild(img_turtle);
     document.body.appendChild(img_rabbit);
 
+    // CSS background-image の URL を src に設定して background-image を削除
+    var set_image_src = function(img) {
+        var bg_image_url = window.getComputedStyle(img).backgroundImage.match(/^url\(\"([^\"]*)\"\)/);
+        if (bg_image_url) {
+            img.src = bg_image_url[1];
+            img.style.backgroundImage = 'none';
+        }
+    }
+
+    set_image_src(img_rabbit);
+    set_image_src(img_turtle);
+
     setInterval(function(){
         if (start_time) {
             var alloted_time = Reveal.getConfig().alloted_time;
             if (alloted_time) {
-                img_turtle.style.display = '';
-                img_turtle.style.left = (window.innerWidth - img_turtle.width) * ((Date.now()-start_time) / 1000 / alloted_time) + "px";
+                var left = (window.innerWidth - img_turtle.width) * ((Date.now()-start_time) / 1000 / alloted_time) * 100 / window.innerWidth;
+                if (left > 100) {
+                    img_turtle.style.visibility = 'hidden';
+                } else {
+                    img_turtle.style.visibility = 'visible';
+                    img_turtle.style.left = left + '%';
+                }
             } else {
-                img_turtle.style.display = 'none';
+                img_turtle.style.visibility = 'visible';
             }
         }
     }, 500);
 
-    var rabbit = function(current_page) {
+    var display_rabbit = function(current_page) {
         if (!start_time) {
             var re = /rabbit_start_time=(\d+)/;
             if (current_page > 0 && document.cookie.match(re)) {
@@ -33,8 +52,9 @@
             }
         }
         var total_page = Reveal.getTotalSlides();
-        img_rabbit.style.display = '';
-        img_rabbit.style.left = (window.innerWidth - img_rabbit.width) * (current_page / (total_page - 1)) + "px";
+        var left = (window.innerWidth - img_rabbit.width) * (current_page / (total_page - 1)) * 100 / window.innerWidth;
+        img_rabbit.style.visibility = 'visible';
+        img_rabbit.style.left = left + '%';
     }
     var current_page = Reveal.getIndices().h
     if (current_page == 0) {
@@ -42,8 +62,7 @@
             document.cookie = 'rabbit_start_time=';
         }
     } else {
-        setTimeout(function(){rabbit(current_page)}, 0);
+        setTimeout(function(){display_rabbit(current_page)}, 0);
     }
-    Reveal.addEventListener('slidechanged', function(event){rabbit(event.indexh)});
+    Reveal.addEventListener('slidechanged', function(event){display_rabbit(event.indexh)});
 }());
-

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: reveal-ck-rabbit-plugin
 version: !ruby/object:Gem::Version
-  version: '0.1'
+  version: '0.2'
 platform: ruby
 authors:
 - TOMITA Masahiro
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2018-02-01 00:00:00.000000000 Z
+date: 2018-02-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -46,18 +46,11 @@ executables:
 extensions: []
 extra_rdoc_files: []
 files:
-- ".gitignore"
-- Gemfile
-- LICENSE
-- README.md
-- Rakefile
-- bin/console
-- bin/setup
+- css/rabbit.css
 - exe/reveal-ck-rabbit-plugin
 - images/rabbit.png
 - images/turtle.png
 - plugin/rabbit.js
-- reveal-ck-rabbit-plugin.gemspec
 homepage: http://github.com/tmtm/reveal-ck-rabbit-plugin
 licenses:
 - MIT

data/.gitignore

@@ -1,8 +0,0 @@
-/.bundle/
-/.yardoc
-/_yardoc/
-/coverage/
-/doc/
-/pkg/
-/spec/reports/
-/tmp/

data/Gemfile

@@ -1,6 +0,0 @@
-source "https://rubygems.org"
-
-git_source(:github) {|repo_name| "https://github.com/#{repo_name}" }
-
-# Specify your gem's dependencies in reveal-ck-rabbit-plugin.gemspec
-gemspec

data/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2018 TOMITA Masahiro
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

data/README.md

@@ -1,35 +0,0 @@
-# reveal-ck-rabbit-plugin
-
-[reveal-ck](http://jedcn.github.io/reveal-ck/)のスライドに、[rabbit](https://rabbit-shocker.org/)のようなウサギとカメを表示します。
-
-## Installation
-
-    % gem install reveal-ck-rabbit-plugin
-
-## Usage
-
-    % mkdir foo
-    % cd foo
-    % touch slides.md
-    % reveal-ck-rabbit-plugin
-    % reveal-ck generate
-
-スライドを開始して2ページ目に進むとウサギが表示されます。
-ウサギは現在のスライドの位置を示しています。
-
-config.yml の `revealjs_config` に `alloted_time` を追加するとカメが表示されるようになります。
-
-```yaml
-title: "Slide title"
-revealjs_config:
-  alloted_time: 300
-```
-
-スライドの2ページ目を表示した時から `alloted_time`秒かけて右端に進んでいきます。
-
-ウサギよりもカメが先行するようなら時間内にスライドの最後までたどり着けない可能性があります。
-
-reveal-ck はファイルが更新されると自動的にスライドがリロードされますが、カメの位置はリロード前と変わりません。
-カメを最初の位置にリセットしたい場合は、スライドの1ページ目でリロードしてください。
-
-Linux上のFirefoxでしか動作確認はしていません。

data/Rakefile

@@ -1,2 +0,0 @@
-require "bundler/gem_tasks"
-task :default => :spec

data/bin/console

@@ -1,14 +0,0 @@
-#!/usr/bin/env ruby
-
-require "bundler/setup"
-require "reveal/ck/rabbit/plugin"
-
-# You can add fixtures and/or initialization code here to make experimenting
-# with your gem easier. You can also use a different console, if you like.
-
-# (If you use this, don't forget to add pry to your Gemfile!)
-# require "pry"
-# Pry.start
-
-require "irb"
-IRB.start(__FILE__)

data/bin/setup

@@ -1,8 +0,0 @@
-#!/usr/bin/env bash
-set -euo pipefail
-IFS=$'\n\t'
-set -vx
-
-bundle install
-
-# Do any other automated setup that you need to do here

data/reveal-ck-rabbit-plugin.gemspec

@@ -1,21 +0,0 @@
-Gem::Specification.new do |spec|
-  spec.name          = "reveal-ck-rabbit-plugin"
-  spec.version       = '0.1'
-  spec.licenses      = ['MIT']
-  spec.authors       = ["TOMITA Masahiro"]
-  spec.email         = ["tommy@tmtm.org"]
-
-  spec.summary       = "reveal-ck rabbit plugin"
-  spec.description   = "reveal-ck rabbit plugin"
-  spec.homepage      = "http://github.com/tmtm/reveal-ck-rabbit-plugin"
-
-  spec.files         = `git ls-files -z`.split("\x0").reject do |f|
-    f.match(%r{^(test|spec|features)/})
-  end
-  spec.bindir        = "exe"
-  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
-  spec.require_paths = ["lib"]
-
-  spec.add_development_dependency "bundler", "~> 1.16"
-  spec.add_development_dependency "rake", "~> 10.0"
-end