nadesiko3 3.3.49 → 3.3.50

package/demo/js/turtle3d_test.js

@@ -1,44 +1,44 @@
-// 追加のデフォルトコード
-const defCode =
-  'T3Dカメ描画先は『turtle3d_div』。' +
-  'T3Dオービットコントロール設定。';
-
-let displayId = 'info'
-
-// なでしこの関数をカスタマイズ
-navigator.nako3.setFunc('表示', [['と', 'を']], function (s) {
-  console.log(s)
-  document.getElementById(displayId).innerHTML += toHtml(s) + '<br>'
-})
-
-let nakoGlobal = undefined
-
-// 簡易DOMアクセス関数など
-function runBox (id) {
-  if (id === null) {
-    window.alert('idが設定されていません。')
-    return
-  }
-  let src = defCode + document.getElementById(id).value
-  displayId = id + '_info'
-  document.getElementById(displayId).innerHTML = ''
-  try {
-    nakoGlobal = navigator.nako3._runEx(src,'',{}, defCode, nakoGlobal)
-    document.getElementById('backlink').href = '#' + id + '_head'
-    window.location.href = '#run'
-    document.getElementById('err').style.display = 'none'
-  } catch (e) {
-    document.getElementById('err').innerHTML = e.message.replace(/\n/g, '<br>\n')
-    document.getElementById('err').style.display = 'block'
-  }
-}
-
-function resetBoxTurtle3D (id) {
-  if (id === null)
-    id = 'src_box'
-
-  document.getElementById(id + '_info').innerHTML = ''
-  navigator.nako3._runEx('T3Dカメ全消去', '', {}, '', nakoGlobal)
-  document.getElementById('turtle3d_div').innerHTML = ''
-  nakoGlobal = undefined
-}
+// 追加のデフォルトコード
+const defCode =
+  'T3Dカメ描画先は『turtle3d_div』。' +
+  'T3Dオービットコントロール設定。';
+
+let displayId = 'info'
+
+// なでしこの関数をカスタマイズ
+navigator.nako3.setFunc('表示', [['と', 'を']], function (s) {
+  console.log(s)
+  document.getElementById(displayId).innerHTML += toHtml(s) + '<br>'
+})
+
+let nakoGlobal = undefined
+
+// 簡易DOMアクセス関数など
+function runBox (id) {
+  if (id === null) {
+    window.alert('idが設定されていません。')
+    return
+  }
+  let src = defCode + document.getElementById(id).value
+  displayId = id + '_info'
+  document.getElementById(displayId).innerHTML = ''
+  try {
+    nakoGlobal = navigator.nako3._runEx(src,'',{}, defCode, nakoGlobal)
+    document.getElementById('backlink').href = '#' + id + '_head'
+    window.location.href = '#run'
+    document.getElementById('err').style.display = 'none'
+  } catch (e) {
+    document.getElementById('err').innerHTML = e.message.replace(/\n/g, '<br>\n')
+    document.getElementById('err').style.display = 'block'
+  }
+}
+
+function resetBoxTurtle3D (id) {
+  if (id === null)
+    id = 'src_box'
+
+  document.getElementById(id + '_info').innerHTML = ''
+  navigator.nako3._runEx('T3Dカメ全消去', '', {}, '', nakoGlobal)
+  document.getElementById('turtle3d_div').innerHTML = ''
+  nakoGlobal = undefined
+}

package/demo/js/turtle_test.js

