smalruby-editor 0.1.15 → 0.1.16

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: cb16d8aecfe041f7828d1eb715235f0ce8cc79e9
-  data.tar.gz: 6b6a21336c99739958984d7c0220fbaa3a211754
+  metadata.gz: 110fbf90c4792bd8f54a5186633e8ffd33b3ed82
+  data.tar.gz: e3cfd0fa9043b7d3420fd9cc7eb129f4374b343e
 SHA512:
-  metadata.gz: f6f20cea2500aad412b097b4f5bef82481f34fdf49aee63ff7c1b9279350408d7ecb9af83a3362f3e4c15bdfdeecfb3f9dd7b251a76a797e2c999345aa4b3807
-  data.tar.gz: c6aef9c719d5498d2bd10b64248b6485793fb73fe2114b4a040da07d295511234c88dacb753644e7304b740f6d930ca5f5b826d99b673423d6572a025bc2b21f
+  metadata.gz: 606b278152c481b67cead9cdb88c1858f72478ba7b3ed765996eca1c33785cb33900164a85a4061690369323ce58cf8dba7834a7a126a722f0d99948fc715572
+  data.tar.gz: c8ffe0e9d3a24b2242478cbbf57b518b34f905e3046e449e9813adef841b3c40571825aa0be38328c4a32c35389b0785b3eae14ef0c778b79e28d128612250ad

data/README.rdoc

@@ -11,10 +11,24 @@ The smalruby-editor is a visual programming editor that can create a Ruby script
 * DEMO: http://smalruby.herokuapp.com/demo/
 * DEMO(Arduino): http://smalruby.herokuapp.com/demo/rgb_led_anode/
 
