Web Design Articles

  • 1825

【Unity道場2】ゲームオブジェクトを表示、非表示

ゲームオブジェクトを表示、非表示をやります 問題1：ゲームオブジェクトを非アクティブにせよ 解答例 問題1：ゲームオブジェクトを非アクティブにせよ ゲームオブジェクトを非アクティブにせよ 解答例 using UnityEngine; public class Test : MonoBehaviour { void Start() { this.gameObject.SetActive(false); } // Update is called once per frame void Update() { } }SetActive(false)でアクティブ・非アクティブを切り替えられます。ただ、一度非アクティブにしてしまうと検索に引っ掛からなくなったりといろいろ不便ですが。 Unityの教科書 Unity 2020完全対応版　2D＆3Dスマートフォンゲーム入門講座作者:北村 愛実発売日: [...]

  • 1894

【超入門】最小構成のWordPressテーマを作る

のすけです。 前回はWordpressテーマの構成について触れました。 hollywis.hatenablog.com 今回はWordpressテーマを作っていきたいと思います。 それも最小の。 レイアウトを決める まず実現したいレイアウトを決めます。 今回は最小構成ということでHTMLはこんな感じにします。 <!DOCTYPE html><!--html宣言--> <html lang="ja"><!--日本語指定--> <head> <meta charset="UTF-8"><!--エンコード：UTF-8指定 --> <title>サイトのタイトル</title> <link rel="stylesheet" href="style.css"> [...]

  • 1895

WordPressのデバッグモードをONにする

Wordpressをカスタマイズする際に、デバッグしたいですよね。 そんな時は、エラーを画面に表示するようにデバッグモードをONにしましょう。 設定ファイルはwp-config.php 次のように設定しましょう。 define('WP_DEBUG', true); デバッグモードをOFFにしたい場合は、次のようにします。 define('WP_DEBUG', false); ログに出力する ログに出力したい場合には、さらに次のようにします。 define('WP_DEBUG', true); //デバッグモードON if (WP_DEBUG) { //デバッグモードONの場合 define('WP_DEBUG_LOG', true); [...]

  • 1896

テーマを作る -　テーマを構成するファイル群

Wordpressの凄い点は、まるで着せ替えのようにデザインを変える事ができる事です。 これをテーマと呼びます。 テーマのインストール画面 管理画面から、初期インストールの「twentyfifteen」「twentysixteen」「twentyseventeen」を選ぶこともできますし、世界中のデザイナーがデザインしたテーマを探して来て、インストールする事ができます。 テーマを新規に入れる事ができる画面 個別のテーマのディレクトリの位置とファイル構成 「wo-content/themes/」の以下にテーマ毎のディレクトリがあり、その下にテーマファイル群が配置されています。 テーマは既存のものを入れることもできますが、もちろん自作することも可能です。 テーマに必要なファイルは次の通りです。 index.php メインテンプレート style.css テーマのcss 最低限、この2つがあればテーマは作成できます。 さらに、より高機能にしたい場合には function.php 関数ファイル search.php 検索ページ 404.php [...]

babylon.jsで3D表現の初めの一歩

こんにちはどうしても3Dでゲームっぽい物をWeb上で作りたくて、ここ数ヶ月Three.jsを勉強していたのですが、、どうやらゲームを作るにはbabylon.jsの方が良さそうです。なぜ、Three.jsではダメなのか？それは純粋な3D表現ツールだからです。 キャラクターが簡単には歩いたりはしない 地面もただの平面オブジェクト 重力は自前でプログラミング などなど。 何ていうか・・・・全て自作が前提なのです。Unityであるように、重力を付与するモジュールとか無いです。誰かが作ってるかもしれないけれど、公式では無いです。これがとても辛いです。(あったら御免なさい。教えていただきたいです) ぽぽん！とゲーム作りたい！ じゃあUnityやりなさいよ！！ という話なのですが、どうやらWeb上では動作が遅いらしく家庭用ゲーム機とかPCやスマホにインストールする形式じゃ無いと辛いらしいです（未検証） あとは、JSで動かしたいんだ！！既存のWebサービスにシームレスに組み込みたいんだ！という話です。 そこで検討したのが、babylon.js(バビロンジェイエス)名前が、人類の愚かさの象徴であるバベルの塔を作り出したバビロンということで、全然いけてないのがとても気になるのですが。。。バベルの塔果たして、これは目的の物なのか、、 頑張って検証していきます。 www.babylonjs.com 執筆時点の最新版は4.1です。Microsoftのエンジニアが作った物らしく、フリーで使えますし、定期的にアップデートもされており、良さげです。Microsoftと言えばマインクラフト！！きっとマインクラフトみたいな物も、簡単に作れるんじゃないかと予想していますw ただ、babylon.jsにも、一つも問題が。。。。 それは、、、 babylonには日本語のドキュメントが一切ない！！　書籍もない！！ ということです。Three.jsには素晴らしい書籍がありました。 初めてのThree.js 第2版 ―WebGLのためのJavaScript 3Dライブラリ作者:Jos Dirksen発売日: 2016/07/23メディア: 単行本（ソフトカバー） ですが、babylon.jsにはありません。なので、このブログで説明しつつ、頑張って使っていきたいと思います。 それでは使っていきましょう。なお、Three.jsがある程度使える方を前提に買いていきます！もし、分からない場合は、コチラのThree.jsの書籍を買って、基本的なWebにおける3D表現のお作法を学んだ方がいいかもしれません。初めてのThree.js 第2版 ―WebGLのためのJavaScript 3Dライブラリ作者:Jos Dirksen発売日: 2016/07/23メディア: 単行本（ソフトカバー） まず球体を置いてみる 実行例 https://www.babylonjs-playground.com/#12S23Y コード全容 まずは、コード全容です <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Babylon Template</title> <style> [...]

私はサル以下なのか、、、と思ったあなたに。RPGに例えたGitの概念

ヒトにはもっと良い例えがあるはず！ そんなわけで、サルには理解できないRPGで、誤解を恐れずに例えてみた。いつも教えるときに例えて説明しているので、自分で整理するためにメモ。 概念だけなので正確には、こっちのGithubが出してるチートシートを確認してね。 https://github.github.com/training-kit/downloads/ja/github-git-cheat-sheet.pdf git init メモリーカードの初期化 全てはここから始まる。たまにPhpStormなど便利なIDEは勝手にやってる場合がある git clone 友達のセーブデータをメモリーカードにダウンロード。cloneから始める場合はinit不要。 git add セーブするものを選ぶ (RPGの中の状況のうち、セーブするものを選べる。お金だけとか、経験値だけとか、このキャラだけとか) git commit addした状態をメモリーカードへのセーブ git checkout セーブデータのロード(読み込み) git remote クラウドのセーブポイントの設定 メモリーカードではなく、インターネット上のメモリーカードに保存する(bitbucket, githubとか) 何個でも設定できる。 git push git remoteで設定したインターネット上のメモリーカードに保存。 git commit（手元のメモリーカードに保存）した後にやると、そのデータがネットにもコピーされる。 これで、手元にあるメモリーカードを紛失しても、水に濡らしてもセーブデータは失われない git pull インターネット上のメモリーカードカードの状態を 自分のメモリーカードに反映する。 友達が更新していた場合に、ちょくちょく、git pullしてやらないと、自分だけ古いデータで置いてきぼりを喰らう事があるよ。 git branch セーブデータの系列 条件分岐する箇所で、一旦セーブすると思います。 masterブランチは、メインのセーブデータ。 そのほかのブランチは、サブイベント回収のセーブデータみたいなイメージ。 サブイベントを回収し尽くしたら、masterブランチにマージして、常にmasterブランチのセーブデータに統合させる事ができます！ それを、自分だけじゃなく、友達同士で、協力してサブイベント回収して、masterブランチに統合する事もできる！ git rebase [...]

Let’s Work Together

Tell me more about your project

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.