@@ -1,45 +1,45 @@
-// 追加のデフォルトコード
-const defCode =
-  'カメ全消去。' +
-  'カメ描画先は『#turtle_cv』。' +
-  '『#turtle_cv』へ描画開始。';
-
-let displayId = 'info'
-
-// なでしこの関数をカスタマイズ
-navigator.nako3.addFunc('表示', [['と', 'を']], function (s) {
-  console.log(s)
-  document.getElementById(displayId).innerHTML += toHtml(s) + '<br>'
-}, true)
-
-// 簡易DOMアクセス関数など
-function runBox (id) {
-  if (id === null) {
-    window.alert('idが設定されていません。')
-    return
-  }
-  console.log('runBox:', id)
-  let src = defCode + document.getElementById(id).value
-  displayId = id + '_info'
-  document.getElementById(displayId).innerHTML = ''
-  try {
-    console.log('defCode=', defCode)
-    navigator.nako3.run(src, 'main.nako3', defCode)
-    document.getElementById('backlink').href = '#' + id + '_head'
-    window.location.href = '#run'
-    document.getElementById('err').style.display = 'none'
-  } catch (e) {
-    document.getElementById('err').innerHTML = e.message.replace(/\n/g, '<br>\n')
-    document.getElementById('err').style.display = 'block'
-  }
-}
-
-function resetBoxTurtle (id) {
-  if (id === null)
-    id = 'src_box'
-
-  document.getElementById(id + '_info').innerHTML = ''
-  const cv = document.getElementById('turtle_cv')
-  cv.getContext('2d').clearRect(0, 0, cv.width, cv.height)
-  navigator.nako3.run('カメ全消去')
-}
+// 追加のデフォルトコード
+const defCode =
+  'カメ全消去。' +
+  'カメ描画先は『#turtle_cv』。' +
+  '『#turtle_cv』へ描画開始。';
+
+let displayId = 'info'
+
+// なでしこの関数をカスタマイズ
+navigator.nako3.addFunc('表示', [['と', 'を']], function (s) {
+  console.log(s)
+  document.getElementById(displayId).innerHTML += toHtml(s) + '<br>'
+}, true)
+
+// 簡易DOMアクセス関数など
+function runBox (id) {
+  if (id === null) {
+    window.alert('idが設定されていません。')
+    return
+  }
+  console.log('runBox:', id)
+  let src = defCode + document.getElementById(id).value
+  displayId = id + '_info'
+  document.getElementById(displayId).innerHTML = ''
+  try {
+    console.log('defCode=', defCode)
+    navigator.nako3.run(src, 'main.nako3', defCode)
+    document.getElementById('backlink').href = '#' + id + '_head'
+    window.location.href = '#run'
+    document.getElementById('err').style.display = 'none'
+  } catch (e) {
+    document.getElementById('err').innerHTML = e.message.replace(/\n/g, '<br>\n')
+    document.getElementById('err').style.display = 'block'
+  }
+}
+
+function resetBoxTurtle (id) {
+  if (id === null)
+    id = 'src_box'
+
+  document.getElementById(id + '_info').innerHTML = ''
+  const cv = document.getElementById('turtle_cv')
+  cv.getContext('2d').clearRect(0, 0, cv.width, cv.height)
+  navigator.nako3.run('カメ全消去')
+}

package/demo/nako3/calc.nako3

@@ -1,4 +1,4 @@
-# 取り込みテスト
-●(AとBの)加算処理とは
-　　A+Bを戻す。
-ここまで。
+# 取り込みテスト
+●(AとBの)加算処理とは
+　　A+Bを戻す。
+ここまで。

package/demo/runscript.html

@@ -1,47 +1,47 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <title>なでしこ3 - script要素を実行するデモ</title>
-  <!-- なでしこを使う準備 -->
-  <script src="../release/wnako3.js?run"></script>
-  <script type="なでしこ">
-    # # # # # # # # # # # # # # # # #
-    # なでしこのプログラムをここに書く
-    # # # # # # # # # # # # # # # # #
-
-    # input#a_txtタグに値を設定する
-    「input#a_txt」のDOM要素取得
-    「こんにちは★」をDOMテキスト設定。
-
-    # 続けて、スタイルを指定する
-    「backgroundColor」に青色をDOMスタイル設定。
-    「color」に白色をDOMスタイル設定。
-    「fontSize」に「45px」をDOMスタイル設定。
-  </script>
-</head>
-<body>
-<h1>なでしこ3デモ - script要素を実行する方法</h1>
-<div>
-  <div>
-    <div>
-      以下のいずれかの方法で、このプログラムを表示することができます。
-      <ul>
-        <li>画面を右クリック &rarr; 『ページのソースを表示』をクリック</li>
-        <li>開発者ツールを開く</li>
-      </ul>
-    </div>
-  </div>
-  <div><input type="text" id="a_txt" style="width:300px"></div>
-  <br />
-</div>
-<hr>
-<div class="sbox">
-  <h3>その他</h3>
-  <ul>
-    <li><a href="index.html">デモトップへ戻る</a></li>
-    <li><a href="browsers.html">対応機器/Webブラウザ</a></li>
-  </ul>
-</div>
-</body>
-</html>
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>なでしこ3 - script要素を実行するデモ</title>
+  <!-- なでしこを使う準備 -->
+  <script src="../release/wnako3.js?run"></script>
+  <script type="なでしこ">
+    # # # # # # # # # # # # # # # # #
+    # なでしこのプログラムをここに書く
+    # # # # # # # # # # # # # # # # #
+
+    # input#a_txtタグに値を設定する
+    「input#a_txt」のDOM要素取得
+    「こんにちは★」をDOMテキスト設定。
+
+    # 続けて、スタイルを指定する
+    「backgroundColor」に青色をDOMスタイル設定。
+    「color」に白色をDOMスタイル設定。
+    「fontSize」に「45px」をDOMスタイル設定。
+  </script>
+</head>
+<body>
+<h1>なでしこ3デモ - script要素を実行する方法</h1>
+<div>
+  <div>
+    <div>
+      以下のいずれかの方法で、このプログラムを表示することができます。
+      <ul>
+        <li>画面を右クリック &rarr; 『ページのソースを表示』をクリック</li>
+        <li>開発者ツールを開く</li>
+      </ul>
+    </div>
+  </div>
+  <div><input type="text" id="a_txt" style="width:300px"></div>
+  <br />
+</div>
+<hr>
+<div class="sbox">
+  <h3>その他</h3>
+  <ul>
+    <li><a href="index.html">デモトップへ戻る</a></li>
+    <li><a href="browsers.html">対応機器/Webブラウザ</a></li>
+  </ul>
+</div>
+</body>
+</html>

