約 2,903,346 件
https://w.atwiki.jp/eriax/pages/118.html
制限 DOM Events のシンプル(?)な実装試案。名前空間ありの旧仕様。 ソースコード if ( undefined === typeof Array.prototype.indexOf) { Array.prototype.indexOf = function (ceil, floor) { return function (searchElement) { var fromIndex = arguments[1]; var count = this.length; var i = Number(fromIndex) || 0; i = (i 0) ? ceil(i) floor(i); if (i 0) { i += count; } for (; i count; i++) { if (i in this) { if (this[i] === searchElement) { return i; } } } return -1; }; }(Math.ceil, Math.floor); } //////////////////////////////////////////////////////////////////////// function DOMObject(arg) { if (arguments.length 0) { var name; for (name in arg) { if (arg.hasOwnProperty(name)) { this[name] = arg[name]; } } } } (function () { this.constructor = DOMObject; }).call(DOMObject.prototype); //////////////////////////////////////////////////////////////////////// (function () { // EventPhase this.CAPTURING_PHASE = 1; this.AT_TARGET = 2; this.BUBBLING_PHASE = 3; }).call(DOMEvent); function DOMEvent(arg) { if (arguments.length 0) { if (arg) { DOMObject.apply(this, arguments); } } } DOMEvent.prototype = new DOMObject; (function () { this.constructor = DOMEvent; // Level 2 this.type = null; this.target = null; this.currentTarget = null; this.eventPhase = null; this.bubbles = null; this.cancelable = null; this.timeStamp = null; // Level 3 this.namespaceURI = null; this.defaultPrevented = false; this.trusted = false; // extension this.ownerDocument = null; this.propagationStopped = false; this.immediatePropagationStopped = false; }).call(DOMEvent.prototype); (function () { this.stopPropagation = function () { this.propagationStopped = true; }; this.preventDefault = function () { if (this.cancelable) { this.defaultPrevented = true; } }; this.initEvent = function (eventTypeArg, canBubbleArg, cancelableArg) { this.initEventNS(null, eventTypeArg, canBubbleArg, cancelableArg); }; this.stopImmediatePropagation = function () { this.immediatePropagationStopped = true; }; this.toString = function () { return [object Event] ; }; this.initEventNS = function (namespaceURI, eventTypeArg, canBubbleArg, cancelableArg) { this.namespaceURI = namespaceURI; this.type = eventTypeArg; this.bubbles = canBubbleArg; this.cancelable = cancelableArg; }; }).call(DOMEvent.prototype); //////////////////////////////////////////////////////////////////////// function DOMEventTarget(arg) { if (arguments.length 0) { if (arg) { DOMObject.apply(this, arguments); } var name = [EventRegistry] ; if (!this.hasOwnProperty(name)) { var memo = this[name] = []; memo[DOMEvent.CAPTURING_PHASE] = { [] }; memo[DOMEvent.BUBBLING_PHASE] = { [] }; } } } DOMEventTarget.prototype = new DOMObject; (function () { this.constructor = DOMEventTarget; this[ [EventRegistry] ] = null; }).call(DOMEventTarget.prototype); (function () { this[ [IsValidEventListener] ] = function (listener) { return ( function === typeof listener) || ( object === typeof listener function === typeof listener.handleEvent); }; this.addEventListener = function (type, listener, useCapture) { return this.addEventListenerNS(null, type, listener, useCapture); }; this.removeEventListener = function (type, listener, useCapture) { return this.removeEventListenerNS(null, type, listener, useCapture); }; this.dispatchEvent = function (evt) { evt.target = this; evt.timeStamp = new Date; PROPAGATION { var targets = this[ [TraceRoute] ](); var targetCount = targets.length; var i; // capture evt.eventPhase = DOMEvent.CAPTURING_PHASE; for (i = targetCount - 1; 0 = i; i -= 1) { if (!targets[i][ [CallEventListener] ](evt)) { break PROPAGATION; // stop (Immediate)Propagation () called } } // target evt.eventPhase = DOMEvent.AT_TARGET; if (!this[ [CallEventListener] ](evt)) { break PROPAGATION; // stop (Immediate)Propagation () called } // bubble if (evt.bubbles) { evt.eventPhase = DOMEvent.BUBBLING_PHASE; for (i = 0; i targetCount; i++) { if (!targets[i][ [CallEventListener] ](evt)) { break PROPAGATION; // stop (Immediate)Propagation () called } } } } return evt.defaultPrevented; // preventDefault () called? }; this[ [TraceRoute] ] = function () { var result = []; var node = this; if (node.nodeType 0) { while ((node = node.parentNode)) { result[result.length] = node; } } return result; }; this[ [GetEventListener] ] = function (evt) { var type = evt.type; var eventPhase = evt.eventPhase; var namespaceURI = evt.namespaceURI; if (namespaceURI == null) { namespaceURI = ; } switch (eventPhase) { case DOMEvent.CAPTURING_PHASE case DOMEvent.BUBBLING_PHASE var registry = this[ [EventRegistry] ][eventPhase]; var listeners = registry[namespaceURI]; if (listeners instanceof Object) { var handlers = listeners[type]; if (handlers instanceof Array) { return handlers; } return listeners[type] = []; } listeners = registry[namespaceURI] = {}; return listeners[type] = []; case DOMEvent.AT_TARGET var listeners1 = this[ [GetEventListener] ]({ namespaceURI namespaceURI, type type, eventPhase DOMEvent.CAPTURING_PHASE }); var listeners2 = this[ [GetEventListener] ]({ namespaceURI namespaceURI, type type, eventPhase DOMEvent.BUBBLING_PHASE }); return listeners1.concat(listeners2); default return []; } }; this[ [CallEventListener] ] = function (evt) { var listeners = this[ [GetEventListener] ](evt); var listenerCount = listeners.length; var listener; var i; for (i = 0; i listenerCount; i++) { listener = listeners[i]; try { evt.currentTarget = this; if ( function === typeof listener) { listener.call(this, evt); } else if ( function === typeof listener.handleEvent) { listener.handleEvent(evt); } } catch (err) { ; } finally { if (evt.immediatePropagationStopped) { // stopImmediatePropagation () called return false; } } } return !evt.propagationStopped; // stopPropagation () called }; this.toString = function () { return [object EventTarget] ; }; this.addEventListenerNS = function (namespaceURI, type, listener, useCapture) { if (this[ [IsValidEventListener] ](listener)) { var listeners = this[ [GetEventListener] ]({ namespaceURI namespaceURI, type type, eventPhase useCapture ? DOMEvent.CAPTURING_PHASE DOMEvent.BUBBLING_PHASE }); listeners.push(listener); } }; this.removeEventListenerNS = function (namespaceURI, type, listener, useCapture) { if (this[ [IsValidEventListener] ](listener)) { var listeners = this[ [GetEventListener] ]({ namespaceURI namespaceURI, type type, eventPhase useCapture ? DOMEvent.CAPTURING_PHASE DOMEvent.BUBBLING_PHASE }); if (listeners.length 0) { var index = listeners.indexOf(listener); if (index = 0) { listeners.splice(index, 1); } } } }; }).call(DOMEventTarget.prototype); テスト。 !DOCTYPE HTML title TEST /title script type= text/javascript /script script type= text/javascript function TestController(controls) { var Log1 = []; // T1 を要素ノードとして作る var T1 = new DOMEventTarget({ nodeType 1, parentNode null, childNodes [] }); // T1 をイベントリスナで監視（キャプチャ） T1.addEventListener( click , function (e) { var log = []; log.push( T1 capturing_listener[0] ); // デフォルトアクションを取り消す if (controls[ preventDefault ].checked) { e.preventDefault(); log.push( preventDefault() was called ); } // イベント伝播を抑止する if (controls[ stopPropagation ].checked) { e.stopPropagation(); log.push( stopPropagation() was called ); } // イベント伝播を直ちに抑止する if (controls[ stopImmediatePropagation ].checked) { e.stopImmediatePropagation(); log.push( stopImmediatePropagation() was called ); } Log1.push(log.join( | )); }, true); T1.addEventListener( click , function (e) { Log1.push( T1 capturing_listener[1] ); }, true); T1.addEventListener( click , function (e) { Log1.push( T1 capturing_listener[2] ); }, true); // T1 をイベントリスナで監視（バブル） T1.addEventListener( click , function (e) { Log1.push( T1 bubbling_listener[0] ); }, false); T1.addEventListener( click , function (e) { Log1.push( T1 bubbling_listener[1] ); }, false); T1.addEventListener( click , function (e) { Log1.push( T1 bubbling_listener[2] ); }, false); //////////////////////////////////////////////////////////////////////// // T2 を要素ノード（T1 の子）として作る var T2 = new DOMEventTarget({ nodeType 1, parentNode T1, childNodes [] }); T1.childNodes.push(T2); // T2 をイベントリスナで監視（キャプチャ） T2.addEventListener( click , function (e) { Log1.push( T2 capturing_listener[0] ); }, true); T2.addEventListener( click , function (e) { Log1.push( T2 capturing_listener[1] ); }, true); T2.addEventListener( click , function (e) { Log1.push( T2 capturing_listener[2] ); }, true); // T2 をイベントリスナで監視（バブル） var T2_listener0 = { handleEvent function (e) { Log1.push( T2 bubbling_listener[0], this= + this); }, toString function () { return [object DOMEventListener] ; } }; T2.addEventListener( click , T2_listener0, false); T2.addEventListener( click , function (e) { Log1.push( T2 bubbling_listener[1], this= + this); }, false); T2.addEventListener( click , function (e) { Log1.push( T2 bubbling_listener[2] ); }, false); // T2 を監視している T2_listener0 を除去する（バブル） // T2.removeEventListener ( click , T2_listener0, false); //////////////////////////////////////////////////////////////////////// // T3 を要素ノード（T2 の子）として作る var T3 = new DOMEventTarget({ nodeType 1, parentNode T2, childNodes [] }); T2.childNodes.push(T3); // T3 をイベントリスナで監視（キャプチャ） T3.addEventListener( click , function (e) { Log1.push( T3 capturing_listener[0] ); }, true); T3.addEventListener( click , function (e) { Log1.push( T3 capturing_listener[1] ); }, true); T3.addEventListener( click , function (e) { Log1.push( T3 capturing_listener[2] ); }, true); // T3 をイベントリスナで監視（バブル） T3.addEventListener( click , function (e) { Log1.push( T3 bubbling_listener[0] ); }, false); T3.addEventListener( click , function (e) { Log1.push( T3 bubbling_listener[1] ); }, false); T3.addEventListener( click , function (e) { Log1.push( T3 bubbling_listener[2] ); }, false); //////////////////////////////////////////////////////////////////////// // イベント生成 var e = new DOMEvent({ ownerDocument document }); // イベント初期化 e.initEvent( click , controls[ bubbles ].checked, controls[ cancelable ].checked); Log1.push( bubbles + e.bubbles); Log1.push( cancelable + e.cancelable); // イベント通知 var defaultPrevented = T3.dispatchEvent(e); // デフォルトアクションが取り消されたか Log1.push( defaultPrevented + defaultPrevented); //////////////////////////////////////////////////////////////////////// controls[ OUTPUT-1 ].value = Log1.join( .\n ); } /script !-- ここから -- p id= D1 T1 と、その子 T2 と、その子 T3 を作り、それぞれにイベントリスナを取り付けた後、T3 にイベントを送る。 /p pre role= img aria-describedby= D1 + T1 | + T2 | + T3 --- click! /pre form action= # id= FORM-1 p input type= button value= 試す aria-describedby= D1 onclick= TestController(this.form.elements) label input type= checkbox name= bubbles checked= checked bubbles /label label input type= checkbox name= cancelable checked= checked cancelable /label label input type= checkbox name= preventDefault preventDefault /label label input type= checkbox name= stopPropagation stopPropagation /label label input type= checkbox name= stopImmediatePropagation stopImmediatePropagation /label /p p textarea rows= 20 cols= 100 name= OUTPUT-1 /textarea /p /form 初出 2011-08-23/25
https://w.atwiki.jp/f_go/pages/1664.html
https://w.atwiki.jp/suffix/pages/1174.html
W3Cのサイト を参考にWebSpeechAPIを試してみた。 一部sampleから修正する必要がありそうだったので、備忘録的に書いてみた。 !DOCTYPE HTML html lang="ja" head script type="text/javascript" var recognizing; var recognition = new webkitSpeechRecognition(); //chromeの場合はwebkitがいるらしい。 recognition.continuous = true; reset(); recognition.onend = reset; recognition.onresult = function (event) { for (var i = event.resultIndex; i event.results.length; ++i) { //sampleページでは単にresultIndexになっているが… textarea.value += event.results[i][0].transcript; } } function reset() { recognizing = false; button.innerHTML = "Click to Speak"; } function toggleStartStop() { if (recognizing) { recognition.stop(); reset(); } else { recognition.start(); recognizing = true; button.innerHTML = "Click to Stop"; } } /script /head body textarea id="textarea" rows=10 cols=80 /textarea button id="button" onclick="toggleStartStop()" /button /body /html 参考： https //www.google.com/intl/ja/chrome/demos/speech.html http //d.hatena.ne.jp/hecomi/20130121/1358790987
https://w.atwiki.jp/suffix/pages/1017.html
記述が容易になるライブラリのjQueryについて見てみよう。 完璧イコールではないが、同じような動作となる。 javascriptのノーマル記述 jQuery上の記述(versionにより記述方法が異なるので注意) document.getElementById("test") $("#test")[0];または$("#test").get(0);※$("#test")だとjQueryのオブジェクトで、Elementのオブジェクトでないことは注意。 document.addEventListener("DOMContentLoaded",関数) $(document).ready(関数);または$(function(){}); document.getElementById("test").value $("#test").val() document.getElementById("test").value="sample";document.getElementById("test").innerHTML="sample"; $("#test").val("sample");$("#test").html("sample"); document.getElementsByClassName("test") $(".test") document.getElementById("test").onclick = function(){}; $("#test").click(function(){}); document.getElementById("test").style.display = "none"; $("#test").hide() document.getElementById("test").style.backgroundColor="#FF0000"; $("#test").css("background-color","#ff0000"); var input_elm = document.createElement("input");input_elm.setAttribute("type","text");document.getElementById("sample").appendChild(input_elm); var input_elm = $(" input ").attr("type","text");$("#sample").append(input_elm); document.getElementById("test").addEventListener("click", function(){}, false); $("#test").bind("click",function(){}); 1.7.1以降ではon等。尚、jQueryでjavascript記述と同じeventオブジェクトを扱うには、event.originalEventとする必要有。 fireEventやdispatchEvent $("#test").trigger(event名,[イベント呼び出し先で使いたい引数1,引数2]); var opacityValue = 1;var changeRate = 0.1;function test() { if(opacityValue = 0) { opacityValue = opacityValue - changeRate; document.getElementById("test").style.opacity = opacityValue; setTimeout("test()",100); }} $("#test").fadeOut();
https://w.atwiki.jp/sampleisbest/pages/472.html
開発環境 メモ帳 実行環境 Microsoft Edge
https://w.atwiki.jp/doujin_site/pages/16.html
スレッドの有志制作 機能 URL DLパスワード 備考 モバイル端末かどうかを調べる http //www.dotup.org/uploda/www.dotup.org940473.txt.html nonMz5hl フリーのスクリプトなど 名前 機能 URL 備考 bxSlider スライドショー http //bxslider.com/ 有名なjQueryプラグインなので解説は探してください。
https://w.atwiki.jp/myrenshu/pages/31.html
https://w.atwiki.jp/suffix/pages/1147.html
http //kandk.cafe.coocan.jp/jeans/index.php?itemid=630のサイトに分かりやすい記載があり、 COMオブジェクトを通じることで、JScriptからVBScriptを実行する方法がある。 参考サイトも是非見てみよう！ var ScriptControl = WScript.CreateObject("MSScriptControl.ScriptControl"); ScriptControl.language="スクリプト言語名(JScript/VBScript等)"; ScriptControl.addCode="その言語の記述"; ScriptControl.eval("addCodeで指定した関数で呼び出したい関数",引数等); 他にも、wscにまとめることで複数スクリプトを実行する方法もある模様。 参考： http //msdn.microsoft.com/en-us/library/aa227633%28v=vs.60%29.aspx http //www.geocities.jp/maru3128/SakuraMacro/usage/wsc.html
https://w.atwiki.jp/ltts/pages/36.html
version6.6にてscript(Lua Scripting)に対応しました この機能によりある程度のオートメーション化に役立つと思われますが現時点でサンプルが少なく(2016/02/21現在11件) 初心者は手が出しにくい状態になっています どなたかわかる方は記述をお願いいたします。 参考ページ イントロダクション API サンプル(BlackJack) （参考アドレス） http //steamcommunity.com/sharedfiles/filedetails/?id=714904631 Introduction 導入 This guide is designed for those with limited experience scripting with LUA. このガイドはLUAスクリプトに限って作成されています。（それ以外の言語では対応していません） It will review the basics of how to format code, 基本的なフォーマットコードの見方は the building blocks for you to base your code on and provide some examples. いろいろな例をもって説明します It is designed to be hands-on, so you should have Tabletop Simulator open and your LUA editor up to follow along. 実践ながらLUAエディターを使ってみましょう Before The First Keystroke はじめに First, I would highly recommend getting Atom if you intend to script in Tabletop Simulator. はじめに、スクリプトをいじるために、「Atom」の知識が必要です It knows what functions can be used and will import/export code into/out of TS. 「TS」のインポート、エクスポートを知るために下のアドレスを確認しましょう。Instructions on installation and setup of Atom[berserk-games.com] ↑「Atom」の説明アドレス Next you should 次に下のアドレスをブックマークしておきましょう。 bookmark the documentation knowledge base[berserk-games.com]. You will be referencing this site often once you start to write your own scripts. スクリプト作っていくうちにこのサイトが役にたつでしょう。 Its where you go to find Tabletop Simulator specific functions and how they work. ここにはTTSでのスクリプトがどのように動いているかわかります。 You will most often use the API and Objects pages, at least in my experience. 特に「API」と「Object」のページはよく使うでしょう。 Setting Up 準備 When you save your scripts in Tabletop, あなたのスクリプトをTTSで保存するとき it will use your most recent save and then load the script into it. 最新のセーブ、スクリプトがはいったものを使うこと So for any script you intend to write, you will need to do the following スクリプトを書き足す時には下の事に注意しましょう。 Set up the table the way you want it. テーブルを立てる Save the table. テーブルをセーブする（上の「Menu」から Load the table. テーブルをロードする For this exercise, take a blank table and spawn two objects (I used a square block and rectangle block) as well as a red checker. たとえば右の画像みたいに赤と青のブロックと 赤い確認用コインがあります。 Remember to save/load then open up the scripting in Atom Atomでセーブする前にセーブ ロードすること、 or go to Host Scripting in Tabletop Simulator to begin. ホストとしてTTSをはじめることを覚えておいてください 1) Global.lua ファイルの編集 Global.lua is the scripting which is a part of the save file. 「Global.lua」はセーブデータのスクリプトの一部です。 It is where we will be working for most of this tutorial. 練習の最初としてここをやります。 On a new save, it always starts with some text saved into the editor. 新しいセーブをテキストエディターで開きましょう。 Just delete it, we will not be using it. いったん閉じましょう。これは今回使いません。 It is also possible to write scripts and attach them to objects instead of Global. スクリプトを書くこともできますし、グローバルデータの代わりにも使えます。 That way if you save and object it will save its LUA right along with it. セーブすると自動的にLUAデータとして保存されていきます。 You can perform most functions using either Global or Item scripts but we will be working in Global. このデータは「Global」データか「Item」データとして使うことができますが、 ここでは「Global」データとして使っていきます。 2) Functions 機能 Functions[berserk-games.com] are what trigger groups of code. 「Functions」はコードの１グループとして機能します。 Some of them are built into the scripting system (ex. onload()) while others can be created by the user.Every function will start with the word function and end with the word end. 右の図でいうピンク文字の「function」から「end」までが１グループとなります。 A common function built into Tabletop Simulator is onload(). This function triggers every time the script is loaded (like if Undo/Redo is pressed). TTSでよく使う「onload()」はゲームの読み込み時に機能します。 So let us get started by using it to activate a function we will create. Functions should start with a lowercase letter, and cannot contain spaces. We ll use exampleFunction. 「Functions」の機能は「小文字で表記」し、「スペースを含めてはいけません」 function onload() exampleFunction() end Now our script, when it loads, will try to run a function named exampleFunction. But we haven t written one yet! So now we will create our own function, right after the onload function has ended. 上のままじゃ特に何もおきません。 function exampleFunction() print( Hello, World. ) end The command of print() is also a function. But instead of triggering a section of code in LUA, it activates programming inside of Tabletop Simulator to produce a desired effect. In this case, printing a message to the host of the game, in chat.The message is called a string, and is always surrounded by quotes to indicate that. A string is a series of characters. (Ex This is a string. or So is this! )When you save and upload your script, it should now print Hello, World. to chat. 【print( 表示させたい文字 )】 ：「表示させたい文字」がチャット欄に表示されます。 このメッセージは「string」とよばれます Extra Credit When you create your own function, you can also pass variables along with it for the function to use. Another way to write our starting exercise would be 応用編：下の通りにやってみましょう。 function onload() exampleFunction( Hello, World. ) end function exampleFunction(passedString) print(passedString) end We created a variable to represent the string (passedString) and then printed what was contained in that variable. 「passedString」は？ 3) Objects オブジェクト Objects[berserk-games.com] are the physical entities that exist within tabletop. In our example, our objects currently are two blocks and a checker (what a terrible game we are making). Using scripting, we can manipulate objects, move them, add buttons to them or perform other various actions. We re starting our Global.lua over fresh. Erase all text in it. 「オブジェクト」はTTSでは物理的なものになります。 たとえば、さっきつくった赤と青とコインがあるだけの謎のゲーム。 これにスクリプトを使って追加したボタンで動きをあたえてみましょう Global.luaを開いて全てのテキストを一度けしましょう。 GUIDs ガイド To affect and object, first we must identify it in LUA. There are several ways to do this, such as identifying items being picked up or put down by players, finding objects inside of a scripting zone and more. We will be identifying these objects by their GUID. まず「プレイヤーがそのオブジェクト」を「持っている」か「持っていないか」を見極めることが大切です。 そのために「GUID」の機能を使いましょう。 A GUID is a unique identifier which each spawned item in TS will have. Even 2 of the same item will have different GUIDs. To locate an object s GUID, right click on it and go to Scripting. If you click on its GUID there, it will copy it to your clipboard. A GUID is always a string, so remember strings are always in quotes. Lets create some variables with the GUIDs of our objects. REMEMBER Your GUIDs will be different than mine. object1_GUID = 195868 object2_GUID = 333365 checker_GUID = 7dc60d TTS上で作られたオブジェクト毎に上のような「GUID」のコードが設定されている。（見た目が同じものや、コピーしたものでも違うGUIDになる） このGUIDはオブジェクトを右クリックしたとき、上記のように、チャット欄に出てくる （上のGUIDのコードはあなたが実際に試したものとは違う数字になるでしょう） Defining Objects オブジェクトの定義 Then, using onload so this happens when the script is loaded, we will make variables to represent our objects. All of these variable names we ve been making must start with a lower case letter and not contain spaces, but other than that you are fairly free to make up variable names yourself. You want to make it clear what it represents. I will be using object1, object2 and checker to represent my objects. The function we will use to identify will be getObjectFromGUID(string). We place the GUID in the spot for the string. 次に、onloadを使用して、スクリプトがロードされたときに、オブジェクトを表す変数を作成します。 これらの変数名はすべて小文字で始まり、空白を含まないようにしなければなりませんが、 変数名を自分で作ることはかなり自由です。 今回は、何を表しているかを明確にしたいので、オブジェクトを表すためにobject1、object2、checkerを使用します。 識別に使用する関数は「getObjectFromGUID（string）」です。 GUIDを文字列の場所に配置します。 function onload() object1 = getObjectFromGUID(object1_GUID) object2 = getObjectFromGUID(object2_GUID) checker = getObjectFromGUID(checker_GUID) end Manipulating Objects オブジェクトの名前設定 Now we need to manipulate these objects somehow. We will give them a name. In onload(), after we defined our objects, we will use the function of setName(string). Notice that setName, like other object functions, must be tied to an object. Otherwise the script will not understand what object s name we want to change. The string in setName will be what we set the name to. これらのオブジェクトを何らかの形で操作する必要があります。 そのため、これらに名前をつけます。 onload（）では、オブジェクトを定義した後、setName（string）の関数を使用します。 setNameは、他のオブジェクト関数と同様に、オブジェクトに結びつけられなければならないことに注意してください。 それ以外の場合、スクリプトはどのオブジェクトの名前を変更したいのか理解しません。 setNameの文字列は、名前を設定する文字列になります。 object1.setName( Object1 ) object2.setName( Object2 ) checker.setName( That Stupid Checker ) Extra Credit You may be curious as to why we didn t put the object GUIDs directly into getObject (EX object1 = getObjectFromGUID( 195868 ) ). We could have, it would work. This example was to show you that, sometimes, it is more convenient to set a variable early on so you can reference it later. That way, if that variable needs to change (new GUID) you don t have to try to track it down to fix it throughout your code. If you wanted to, for the checker, there is no reason you couldn t write it like 追記：なぜオブジェクトGUIDを直接getObject（EX：object1 = getObjectFromGUID（ 195868 ））に入れなかったのか 疑問をもたなかったでしょうか？ そのままでもうまくいくでしょう。 この例では、後で参照できるように、変数を早期に設定する方が便利な場合があることを示しています。 そうすれば、その変数を変更する必要がある場合（新しいGUID）、 コード全体で修正するためにそれを追跡する必要はありません。 あなたが途中のチェック用に使うのでなければとめませんが・・・ function onload() getObjectFromGUID( 7dc60d ).setName( That Stupid Checker ) end The reason I do not encourage that for learners is partially an aesthetic choice, and partially for code clarity. You want it to be easy for someone else to understand your code, and once you start doing things more complex than changing the name of an object it can get VERY difficult to see what is going on. It can also make future revisions to your code a chore. 「先に名前の定義を書く」ことで、やりやすくなるでしょう。 4) Buttons ボタン While there are many ways to activate functions, buttons are a convenient way to activate sections of code at the player s choosing. All buttons must be attached to an object, and are created using parameters. The object we want to attach our button to is our checker, and those parameters are found on the Objects page in the Knowledge Base. Many are optional, here they are for reference. 機能を有効にする方法はたくさんありますが、ボタンはプレーヤーがボタンを押したときにスクリプトを起動するわかりやすい機能です。 すべてのボタンはオブジェクトに関連付けする必要があり、パラメータを使用して作成されます。 ボタンを関連付けするオブジェクトはチェッカーであり、これらのパラメータはナレッジベースのObjectsページにあります。 多くはオプションです。ここでは参考にしています。 click_function = String --The name of the function which will activate when this button is pressed. ボタンを押したときに起動します function_owner = Object --Determines where the function that the button activates lives (global or an object s script). ボタンが有効になる機能（グローバルまたはオブジェクトのスクリプト）を決定します。 labels = String --The name on the button. ボタン自身に名前をつけます position = Table --X, Y and Z coordinates for where the button appears, from the center of the object it is attached to. ボタンが表示される場所のX座標、Y座標、Z座標を、オブジェクトが取り付けられているオブジェクトの中心から取得します rotation = Table --Pitch, Roll and Yaw in degrees, relative to the object it is attached to. 投げる勢い、転がりかた、振り方を、添付したオブジェクトを基準にした角度で表します。 width = Number --How wide the button is, relative to the scale of its object. ボタンの広さを設定します height = Number --How tall the button is, relative to the scale of its object. ボタンの高さを設定します font_size = Number --Size of the text on the button, relative to the scale of its object. ボタン上に表示されるフォントのサイズを設定します。 Tables Tables in LUA are collections of entries. You can store most anything inside of a table and reference it later. All tables are indicated by curly brackets {}. You can reference entries in a table by a name or by an index number (what number entry it is, indexes start at 1 in LUA.). We will be creating a table right beneath where we established our GUIDs and then filling it with entries to use with the createButton(table) function. The name we are choosing for our table is button_paramiters LUAのテーブルはエントリの集合です。 ほとんどのものはテーブルの中に格納し、後で参照することができます。 すべてのテーブルは中括弧{}で示されます。 テーブル内のエントリは、名前またはインデックス番号（どの番号エントリか、LUAのインデックスは1から始まります）によって参照できます。 GUIDを作成した場所の直下にテーブルを作成し、createButton（table）関数で使用するエントリを入力します。 テーブル用に選択している名前はbutton_paramitersです。 button_parameters = {} button_parameters.click_function = buttonClicked button_parameters.function_owner = nil button_parameters.label = Press Me button_parameters.position = {0,0.8,0} button_parameters.rotation = {0,0,0} button_parameters.width = 500 button_parameters.height = 500 button_parameters.font_size = 100 Now we have a table with the paramiters listed within it. So lets use the object function to create a button on the checker. Enter this inside of function onload() before its end. 今度は、その中にリストされたパラメータを持つ表があります。 オブジェクト関数を使用してチェッカーにボタンを作成させます。 終了する前にfunction onload（）の中でこれを入力してください。 checker.createButton(button_parameters) Check Your Work 動作確認 Save and apply your code. You should now have a button which floats a few inches above your checker. If you don t see it and didn t get an error, try flipping your checker over. It might be upside down so the button is hiding inside the table! If you did flip the checker over, remember to save over your old save with the checker correctly positioned. コードを保存して適用します。 チェッカーの上に数インチ上に浮かぶボタンがあります。 表示されず、エラーが表示されない場合は、チェッカーを裏返しにしてみてください。 それは、ボタンがテーブルの中に隠れているので、逆さまになっているかもしれません！ チェッカーを裏返しにした場合は、チェッカーが正しく配置された状態で古いセーブを保存してください。 Add Button Function ボタン追加 Now we need to add the button s function into our code. To test the function out, we ll print ourselves a message. We ll add this user-defined function to the end of our script. 今度はボタンの機能をコードに追加する必要があります。 関数をテストするために、メッセージを表示します。 このユーザー定義関数をスクリプトの最後に追加します。 function buttonClicked() print( Learning is fun. Sort of. ) end After uploading our script, pressing the button should print our message once for each click. スクリプトをアップロードした後、ボタンを押すと、クリックごとにメッセージが1回表示されます。 Click it repeatedly because of course you will. 同じコードを繰り返すので、繰り返しクリックした表記になります EXTRA CREDIT 追記 When you create tables, there are several ways to accomplish it[www.lua.org]. The way used here was to provide visual clarity. However, creating button parameters like this, if you are going to have many buttons, takes up A LOT of space. I prefer to create my tables in such a way that it saves space but doesn t create a run-on line that goes well off the right side of the screen. Using our example, I would have created my parameter table like this テーブルを作成するときに、テーブルを作成するにはいくつかの方法があります[www.lua.org]。 ここで使用される方法は、視覚的な明快さを提供することでした。 しかし、このようなボタンパラメータを作成すると、多くのボタンを使用する場合は、多くのスペース（広さ）が必要になります。 私はスペースを節約するが、画面の右側からうまくいくランオンラインを作成しないような方法でテーブルを作成することを好みます。 私の例を使って、私は次のように私のパラメータテーブルを作成したでしょう： button_parameters = { click_function= buttonClicked , function_owner=nil, label= Press Me , position={0,0.8,0}, rotation={0,0,0}, width=500, height=500, font_size=100 } EXTRA CREDIT This is the perfect point to start playing with different things you can do with objects. Go to the Object page in the Knowledge Database and try stuff. Move the objects, make them switch positions, change their colors, whatever you can think of. これは、オブジェクトで行うことができるさまざまな作業を開始するのに最適なポイントです。 ナレッジデータベースのオブジェクトページに移動して試してみてください。 オブジェクトを動かす、位置を切り替える、色を変える、何でも考えることができます。 EXTRA CREDIT Also, any time you press a button, its click_function triggers with 2 parameters. The first is an object reference, specifically the reference to the object the button is attached to. The second is a color (ex. Blue ) in string format of the color player who pressed the button. また、ボタンを押すたびに、そのclick_functionが2つのパラメータで引用されます。 1つはオブジェクト参照です。具体的には、ボタンがアタッチされているオブジェクトへの参照です。 2番目のボタンは、ボタンを押したカラープレーヤーの文字列形式の色（例： Blue ）です。 5) Logic Statements Logic statements[www.lua.org] are generally called if statements . They are used to tell your code what you want it to do in a given situation. When the statement is activated (say, by pressing a button) the logic contained in its statement will only be activated if the condition given is true. They are always formatted as 論理文[www.lua.org]は、一般に「if文」と呼ばれます。 彼らはあなたのコードを与えられた状況で何をしたいのかを伝えるために使われます。 ステートメントがアクティブになると（たとえばボタンを押すことによって）、ステートメントに含まれるロジックは、指定された条件が真である場合にのみアクティブになります。 それらは常に次のようにフォーマットされます。 if CONDITION then --Activates if condition was true end You can also add else to that, so that if the statement is false, something ELSE happens instead. Notice here I added commenting using two minus signs in a row. The engine will ignore anything on a line after --. また、 else を追加することもできます。その結果、文が偽であれば、代わりにELSEが発生します。 ここでは、2つのマイナス記号を連続して使用してコメントを追加しました。 エンジンは〜の後の行の何かを無視します。 if CONDITION then --Activates if condition was true else --Activates if condition was false end What you place in the area I labeled CONDITION in these examples are called relational and conditional operators.[www.tutorialspoint.com] Using them, you can compare many things to eachother. They produce what is called a boolian value (a variable value that is either true or false ). これらの例でCONDITIONというラベルを付けた領域に配置するものは、リレーショナルおよび条件付き演算子と呼ばれます。[www.tutorialspoint.com]これらを使用して、多くのことをお互いに比較できます。 ブーリアン値（「真」または「偽」のいずれかの可変値）を生成します。 Our First Logic Statements We will try a few of these out. Erase the current contents in your buttonClicked() function. Now enter into that function these statements これらのうちのいくつかを試してみましょう。 buttonClicked（）関数の現在の内容を消去します。 その関数に次の文を入力します。 if 5 6 then print( 5 is greater than 6 ) end if 6 4 then print( 6 is greater than 5 ) end if 5 == 0 then print( Five is equal to ZERO?! ) else print( No, five isn t equal to zero. ) end When those lines are used and the button pressed, you will see that only the print functions located in the TRUE statement were printed. Also, because 5==0 is a false statement it activated the print function located in the else part of the logic. これらの行が使用され、ボタンが押されると、TRUEステートメントにある印刷機能だけが表示されます。 また、5 == 0は偽の文であるため、ロジックの「else」部分にある印刷機能を有効にしました。 Comparing Variables Once again, erase all of the scripting inside of the buttonClicked() function. We are going to be creating a new variable, then altering it. The new variable will be a bool. Bool values can only be true, false or nil (nil means neither). Bool values are always written in all lower case. First, we will create our variable just beneath our object and checker GUIDs being established. もう一度、buttonClicked（）関数内のすべてのスクリプトを消去します。 私たちは新しい変数を作成し、それを変更します。 新しい変数はboolになります。 Boolの値はtrue、false、またはnil（nilはどちらも意味しません）のみです。 ブール値は常にすべての小文字で記述されます。 まず、オブジェクトとチェッカーのGUIDが確立される直前に変数を作成します。 trueOrFalse = true Then, in buttonClicked, we will establish some logic to check if trueOrFalse is, well, true or false. If it is true, we ll print that it was true and switch it over to false. If the button is clicked again, it will print that it was false and switch it to true. 次に、buttonClickedでは、trueOrFalseがtrue、falseまたはfalseであるかどうかを確認するロジックを確立します。 真であれば、それが本当であることを表示し、それを偽に切り替えます。 ボタンを再度クリックすると、falseであることが表示され、trueに切り替えられます。 if trueOrFalse then print( trueOrFalse was true. ) trueOrFalse = false else print( trueOrFalse was false. ) trueOrFalse = true end We could have also written that as if trueOrFalse == true then but that is unnecesary. Remember, the IF statement just needs to be fed True or False. And since trueOrFalse is already one of those, we can skip the operators. 以下のように書くこともできます」trueOrFalseが、その後真==場合は、「それはunnecesaryであるように、その。IF文がちょうどTrueまたはFalseに供給する必要があることを覚えておいてください。trueOrFalseは既にそのうちの一つであるので、私たちは、事業者をスキップすることができます。 6) Loops Loops are sections of code that can run multiple times/continuously when activated only once. These are some of the more complex elements you will use in LUA. They often go hand-in-hand with tables, allowing you to run code on each entry in the table. ループは、1回だけ起動すると複数回/連続して実行できるコードのセクションです。 これらは、LUAで使用するより複雑な要素の一部です。 彼らはしばしばテーブルと手を携えてテーブルの各エントリにコードを実行させます。 Numeric For Loops A numeric for loop[www.lua.org] is one which runs a set number of times. You give it 2 or 3 numbers and a unique variable name (I will use i , which stands for index) and it starts at the first number, then goes until it hits the second number. If a third number is used, it will count by that. So normally it counts up from 1 by 1, but if you put, as a third number, a 2 it would count by 2s. Each number is separated by a comma. Replace the code in your buttonClicked function with this and give it a try. i , the index, will be equal to 1 on the first run, then it will go up by 1, and be equal to 2 and run again, and keep doing that until it hits 10. ループ[www.lua.org]の数値は、設定された回数だけ実行される数値です。 2つまたは3つの数字と一意の変数名（私は i を使用します）は最初の数字から始まり、2番目の数字に当たるまで続きます。 3番目の数字が使用されている場合は、それによってカウントされます。 通常は1から1までカウントアップしますが、3番目の数字として2を入れると2になります。 各番号はコンマで区切られています。 buttonClicked関数のコードをこれに置き換えて試してみてください。 索引「i」は最初の実行では1になり、次に1になり、2に等しくなり、再び実行され、10に達するまでこれを続けます。 for i=1, 10 do print(i) end print( Loop Finished ) What the output is upon pressing the button ボタンを押したときの出力は何ですか？ Generic For Loops A generic for loop[www.lua.org] is one which runs through entries in a table. For example, the button_parameter table we created. We would set two variables, one for index and one for value, in the loop and then it would run through each entry in the provided table. For each entry in the table, it would make index equal the name of the variable (Ex position, width, etc) and value equal that values we gave each entry. Add this after your current for loop in buttonClicked. 一般的なforループ[www.lua.org]は、テーブル内のエントリを実行するものです。 たとえば、作成したbutton_parameterテーブルです。 ループ内に2つの変数（インデックス用と1つの値用）を設定し、提供されたテーブルの各エントリを実行します。 テーブル内の各エントリについて、変数の名前（例：位置、幅など）と同じになり、値は各エントリに与えた値と等しくなります。 buttonClickedの現在のforループの後にこれを追加します。 for i, v in pairs(button_parameters) do print(i) end What the output is upon pressing the button ボタンを押したときの出力は何ですか？ Break Break[www.lua.org] will end a for loop as soon as it is activated. For instance, if you added to your numeric for loop, just after its print function, the line if i==3 then break end, it would end the loop after it had printed 1, 2, 3. Break [www.lua.org]は、forループがアクティブになるとすぐに終了します。 たとえば、数字のforループに追加した場合、その印刷機能の直後に、i == 3の場合は行末が終了し、1,2,3の場合はループが終了します。 7) Scripting Outside of Global In order to write a script directly into an object, right click that object in game, go to Scripting, and select Lua Editor (if you use Atom, this will open a window in Atom for it). スクリプトをオブジェクトに直接書き込むには、ゲーム内でそのオブジェクトを右クリックし、Scriptingに行き、Lua Editorを選択します（Atomを使用している場合は、Atomのウィンドウが開きます）。 When you write LUA here, it is just like global. Except if you need to reference the object the script is a part of, you simply write self without the quotes, all lower case. So to create a button on itself, you would use self.createButton(table_of_paramiters). ここでLUAを書くと、それはまるでグローバルに似ています。 スクリプトが含まれているオブジェクトを参照する必要がある場合を除いて、引用符なしにすべて小文字の self と書くだけです。 そのため、ボタン自体を作成するには、self.createButton（table_of_paramiters）を使用します。 Closing I hope this introduction to LUA has helped you better understand some of the underlying mechanics of scripting. If not, then I hope you get lost on your way to throttle me. LUAの紹介が、スクリプトの基本的な仕組みの一部を理解するのに役立ちました。 もしそうでなければ、私はあなたが私を抑えるためにあなたの道に迷ってくれることを願っています。 Remember, the Knowledge Base has information on all the functions which are a part of Tabletop Simulator. That, and some basic practice with if/else/then and for loops will let you accomplish most anything you want. Good luck. 知識ベースには、卓上シミュレータの一部であるすべての機能に関する情報があります。 それと、if / else / thenとforループを使ったいくつかの基本的な習慣は、あなたが望むほとんどのものを達成できるようにします。 がんばろう。 Also, if you are on you way to coding, I have started a list of functions to take care of some more complex processes in Lua. You can find it here. また、あなたがコーディングする方法を知っているなら、私はLuaでもっと複雑なプロセスを扱う関数のリストを開始しました。 ここで見つけることができます。
https://w.atwiki.jp/tomokazu0525/pages/264.html
最終更新日時2012-01-06 ■目次 ブックマークレットって何ですか。 ページフッタこのページの1階層下のページ このページに含まれるタグ このページへのアクセス数 ■本文 ブックマークレットって何ですか。 ITmedia Biz.ID：キミはブックマークレットを知っているか？ ブックマークレットとは 【bookmarklet】 - 意味/解説/説明/定義 ： IT用語辞典 かなり使えるブックマークレットいろいろ | IDEA*IDEA ページフッタ このページの1階層下のページ amazon関連 つくりかた 作ったもの このページに含まれるタグ javascript ブックマークレット(Bookmarklet) このページへのアクセス数 今日： - 昨日： - これまで合計： -