さわやかレモンティー さん プロフィール

  •  
さわやかレモンティーさん: LemonteaのUnity部屋
ハンドル名さわやかレモンティー さん
ブログタイトルLemonteaのUnity部屋
ブログURLhttps://www.sawalemontea.com/
サイト紹介文Unityの各種機能の使い方やエラー解決に加え、blenderなど他のソフトとの連携について書きます
自由文Unityをいっさい触ったことのない人は「初めてのUnity」で始められます。「初めてのスクリプト」ではUnity独特のメソッドの解説があります。その他、UI、Terrain、Particlesystemについても書いています。少しですがVisualStudioやWindows10のゲーム作りに役立つ機能も紹介。
参加カテゴリー
更新頻度(1年)情報提供129回 / 365日(平均2.5回/週) - 参加 2017/08/23 08:26

さわやかレモンティー さんのブログ記事

  • Angular FormArrayで動的に変化するフォーム
  • こんにちは。レモンティーです。以前、フォームについての記事を書きました。www.sawalemontea.com今回はFormArrayを使って動的に変化するフォームをつくります。AngularMaterialでMatErrorのバリデーションも付けます。Angular DocsAngular Material使い方はFormBuilderでFormGroupにFormArrayを入れておいて項目を増減したい時にそのFormArrayに子FormGroupをpushしたりremoveAtする感じです。以下、複数のリンクを入力するフォ [続きを読む]
  • Angular AngularMaterialのDialogを使う
  • こんにちは。レモンティーです。今回はAngularMaterialのDialogを使います。公式はコチラAngular MaterialAngularMaterialのDialogでは、まずDialogのコンポーネントをつくりそれを呼び出し時に指定して使います。さっそく見ていきます。 準備 Dialogのコンポーネント作成 呼び出し 準備 ・AngularMaterialのインストール・MatDialogModuleのインポートをします。 Dialogのコンポーネント作成 型の恩恵を受け [続きを読む]
  • Node.js入門 自作モジュールの作成 exports
  • こんにちは。レモンティーです。今回は、自作モジュールの作成です。exportsオブジェクトを使うことで自作のプロパティーや関数などをモジュール化して別のファイルから使用できます。使い方はいつもと同じでrequire('path')を使います。使用例は以下のようになります。mycal.js(モジュール化したいファイル)exports.sum = function(a,b){ return a+b;}exports.mul = function(a,b){ return a*b;}test.js(ここで先ほど作成し [続きを読む]
  • Node.js入門 npmでパッケージの管理
  • こんにちは。レモンティーです。今回はnpmによるパッケージの管理です。前回までに登場したモジュールはBuiltInモジュールといってNode.jsで最初から使えるモジュールでした。Node.jsにはそれ以外にも色々な人が作ったモジュールがありインストールして使用することができます。インストールには専用のPackageManagerであるnpmを使います。npmはNode.jsと一緒にインストールされますので別途ダウンロードなどは必要ありません。npm [続きを読む]
  • Node.js入門 URLのパース URLモジュール
  • 皆さんこんにちは。レモンティーです。今回はurlモジュールを使ってurlをパースします。これでアクセスしたurlによって処理内容を変えたりできますね。ちなみにリクエストされたURLはreq.urlに格納されています。urlのパースは以下のようになります。var q = url.parse('パースしたいurl', true);第二引数はクエリ文字列もパースするかどうか、です。これでqのプロパティからurlの各部分を取得できます。console.log(q.protocol); [続きを読む]
  • Node.js入門 インストールとHello,World
  • 皆さんこんにちは。レモンティーです。今回はNode.js入門です。インストールしてHellow,Worldを表示させてみます。Node.jsを使えばサーバサイドもJavascriptで書けます。https://nodejs.org/ja/↑の公式サイトから無料でDL、使用できます。ただし、頻繁に更新されるため最初からバージョン管理ツールでインストールすると後々楽です。https://qiita.com/satoyan419/items/56e0b5f35912b9374305インストールが済んだらエディタでhel [続きを読む]
  • JavaScript入門 データをローカルに保存 LocalStorage
  • こんにちは。レモンティーです。今回はデータの保存です。Web Storageを使います。WebStorageにはsessionStorageとlocalStorageの2種類ありますがsessionStorageはブラウザを閉じたりすると消えてしまう一時的なものなのでその人が次にページを訪れた時などに使いたい場合はlocalStorageを使います。使い方はKeyValue形式で、こんな感じです。//書き込みlocalStorage['test'] = text;//読み取りlet text = localStorage['test'];/ [続きを読む]
  • Font Awesome 無料で綺麗なアイコンを使う
  • こんにちは。レモンティーです。今回は、Webサイトやアプリで綺麗なアイコンを無料で使えるFontAwesomeを使います。↓公式fontawesome.com公式ページにある↓のコードをheadにコピペすればすぐ使えます。(はてなブログで全ページで使いたい場合は 詳細設定>headに要素を追加 でOK)使い方は簡単でのようにします。faの部分はアイコンの大まかな分類ですが、無料で使えるのはfa(fas)とfabだけなので普段はfaでブランドのロゴの [続きを読む]
  • JavaScript入門 簡単な迷路ゲーム
  • こんにちは。レモンティーです。今回は今までの記事を組み合わせた簡単な迷路ゲームです。黄色がプレイヤーで、矢印キーで操作して水色のゴールにたどり着けたらクリアです。ただし途中でピンクの敵と重なるとゲームオーバーです。(記事が複数表示されている状態だと動きません。) はじめから 矢印キーを押すと画面まで動く場合は↑の空欄にカーソルを合わせてください。 使ったのは↓ [続きを読む]
  • JavaScript入門 Canvas 矢印キーで移動する四角形
  • こんにちは。レモンティーです。今回は矢印キーで移動する四角形をつくります。サンプルはこんな感じです。はじめから画面まで動く場合ここ↑にマウスでフォーカスしてからキー操作してください。使ったのは↓の二つの記事の内容です。www.sawalemontea.comwww.sawalemontea.comキー入力で受け取ったキーコードは連想配列で座標の変化量に変えて…var moovKeys = { 37: [-10,0], //left 39: [10,0], [続きを読む]
  • JavaScript入門 キーボード入力を受け取る
  • こんにちは。レモンティーです。今回はキーボード入力を受け取ります。使うのはdocument.body.onkeydownです。document.body.onkeydown = function(e){ //処理 }のように使います。e.keyCodeでキーコードを取得できるのでどのキーが押されたか判別できます。キーコード一覧は↓キーコード一覧即席チェックサンプルは↓ここにキーを入力キーコードサンプルはこんな感じです。HTMLここにキーを入力キーコードJS今回はこれでおしまい [続きを読む]
  • JavaScript入門 Canvasで2dの描画
  • こんにちは。レモンティーです。今回はJavaScriptのCanvasを使って2dの描画をします。Canvasで様々な描画を行うには、まずCanvas要素のcontextを取得します。 var canvas = document.getElementById('canvas1'); var con = canvas.getContext('2d');これで色々な描画ができます。//四角形con.fillRect(x,y,w,h); //塗りつぶしcon.strokeRect(x,y,w,h); //輪郭con.clearRect(x,y,w,h); //範囲内を消去//直線con.beginPath();c [続きを読む]
  • JavaScript入門 CSSのプロパティを操作
  • #sample2{display:none; }#sample3{position:absolute;}こんにちは。レモンティーです。今回はJavaScriptでCSSのプロパティを操作してみます。↓のように要素を取得して、.style.プロパティ = 値 とすればOKです。let x = document.getElementById("testId");x.style.color = "red";これはテストのための文です。サンプルもっと他の例も見てみます。表示・非表示の切り替えも同様にdisplay = "none" ←→ display = "block" 等vi [続きを読む]
  • JavaScript入門 別のウインドウでページを開く
  • こんにちは。レモンティーです。今回はJavaScriptを使って別窓でページを開きます。使うのはwindow.open("URL","ウインドウ名","その他の情報");です。その他の情報というのは表示位置の情報やスクロールバーの有無などです。例えば"width=640,height=480,top=0,left=0"みたいな感じです。サンプルコードはこんな感じですHTMLサンプルJS今回はこれでおしまいです。www.sawalemontea.com [続きを読む]
  • JavaScript入門 n秒後に処理をする setTimeout
  • こんにちは。レモンティーです。今回はn秒待ってから処理を行います。使うのはsetTimeoutです。setTimeout("関数()",待機時間);ミリ秒単位で待機時間をきめてあげれば、そのぶん待ってから関数を発火させてくれます。3秒待つサンプルサンプルのコードはこんな感じです。HTML3秒待つサンプルJS今回はこれでおしまいです。www.sawalemontea.com [続きを読む]
  • JavaScript入門 画像を動的に変更
  • こんにちは。レモンティーです。今回は画像を動的に変更します。使うのはgetElementByIdです。let x = getElementById("testid");これでimgタグを取得して、srcプロパティにある画像のPathを変更すればOKです。サンプルサンプルのコードはこうなっています。(はてなフォトライフにアップした画像で試していますが、pathが長いので省略してpathとしています。)HTMLサンプルJS今回はこれでおしまいです。www.sawalemontea.com [続きを読む]
  • JavaScript入門 はてなブログでJSを使う
  • こんにちは。レモンティーです。今回はJavaScript入門です。JavaScriptを使えば、はてなブログでも動的な仕掛けを簡単に作れます。見たまま記法以外ならJavaScriptのコードを直に書いて動かせます。さっそくやってみます。試しにここを してくださいなんかメッセージがでましたね。出なかった人はブラウザの設定でJSがoffになっているかもしれません。いまのは↓のようなコードです。HTML試しにここを してくださいJ [続きを読む]
  • JavaScript入門 基本文法
  • こんにちは。レモンティーです。今回はJavaScriptの基本文法です。(概念自体は知っている前提です) 数値、文字列、コメント 変数、定数 条件分岐 繰り返し 関数 配列 数値、文字列、コメント 数値の演算はよくある + - * / % です。文字列もよくある"aiueo"または'aoieo'ですが、↓のようにバッククオートで囲むと変数を埋め込むことができ、改行もそのまま反映されます。`ようこそ${name}さん。あなた [続きを読む]
  • JavaScript入門 ダイアログを表示する alert confirm prompt
  • こんにちは。レモンティーです。今回はJavaScriptでダイアログを表示します。今回扱うのは・OKボタンのみのalertダイアログ・OK、キャンセルの二択のconfirmダイアログ・入力を受け付けるpromptダイアログの三つです。 alert confirm prompt alert OKボタンのみのダイアログは↓のように書きます。alert("メッセージ");サンプル confirm OK、キャンセルの二択のダイアログは↓のように書きます。let rep = co [続きを読む]
  • JavaScript入門 n乗、n乗根、四捨五入 Math
  • こんにちは。レモンティーです。今回はJavaScriptでn乗、n乗根、四捨五入、切り捨て、切り上げなどを計算します。 n乗 n乗根 円周率 四捨五入 切り捨て 切り上げ n乗 Math.pow(A,n); n乗根 Math.sqrt(A); 円周率 Math.PI; 四捨五入 Math.round(A); 切り捨て Math.ceil(A); 切り上げ Math.floor(A);今回はこれでおしまいです。www.sawalemontea.com [続きを読む]