package/demo/runscript2.html

@@ -1,33 +1,33 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <title>なでしこ3 - script要素を実行するデモ</title>
-  <!-- なでしこを使う準備 -->
-  <link rel="stylesheet" href="../src/wnako3_editor.css">
-  <script src="../release/wnako3.js?run"></script>
-  <script type="なでしこ">
-    # # # # # # # # # # # # # # # # #
-    # なでしこのプログラムをここに書く
-    # # # # # # # # # # # # # # # # #
-    「#demo_canvas」へ描画開始
-    黄色に塗色設定。
-    赤色に線色設定
-    [10, 10, 100, 100]へ四角描画。
-  </script>
-</head>
-<body>
-<h1>なでしこ3デモ - script要素を実行する方法</h1>
-<div>
-  <canvas id="demo_canvas" width="300" height="300"></script>
-</div>
-<hr>
-<div class="sbox">
-  <h3>その他</h3>
-  <ul>
-    <li><a href="index.html">デモトップへ戻る</a></li>
-    <li><a href="browsers.html">対応機器/Webブラウザ</a></li>
-  </ul>
-</div>
-</body>
-</html>
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>なでしこ3 - script要素を実行するデモ</title>
+  <!-- なでしこを使う準備 -->
+  <link rel="stylesheet" href="../src/wnako3_editor.css">
+  <script src="../release/wnako3.js?run"></script>
+  <script type="なでしこ">
+    # # # # # # # # # # # # # # # # #
+    # なでしこのプログラムをここに書く
+    # # # # # # # # # # # # # # # # #
+    「#demo_canvas」へ描画開始
+    黄色に塗色設定。
+    赤色に線色設定
+    [10, 10, 100, 100]へ四角描画。
+  </script>
+</head>
+<body>
+<h1>なでしこ3デモ - script要素を実行する方法</h1>
+<div>
+  <canvas id="demo_canvas" width="300" height="300"></script>
+</div>
+<hr>
+<div class="sbox">
+  <h3>その他</h3>
+  <ul>
+    <li><a href="index.html">デモトップへ戻る</a></li>
+    <li><a href="browsers.html">対応機器/Webブラウザ</a></li>
+  </ul>
+</div>
+</body>
+</html>

package/demo/runscript3.html