-The smalruby-editor is a part of the Smalruby Project.
+The smalruby-editor is a part of the Smalruby (http://smalruby.jp) Project.
 
 The Smalruby(smɔ́ːrúːbi) Project will provide a Ruby learning environment for middle school students from the upper grades of elementary school. The goal of this project is to achieve software and community sites such as the {Scratch}[http://scratch.mit.edu/] in Ruby. The Scratch has experience as educational programming environment can be used in elementary school. This project consists of the following elements.
 
+== Installation (for User)
+
+requirements:
+
+* Windows or UNIX like OS (Mac OS X, Linux, etc...)
+* Ruby 2.0.0-p353 or higher.
+* dxruby_sdl (only Mac OS X and Linux): https://github.com/takaokouji/dxruby_sdl/
+* rsdl (only Mac OS X): http://www.kumaryu.net/proj/ruby-rsdl/
+
+execute below commands.
+
+  gem install smalruby-editor
+  smalruby-editor
+
 == Installation (for Developer)
 
 requirements:
@@ -32,6 +46,7 @@ execute below commands.
   rake db:create
   rake db:migrate
   rake
+  touch tmp/standalone
   rails server
 
 access <tt>localhost:3000</tt> with your web browser.

data/app/assets/javascripts/blocks/character.js.coffee.erb

@@ -65,8 +65,15 @@ Blockly.Blocks['<%= n %>'] =
 
 Blockly.Ruby['<%= n %>'] = (block) ->
   c = block.character
+  switch c.get('rotationStyle')
+    when 'left_right'
+      rotationStyle = ', rotation_style: :left_right'
+    when 'none'
+      rotationStyle = ', rotation_style: :none'
+    else
+      rotationStyle = ''
   Blockly.Ruby.definitions_["character_#{c.get('name')}"] =
-    "#{c.get('name')} = Character.new(costume: #{Blockly.Ruby.quote_(c.costume())}, x: #{c.get('x')}, y: #{c.get('y')}, angle: #{c.get('angle')})"
+    "#{c.get('name')} = Character.new(costume: #{Blockly.Ruby.quote_(c.costume())}, x: #{c.get('x')}, y: #{c.get('y')}, angle: #{c.get('angle')}#{rotationStyle})"
   Blockly.Ruby.cs_().push(c)
   try
     targetBlock = block.getInputTargetBlock('DO')

data/app/assets/javascripts/blocks/hardware.js.coffee.erb

@@ -29,6 +29,8 @@ acDropdown = [
   ['カソード', 'cathode']
 ]
 
+twoWDPinDropdown = (["D#{n}", "D#{n}"] for n in [2..10])
+
 # ハードウェアを準備する
 <% n = "#{category}_init_hardware" %>
 Blockly.Blocks['<%= n %>'] =
@@ -241,12 +243,13 @@ Blockly.Ruby['<%= n %>'] = (block) ->
   Blockly.Ruby.characterMethodCall_("servo(#{Blockly.Ruby.quote_(pin)}).position = #{pos}")
 
 # 「車」サブジャンル
+<% subcategory = 'two_wheel_drive_car' %>
 
-# 「2WD車[▼ピン]を進める」ブロック
-# 「2WD車[▼ピン]をバックさせる」ブロック
-# 「2WD車[▼ピン]を左に曲げる」ブロック
-# 「2WD車[▼ピン]を右に曲げる」ブロック
-# 「2WD車[▼ピン]を止める」ブロック
+# 2WD車[▼ピン]を進める
+# 2WD車[▼ピン]をバックさせる
+# 2WD車[▼ピン]を左に曲げる
+# 2WD車[▼ピン]を右に曲げる
+# 2WD車[▼ピン]を止める
 <%
   [
     ['forward', '進める'],
@@ -255,7 +258,7 @@ Blockly.Ruby['<%= n %>'] = (block) ->
     ['turn_right', '右に曲げる'],
     ['stop', '止める'],
   ].each do |method, label|
-    n = "#{category}_two_wheel_drive_car_#{method}"
+    n = "#{category}_#{subcategory}_#{method}"
 %>
 
 Blockly.Blocks['<%= n %>'] =
@@ -266,7 +269,7 @@ Blockly.Blocks['<%= n %>'] =
     @setColour(<%= color %>)
     @appendDummyInput()
       .appendField('2WD車')
-      .appendField(new Blockly.FieldDropdown(dropdown), 'PIN')
+      .appendField(new Blockly.FieldDropdown(twoWDPinDropdown), 'PIN')
       .appendField('を<%= label %>')
     @setInputsInline(true)
     @setPreviousStatement(true)
@@ -279,6 +282,55 @@ Blockly.Ruby['<%= n %>'] = (block) ->
   Blockly.Ruby.characterMethodCall_("two_wheel_drive_car(#{Blockly.Ruby.quote_(pin)}).<%= method %>")
 <% end %>
 
+# 2WD車[▼ピン]を（　）秒[▼コマンド]
+<% n = "#{category}_#{subcategory}_run" %>
+Blockly.Blocks['<%= n %>'] =
+  init: ()->
+    @setHelpUrl('')
+    @setColour(<%= color %>)
+    @appendDummyInput()
+      .appendField('2WD車')
+      .appendField(new Blockly.FieldDropdown(twoWDPinDropdown), 'PIN')
+      .appendField('を')
+    @appendValueInput('SEC')
+      .setCheck('Number')
+    @appendDummyInput()
+      .appendField('秒')
+    @appendValueInput('COMMAND').setCheck('String')
+    @setInputsInline(true)
+    @setPreviousStatement(true)
+    @setNextStatement(true)
+    @setTooltip('')
+
+Blockly.Ruby['<%= n %>'] = (block) ->
+  pin = @getFieldValue('PIN')
+  sec = Blockly.Ruby.valueToCode(@, 'SEC', Blockly.Ruby.ORDER_NONE) || 0
+  command = Blockly.Ruby.valueToCode(@, 'COMMAND', Blockly.Ruby.ORDER_NONE) || Blockly.Ruby.quote_('stop')
+
+  Blockly.Ruby.characterMethodCall_("two_wheel_drive_car(#{Blockly.Ruby.quote_(pin)}).run(command: #{command}, sec: #{sec})")
+
+# [▼コマンド]
+<% n = "#{category}_#{subcategory}_commands" %>
+Blockly.Blocks['<%= n %>'] =
+  init: ()->
+    commands = [
+      ['進める', 'forward'],
+      ['バックさせる', 'backward'],
+      ['左に曲げる', 'turn_left'],
+      ['右に曲げる', 'turn_right'],
+      ['止める', 'stop'],
+    ]
+    @setHelpUrl('')
+    @setColour(<%= color %>)
+    @appendDummyInput()
+      .appendField(new Blockly.FieldDropdown(commands), 'COMMAND')
+    @setOutput(true, 'String')
+    @setTooltip('')
+
+Blockly.Ruby['<%= n %>'] = (block) ->
+  code = Blockly.Ruby.quote_(@getFieldValue('COMMAND'))
+  [code, Blockly.Ruby.ORDER_ATOMIC]
+
 # 「ボタン」サブジャンル
 
 # 条件:ボタン[▼]を押している

data/app/assets/javascripts/blocks/motion.js.coffee.erb

@@ -119,8 +119,7 @@ Blockly.Blocks['<%= n %>'] =
 Blockly.Ruby['<%= n %>'] = (block) ->
   x = Blockly.Ruby.valueToCode(@, 'X', Blockly.Ruby.ORDER_NONE) || '0'
   y = Blockly.Ruby.valueToCode(@, 'Y', Blockly.Ruby.ORDER_NONE) || '0'
-  Blockly.Ruby.characterSetVariable_('x', x) +
-    Blockly.Ruby.characterSetVariable_('y', y)
+  Blockly.Ruby.characterSetVariable_('position', "[#{x}, #{y}]")
 
 # マウスポインターへ行く
 <% n = "#{category}_go_to_mouse" %>

data/app/assets/javascripts/models/character.js.coffee

@@ -6,6 +6,7 @@ Smalruby.Character = Backbone.Model.extend({
     x: 0
     y: 0
     angle: 0
+    rotationStyle: 'free'
     visible: true
     using: false
 
@@ -64,6 +65,32 @@ Smalruby.Character = Backbone.Model.extend({
     i = 0 if i >= @get('costumes').length
     @set({ 'costumeIndex': i })
     i
+
+  rotationStyleIconName: ->
+    switch @get('rotationStyle')
+      when 'free'
+        'icon-repeat'
+      when 'left_right'
+        'icon-resize-horizontal'
+      when 'none'
+        'icon-arrow-right'
+
+  rotateImage: (selector) ->
+    angle = @get('angle')
+    switch @get('rotationStyle')
+      when 'free'
+        transformValue = "rotate(#{angle}deg) scaleX(1)"
+      when 'left_right'
+        if angle < 90 || angle >= 270
+          transformValue = "rotate(0deg) scaleX(1)"
+        else
+          transformValue = "rotate(0deg) scaleX(-1)"
+      when 'none'
+        transformValue = "rotate(0deg) scaleX(1)"
+    $(selector).css
+      '-moz-transform': transformValue
+      '-webkit-transform': transformValue
+      transform: transformValue
 }, {
   PRESET_COSTUMES: [
     'car1.png'

data/app/assets/javascripts/smalruby.js.coffee

@@ -131,6 +131,7 @@ window.Smalruby =
           x: parseInt(xmlChild.getAttribute('x'), 10)
           y: parseInt(xmlChild.getAttribute('y'), 10)
           angle: parseInt(xmlChild.getAttribute('angle'), 10)
+          rotationStyle: xmlChild.getAttribute('rotation_style') || 'free'
         chars.push(c)
       i++
     Smalruby.Collections.CharacterSet.reset(chars)
@@ -146,6 +147,9 @@ window.Smalruby =
       e.setAttribute('name', c.get('name'))
       e.setAttribute('costumes', c.get('costumes').join(','))
       e.setAttribute('angle', c.get('angle'))
+      rotationStyle = c.get('rotationStyle')
+      if rotationStyle != 'free'
+        e.setAttribute('rotation_style', rotationStyle)
       xmlDom.insertBefore(e, blocklyDom)
     Blockly.Xml.domToPrettyText(xmlDom)
 

data/app/assets/javascripts/views/character_modal_view.js.coffee

@@ -4,6 +4,9 @@ Smalruby.CharacterModalView = Backbone.View.extend
 
   events:
     'click #character-modal-costume-selector a': 'onSelectCostume'
+    'click #character_rotation_style_free': 'onRotationStyleFree'
+    'click #character_rotation_style_left_right': 'onRotationStyleLeftRight'
+    'click #character_rotation_style_none': 'onRotationStyleNone'
     'click #character-modal-ok-button': 'onOk'
 
   previewZoomLevel: 0.5
@@ -57,6 +60,7 @@ Smalruby.CharacterModalView = Backbone.View.extend
     @listenTo(@model, 'change:y', @onChangeY)
     @listenTo(@model, 'change:angle', @onChangeAngle)
     @listenTo(@model, 'change:costumes', @onChangeCostumes)
+    @listenTo(@model, 'change:rotationStyle', @onChangeRotationStyle)
     @listenTo(@model, 'change', @onChange)
 
     @callAllOnChangeAttributes_()
@@ -85,6 +89,7 @@ Smalruby.CharacterModalView = Backbone.View.extend
     @onChangeY(@model, @model.get('y'))
     @onChangeAngle(@model, @model.get('angle'))
     @onChangeCostumes(@model, @model.get('costumes'))
+    @onChangeRotationStyle(@model, @model.get('rotationStyle'))
 
   onChangeName: (model, value, options) ->
     @$el.find('input[name="character[name]"]').val(value)
@@ -103,11 +108,13 @@ Smalruby.CharacterModalView = Backbone.View.extend
     @$el.find('input[name="character[angle]"]').val(value)
     $('#character_angle_value').text("#{value}°")
     rotate = "rotate(#{value}deg)"
-    $('#character-modal-character').css
+    $('#character_angle_vector').css
       '-moz-transform': rotate
       '-webkit-transform': rotate
       transform: rotate
 
+    @model.rotateImage('#character-modal-character')
+
   onChangeCostumes: (model, value, options) ->
     img = $('<img>').attr
       src: model.costumeUrl()
@@ -123,6 +130,11 @@ Smalruby.CharacterModalView = Backbone.View.extend
     else
       @readImageSizeflag = true
 
+  onChangeRotationStyle: (model, value, options) ->
+    $('#character_rotation_style button.btn').removeClass('btn-primary')
+    $("#character_rotation_style_#{value}").addClass('btn-primary')
+    @onChangeAngle(@model, @model.get('angle'))
+
   onChange: (model, options) ->
     return unless @target
 
@@ -157,6 +169,15 @@ Smalruby.CharacterModalView = Backbone.View.extend
 
     @model.set(attrs)
 
+  onRotationStyleFree: ->
+    @model.set({ rotationStyle: 'free' })
+
+  onRotationStyleLeftRight: ->
+    @model.set({ rotationStyle: 'left_right' })
+
+  onRotationStyleNone: ->
+    @model.set({ rotationStyle: 'none' })
+
   onOk: ->
     @$el.modal('hide')
     if @target

data/app/assets/javascripts/views/character_selector_view.js.coffee

@@ -5,7 +5,7 @@ Smalruby.CharacterSelectorView = Backbone.View.extend({
   initialize: ->
     @klass = Smalruby.CharacterSelectorView
 
-    @listenTo(@model, name, @render) for name in ['add', 'remove', 'reset', 'change']
+    @listenTo(@model, name, @onChange) for name in ['add', 'remove', 'reset', 'change']
 
     @templateText = $('#character-selector-template').text()
 
@@ -49,15 +49,16 @@ Smalruby.CharacterSelectorView = Backbone.View.extend({
       if character.get('using')
         removeButton.hide()
 
-      rotate = "rotate(#{character.get('angle')}deg)"
       img = html.find('img')
-      img.css
-        '-moz-transform': rotate
-        '-webkit-transform': rotate
-        transform: rotate
+      character.rotateImage(img)
       img.on 'dragstart', (e) ->
         e.preventDefault()
 
+  onChange: ->
+    unless Smalruby.blocklyLoading
+      Smalruby.changedAfterTranslating = true
+      window.changed = true
+    @render()
 
   addBlock_: (character) ->
     newBlock = new Blockly.Block(Blockly.mainWorkspace, 'character_new')

data/app/assets/stylesheets/application.css

@@ -17,3 +17,11 @@ html, body {
     height: 100%;
     margin: 0;
 }
+
+body {
+    user-select: none;
+    -moz-user-select: none;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+}

data/app/assets/stylesheets/editor.css.scss

@@ -168,6 +168,11 @@ $left-pane-width: $character-size + $margin * 2;
                                 img, div {
                                     margin: -$border-size;
                                 }
+
+                                img {
+                                  max-width: $character-size;
+                                  max-height: $character-size;
+                                }
                             }
 
                             a.character:hover {
@@ -235,11 +240,11 @@ $left-pane-width: $character-size + $margin * 2;
 
     $attributes-height: 160px;
 
-    $left-pane-width: $preview-width;
+    $left-pane-width: $preview-width + 2px;
     $right-pane-width: $character-size * 3 + $modal-body-margin;
 
     $modal-width: $left-pane-width + $right-pane-width + $modal-margin * 2;
-    $modal-height: $preview-height + $attributes-height + $modal-margin * 2;
+    $modal-height: $preview-height + 2px + $attributes-height + $modal-margin * 2;
 
     width: $modal-width;
     height: $modal-height;
@@ -259,7 +264,8 @@ $left-pane-width: $character-size + $margin * 2;
 
                 width: $preview-width;
                 height: $preview-height;
-                background-color: black;
+                background-color: white;
+                border: 1px solid gray;
                 overflow: hidden;
 
                 #character-modal-character {
@@ -289,15 +295,19 @@ $left-pane-width: $character-size + $margin * 2;
                         margin-bottom: 8px;
 
                         .control-label {
-                            width: 100px;
+                            width: 50px;
                         }
 
                         .controls {
-                            margin-left: 100px + $modal-body-margin;
+                            margin-left: 50px + $modal-body-margin;
 
                             input[type=range] {
                                 padding: 0;
                             }
+
+                            span#character_angle_vector {
+                                display: inline-block;
+                            }
                         }
                     }
                 }

data/app/controllers/application_controller.rb

@@ -1,4 +1,7 @@
 # -*- coding: utf-8 -*-
+
+require 'smalruby_editor'
+
 class ApplicationController < ActionController::Base
   # Prevent CSRF attacks by raising an exception.
   # For APIs, you may want to use :null_session instead.
@@ -24,13 +27,7 @@ class ApplicationController < ActionController::Base
 
   # Raspberry Piかどうかを返す
   def raspberrypi?
-    if Rails.env != 'test' &&
-        (ENV['SMALRUBY_EDITOR_RASPBERRYPI_MODE'] ||
-         File.exist?(Rails.root.join('tmp', 'raspberrypi')))
-      true
-    else
-      RbConfig::CONFIG['arch'] == 'armv6l-linux-eabihf'
-    end
+    SmalrubyEditor.raspberrypi?
   end
 
   def check_whether_standalone

data/app/models/concerns/ruby_to_block/block/character.rb

@@ -4,7 +4,7 @@ module RubyToBlock
     # ソースコードに含まれるキャラクターを表現するクラス
     class Character < Base
       # rubocop:disable LineLength
-      blocknize '^\s*(\S+)\s*=\s*Character\.new\(costume:\s*"(\s*[^"]+\s*)"\s*,\s*x:\s*(\s*\d+\s*)\s*,\s*y:\s*(\s*\d+\s*)\s*,\s*angle:\s*(\s*\d+\s*)\)\s*$',
+      blocknize '^\s*(\S+)\s*=\s*Character\.new\(costume:\s*"(\s*[^"]+\s*)"\s*,\s*x:\s*(\s*\d+\s*)\s*,\s*y:\s*(\s*\d+\s*)\s*,\s*angle:\s*(\s*\d+\s*)(?:,\s*rotation_style:\s*\s*:(free|left_right|none)\s*)?\)\s*$',
                 statement: true
       # rubocop:enable LineLength
 
@@ -13,12 +13,14 @@ module RubyToBlock
       attr_accessor :x
       attr_accessor :y
       attr_accessor :angle
+      attr_accessor :rotation_style
 
       def self.process_match_data(md, context)
         md2 = regexp.match(md[type])
         name = md2[1]
         context[:characters][name] = new(name: name, costumes: [md2[2]],
-                                         x: md2[3], y: md2[4], angle: md2[5])
+                                         x: md2[3], y: md2[4], angle: md2[5],
+                                         rotation_style: md2[6] || 'free')
 
         true
       end
@@ -29,13 +31,19 @@ module RubyToBlock
         @x = options[:x]
         @y = options[:y]
         @angle = options[:angle]
+        @rotation_style = options[:rotation_style]
       end
 
       def to_xml(parent)
-        parent.add_element('character',
-                           'name' => @name,
-                           'x' => @x, 'y' => @y, 'angle' => @angle,
-                           'costumes' => @costumes.join(','))
+        attrs = {
+          'name' => @name,
+          'x' => @x,
+          'y' => @y,
+          'angle' => @angle,
+          'costumes' => @costumes.join(',')
+        }
+        attrs['rotationStyle'] = @rotation_style if @rotation_style != 'free'
+        parent.add_element('character', attrs)
       end
     end
   end

data/app/models/concerns/ruby_to_block/block/hardware_two_wheel_drive_car.rb

@@ -3,7 +3,7 @@ module RubyToBlock
   module Block
     class HardwareTwoWheelDriveCar < CharacterMethodCall
       # rubocop:disable LineLength
-      blocknize '^\s*' + CHAR_RE + 'two_wheel_drive_car\("(D(?:[2-9]|10))"\).(forward|backward|turn_left|turn_right|stop)\s*$',
+      blocknize '^\s*' + CHAR_RE + 'two_wheel_drive_car\("(D(?:[2-9]|10))"\)\.(forward|backward|turn_left|turn_right|stop)\s*$',
                 statement: true
       # rubocop:enable LineLength
 

data/app/models/concerns/ruby_to_block/block/hardware_two_wheel_drive_car_commands.rb

@@ -0,0 +1,15 @@
+# -*- coding: utf-8 -*-
+module RubyToBlock
+  module Block
+    class HardwareTwoWheelDriveCarCommands < Value
+      blocknize '^\s*"(forward|backward|turn_left|turn_right|stop)"\s*$',
+                value: true, priority: 1
+
+      def self.process_match_data(md, context)
+        md2 = regexp.match(md[type])
+        context.add_value(new(fields: { COMMAND: md2[1] }))
+        true
+      end
+    end
+  end
+end

data/app/models/concerns/ruby_to_block/block/hardware_two_wheel_drive_car_run.rb

@@ -0,0 +1,19 @@
+# -*- coding: utf-8 -*-
+module RubyToBlock
+  module Block
+    class HardwareTwoWheelDriveCarRun < CharacterMethodCall
+      # rubocop:disable LineLength
+      blocknize '^\s*' + CHAR_RE + 'two_wheel_drive_car\("(D(?:[2-9]|10))"\)\.run\(command:\s*("[^"]*")\s*,\s*sec:\s*(\d+)\)\s*$',
+                statement: true, inline: true
+      # rubocop:enable LineLength
+
+      def self.process_match_data(md, context)
+        md2 = regexp.match(md[type])
+        add_character_method_call_block(context, md2[1],
+                                        new(fields: { PIN: md2[2] }),
+                                        SEC: md2[4], COMMAND: md2[3])
+        true
+      end
+    end
+  end
+end

data/app/models/concerns/ruby_to_block/block/motion_set_x.rb

@@ -7,32 +7,9 @@ module RubyToBlock
 
       def self.process_match_data(md, context)
         md2 = regexp.match(md[type])
-        block = add_character_method_call_block(context, md2[1], new,
-                                                X: md2[2])
-
-        md3 = MotionSetY.regexp.match(context.look_next_line)
-        process_motion_set_y(context, block, md3) if md3
-
+        add_character_method_call_block(context, md2[1], new, X: md2[2])
         true
       end
-
-      def self.process_motion_set_y(context, block, md)
-        if block.character == get_character(context, md[1])
-          process_value_string(context, block, md[2], :Y)
-          context.next_line
-        end
-      rescue
-        return
-      end
-      private_class_method :process_motion_set_y
-
-      def type
-        if @values.key?(:Y)
-          'motion_set_x_y'
-        else
-          super
-        end
-      end
     end
   end
 end

data/app/models/concerns/ruby_to_block/block/motion_set_x_y.rb

@@ -0,0 +1,21 @@
+# -*- coding: utf-8 -*-
+module RubyToBlock
+  module Block
+    class MotionSetXY < CharacterMethodCall
+      blocknize '^\s*' + CHAR_RE +
+                'position\s*=\s*\[\s*(\S+)\s*,\s*(\S+)\s*\]\s*$',
+                statement: true, inline: true
+
+      def self.process_match_data(md, context)
+        md2 = regexp.match(md[type])
+        add_character_method_call_block(context, md2[1], new,
+                                        X: md2[2], Y: md2[3])
+        true
+      end
+
+      def type
+        'motion_set_x_y'
+      end
+    end
+  end
+end

data/app/models/source_code.rb

@@ -4,6 +4,7 @@ require 'tempfile'
 require 'open3'
 require 'digest/sha2'
 require 'bundler'
+require 'smalruby_editor'
 silence_warnings do
   require_relative 'concerns/ruby_to_block'
 end
@@ -72,13 +73,15 @@ class SourceCode < ActiveRecord::Base
   end
 
   def ruby_cmd
-    path = Pathname('rsdl').expand_path(RbConfig::CONFIG['bindir'])
-    if path.exist?
-      path
-    else
-      Pathname(RbConfig::CONFIG['RUBY_INSTALL_NAME'])
-        .expand_path(RbConfig::CONFIG['bindir'])
+    if SmalrubyEditor.osx?
+      dirs = [RbConfig::CONFIG['bindir']] + ENV['PATH'].split(';')
+      dirs.each do |dir|
+        path = Pathname('rsdl').expand_path(dir)
+        return path if path.exist?
+      end
     end
+    Pathname(RbConfig::CONFIG['RUBY_INSTALL_NAME'])
+      .expand_path(RbConfig::CONFIG['bindir'])
   end
 
   def open3_capture3_ruby_c

data/app/views/editor/_block_tab.html.haml

@@ -41,7 +41,9 @@
       .attributes
         X: {{- get('x') }} Y: {{- get('y') }}
         %br
-        向き: {{- get('angle') }}°
+        向き:
+        %i{class: "{{- rotationStyleIconName() }}"}
+        {{- get('angle') }}°
 
       %a.add-block-button
         %i.icon-folder-close-alt