ゲーム制作
-
ブラウザゲームの作り方【いろんな制作方法を紹介】
ブラウザゲームとはChormeやEdge、safariなどのwebブラウザの上で遊べるゲームのことです。 webブラウザ上で動作するのでスマホやPCにインストールする必要が無く気軽に遊ぶことができます。 そんな気軽に遊べるブラウザゲームの作り方や、作るうえでのメリット…
-
PICO-8で遊ぼう!【PICO-8入門】
PICO-8は1980年代に大人気だったゲーム機「ファミリーコンピューター」のようなレトロなゲームが作れるゲームエンジンです。 レトロ感に特化しているので制限されている所が多いですが、そのおかげて楽に作れる部分も多く初心者でも簡単にゲームを作ることができます。 世界最…
-
ゲームエンジンを使おう!初心者へのおすすめと選ぶポイント
ゲーム作ってみたいけどどうすればいいんだろう? 興味はあるけどどうしていいかわからない。 なんとなくゲームエンジンてのは聞いたことはあるけどどんなのがあるの? という初心者の方のためにゲームエンジンについて紹介したいと思います。 ゲームエン…
WEBサイト制作
-
ゲームをWordPressなどのブログに埋め込む方法
WordPressなどで作ったブログやサイトにブラウザゲームを埋め込んで表示する方法を紹介します。 ブログのページに埋め込むのはとても簡単でiframeというタグを使うとすぐにできます。 iframeは指定の範囲に違うページを表示できるHTMLのタ…
-
ゲームサイト用WordPressテーマ
ゲームサイトを作りたいぃぃぃぃぃぃ!!! 俺様のサイトを作りたいのに良いデザインのテーマが無いぃぃぃ!!!! と困ってる方のために私が作ったWordPressテーマを無料配布しています。 このテーマはサイト上でブラウザゲー…
-
ページ遷移アニメーションの作り方【CSS/JavaScript】
webサイトでページ遷移時にアニメーションが入るページをときどき見ます。 アニメーションがあると訪れたユーザーにちょっとしたインパクトを与えてサイトの印象を残すことができると思います。 今のところPRサイトとかちょっと凝ったおしゃれなサイトにしか使われていないようです…
新着記事
-
JavaScriptでブログパーツ風なものの作り方
私はjavascriptでブラウザで遊べるミニゲームを作っています。 そのゲームをより多くの人に遊んでもらいたいのでブログパーツ的に簡単に埋め込めるような方法を考えてみました。 もともと埋め込み自体はiframeでできますがiframeだとコードにいろんなプロパティが…
-
amazonアソシエイトの広告をランダムで表示する方法
amazonアソシエイトでは商品へのリンクをサイトに貼ってそのリンクから購入されると収入を得ることができます。 とても便利なんですが、サイドバーとかに貼る場合いつも同じ商品だとつまらないので好きな商品を選んでおいてそこからランダムで表示するようにできないかと思って作ってみました。 JSO…
-
CSS/JavaScriptで1文字ずつをアニメーションさせる
文字をアニメーションさせて目立たせるやり方です。 見出しに使ったりワンポイントに使ったりいろいろできると思います。 この記事では以下のpタグの文字をアニメーションさせていきます。 <p id="text">あいうえお</p> 文字の色を変え…
-
cssでカードをひっくり返す簡単アニメーションを作る
最近cssでサイトに動きをつけるやり方をちょこちょこ調べていろいろ試しています。 cssってすごい進化していたんですね。アイデア次第ではけっこうおもしろいことができそうです。 ということで今回はそのcssで遊んでいてひらめいたscaleを使ってカードを裏返すような感じの演出をやってみたいと思…
-
ページ遷移アニメーションの作り方【CSS/JavaScript】
webサイトでページ遷移時にアニメーションが入るページをときどき見ます。 アニメーションがあると訪れたユーザーにちょっとしたインパクトを与えてサイトの印象を残すことができると思います。 今のところPRサイトとかちょっと凝ったおしゃれなサイトにしか使われていないようです…
-
WordPressでAjaxの使い方
wordpressでajaxを使う必要が出てきたので調べてやってみました。 やり方を調べてみるとどのサイト見てもjQueryを使っていたんですが自分はjQueryをまったく使ったことが無いのでfetchを使ってやってみました。 WordPressではajaxはadmi…
-
ブラウザゲームの作り方【いろんな制作方法を紹介】
ブラウザゲームとはChormeやEdge、safariなどのwebブラウザの上で遊べるゲームのことです。 webブラウザ上で動作するのでスマホやPCにインストールする必要が無く気軽に遊ぶことができます。 そんな気軽に遊べるブラウザゲームの作り方や、作るうえでのメリット…
-
デモゲーム「api.p8」からPICO-8の基本を勉強する
PICO-8の付属デモの「api.p8」にはPICO-8の基本的な処理が使われています。これらを理解できるとゲーム開発がかなり楽になるので詳しく見ていきます。 デモプログラムを上から順番に解説していきます。 画面のクリア cls(1) cls()は画面に表示しているものをすべて消す処理で…
-
PICO-8でゲーム作ってみよう!
PICO-8はレトロ風なゲームが簡単に作れるゲームエンジンです。 今回は実際にPICO-8でゲームを作っていきます。 ※PICO-8についてはこちらの記事で紹介しています。 スプライトをつくってみよう PICO-8を起動したらESCキー…