@@ -1,35 +1,35 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <title>なでしこ3 - 取り込むのデモ</title>
-  <!-- なでしこを使う準備 -->
-  <script src="../release/wnako3.js?run"></script>
-  <script type="なでしこ">
-    # # # # # # # # # # # # # # # # #
-    # なでしこのプログラムをここに書く
-    # # # # # # # # # # # # # # # # #
-    # 日本の伝統色480色プラグイン
-    !「https://snowdrops89.github.io/nako3_plugin_TraditionalColor/Plugin_TraditionalColor.js」を取り込む
-    「#demo_canvas」へ描画開始
-    藍色に塗色設定。
-    赤橙に線色設定。
-    10に線太さ設定。
-    [10, 10, 100, 100]へ四角描画。
-  </script>
-</head>
-<body>
-<h1>なでしこ3デモ - 取り込むのでも</h1>
-<div>
-  <canvas id="demo_canvas" width="300" height="300"></script>
-</div>
-<hr>
-<div class="sbox">
-  <h3>その他</h3>
-  <ul>
-    <li><a href="index.html">デモトップへ戻る</a></li>
-    <li><a href="browsers.html">対応機器/Webブラウザ</a></li>
-  </ul>
-</div>
-</body>
-</html>
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>なでしこ3 - 取り込むのデモ</title>
+  <!-- なでしこを使う準備 -->
+  <script src="../release/wnako3.js?run"></script>
+  <script type="なでしこ">
+    # # # # # # # # # # # # # # # # #
+    # なでしこのプログラムをここに書く
+    # # # # # # # # # # # # # # # # #
+    # 日本の伝統色480色プラグイン
+    !「https://snowdrops89.github.io/nako3_plugin_TraditionalColor/Plugin_TraditionalColor.js」を取り込む
+    「#demo_canvas」へ描画開始
+    藍色に塗色設定。
+    赤橙に線色設定。
+    10に線太さ設定。
+    [10, 10, 100, 100]へ四角描画。
+  </script>
+</head>
+<body>
+<h1>なでしこ3デモ - 取り込むのでも</h1>
+<div>
+  <canvas id="demo_canvas" width="300" height="300"></script>
+</div>
+<hr>
+<div class="sbox">
+  <h3>その他</h3>
+  <ul>
+    <li><a href="index.html">デモトップへ戻る</a></li>
+    <li><a href="browsers.html">対応機器/Webブラウザ</a></li>
+  </ul>
+</div>
+</body>
+</html>

package/demo/runscript4.html

@@ -1,33 +1,33 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <title>なでしこ3 - 取り込むのデモ</title>
-  <!-- なでしこを使う準備 -->
-  <script src="../release/wnako3.js?run"></script>
-  <script type="なでしこ">
-    # # # # # # # # # # # # # # # # #
-    # なでしこのプログラムをここに書く
-    # # # # # # # # # # # # # # # # #
-    !「nako3/calc.nako3」を取り込む
-    「#demo_canvas」へ描画開始。
-    A=3と5の加算処理。
-    「bold 72px serif」に描画フォント設定。
-    [10,100]へ「3+5={A}」を文字描画。
-  </script>
-</head>
-<body>
-<h1>なでしこ3デモ - 取り込むのデモ no4</h1>
-<div>
-  <canvas id="demo_canvas" width="300" height="300"></script>
-</div>
-<hr>
-<div class="sbox">
-  <h3>その他</h3>
-  <ul>
-    <li><a href="index.html">デモトップへ戻る</a></li>
-    <li><a href="browsers.html">対応機器/Webブラウザ</a></li>
-  </ul>
-</div>
-</body>
-</html>
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>なでしこ3 - 取り込むのデモ</title>
+  <!-- なでしこを使う準備 -->
+  <script src="../release/wnako3.js?run"></script>
+  <script type="なでしこ">
+    # # # # # # # # # # # # # # # # #
+    # なでしこのプログラムをここに書く
+    # # # # # # # # # # # # # # # # #
+    !「nako3/calc.nako3」を取り込む
+    「#demo_canvas」へ描画開始。
+    A=3と5の加算処理。
+    「bold 72px serif」に描画フォント設定。
+    [10,100]へ「3+5={A}」を文字描画。
+  </script>
+</head>
+<body>
+<h1>なでしこ3デモ - 取り込むのデモ no4</h1>
+<div>
+  <canvas id="demo_canvas" width="300" height="300"></script>
+</div>
+<hr>
+<div class="sbox">
+  <h3>その他</h3>
+  <ul>
+    <li><a href="index.html">デモトップへ戻る</a></li>
+    <li><a href="browsers.html">対応機器/Webブラウザ</a></li>
+  </ul>
+</div>
+</body>
+</html>

package/demo/turtle.html

@@ -1,58 +1,58 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width,initial-scale=1">
-  <title>なでしこ3/タートルグラフィックス</title>
-  <!-- なでしこを使う準備 -->
-  <link rel="stylesheet" href="../src/wnako3_editor.css">
-  <!-- common -->
-  <link rel="stylesheet" type="text/css" href="css/common.css">
-  <!-- basic -->
-  <link rel="stylesheet" type="text/css" href="css/index.css">
-  <link rel="stylesheet" href="../src/wnako3_editor.css">
-  <script src="../release/wnako3.js"></script>
-  <script src="../release/plugin_markup.js"></script>
-  <script src="../release/plugin_turtle.js"></script>
-  <script src="js/common.js"></script>
-  <script src="js/turtle_test.js"></script>
-</head>
-<body>
-<h1><a name="src_box_head">なでしこ3/タートルグラフィックス</a></h1>
-<div id="editor" class="edit_div">
-  <textarea id="src_box" rows="4" title="簡易エディタ">
-カメ作成。
-[10,10]にカメ起点移動。
-90にカメ角度設定。
-N=250
-25回
-　　Nだけカメ進む
-　　90だけカメ右回転
-　　(N*1.3)だけカメ進む
-　　90だけカメ右回転
-　　N = N - 10
-ここまで。</textarea>
-  <div class="buttons">
-    <button onclick="runBox('src_box')" class="default_button">実行</button>
-    <button onclick="resetBoxTurtle('src_box')" class="default_button">クリア</button>
-  </div>
-  <div id="err" class="err"></div>
-  <div class="turtle_box">
-    <p class="edit_head"><a name="run">実行結果:</a> &nbsp; (<a href="#src_box" id="backlink">↑戻る</a>)</p>
-    <p>
-      <canvas id="turtle_cv" class="turtle_canvas" width="280" height="380"></canvas>
-    </p>
-    <p id="src_box_info" class="info"></p>
-  </div>
-</div>
-<div class="sbox">
-  <h3>その他</h3>
-  <ul>
-    <li><a href="turtle2.html">タートルグラフィックスの他の例へ</a></li>
-    <li><a href="index.html">デモのトップページへ</a></li>
-    <li><a href="browsers.html">対応機器/Webブラウザ</a></li>
-  </ul>
-</div>
-
-</body>
-</html>
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <title>なでしこ3/タートルグラフィックス</title>
+  <!-- なでしこを使う準備 -->
+  <link rel="stylesheet" href="../src/wnako3_editor.css">
+  <!-- common -->
+  <link rel="stylesheet" type="text/css" href="css/common.css">
+  <!-- basic -->
+  <link rel="stylesheet" type="text/css" href="css/index.css">
+  <link rel="stylesheet" href="../src/wnako3_editor.css">
+  <script src="../release/wnako3.js"></script>
+  <script src="../release/plugin_markup.js"></script>
+  <script src="../release/plugin_turtle.js"></script>
+  <script src="js/common.js"></script>
+  <script src="js/turtle_test.js"></script>
+</head>
+<body>
+<h1><a name="src_box_head">なでしこ3/タートルグラフィックス</a></h1>
+<div id="editor" class="edit_div">
+  <textarea id="src_box" rows="4" title="簡易エディタ">
+カメ作成。
+[10,10]にカメ起点移動。
+90にカメ角度設定。
+N=250
+25回
+　　Nだけカメ進む
+　　90だけカメ右回転
+　　(N*1.3)だけカメ進む
+　　90だけカメ右回転
+　　N = N - 10
+ここまで。</textarea>
+  <div class="buttons">
+    <button onclick="runBox('src_box')" class="default_button">実行</button>
+    <button onclick="resetBoxTurtle('src_box')" class="default_button">クリア</button>
+  </div>
+  <div id="err" class="err"></div>
+  <div class="turtle_box">
+    <p class="edit_head"><a name="run">実行結果:</a> &nbsp; (<a href="#src_box" id="backlink">↑戻る</a>)</p>
+    <p>
+      <canvas id="turtle_cv" class="turtle_canvas" width="280" height="380"></canvas>
+    </p>
+    <p id="src_box_info" class="info"></p>
+  </div>
+</div>
+<div class="sbox">
+  <h3>その他</h3>
+  <ul>
+    <li><a href="turtle2.html">タートルグラフィックスの他の例へ</a></li>
+    <li><a href="index.html">デモのトップページへ</a></li>
+    <li><a href="browsers.html">対応機器/Webブラウザ</a></li>
+  </ul>
+</div>
+
+</body>
+</html>